董小姐不懂你的博客

原创 null转为string

【代码】null转为string。

原创 自定义指令------图片懒加载

自定义指令

原创 charles抓包，手机端和电脑端

手机或者电脑，通过charles抓包

原创 vue extend 的使用

前提：使用之前需要在vue.config.js中添加runtimeCompiler: true,如图：使用：第一种：无参数---官网示例1. 创建index.js图片：代码：import Vue from "vue";var RootEle = Vue.extend({ template: '<p>{{firstName}} {{lastName}} aka {{alias}}</p>', data: functi

原创 Es5的几种继承方式

1. 原型链继承 （子类的原型等于父类的实例） <!-- 父类 -- > function Super(name) { this.name = name } Super.prototype = { name: '我要走走看看', age: 18, hobby: { a:

原创 小程序交互

1. 小程序———小程序内部的h5/page/webview/webview?url=**encodeURIComponent**("h5页面的路径（eg:https://activity")2. 小程序公众号/H5 —— 小程序- 步骤一：绑定域名登录微信管理后台， 在开发-开发管理-开发设置-服务域名， 把你 js 请求的接口域名添加进去步骤二： 引入 js 文件在你的项目里面引入 js 文件，可以有两种方式。方式 1：在 html 里面使用 script ...

原创 antd columns 筛选

原创 Execution failed for task ‘:app:installDebug‘.

设置——>安全——>安装身份验证——>所有来源

原创 Unable to load script.Make sure you‘re either running a metro server or that ....

解决方案在创建的项目目录/android/app/build.gradle里修改project.ext.react = [ // enableHermes: false, // clean and rebuild if changing entryFile:'index.js', bundleAssetName:'index.android.bundle', bundleInDebug:true, bundleInBeta:true]重启...

原创 React memo解决不了一种场景，需要借助useMemo

useMemo 和 useCallback用途一直，不同在：useMemo用于变量 ，前提：不是useState的变量，并且这个变量是 引用类型useCallback用于函数问题：即使用了memo ，子组件还是重新渲染了父组件：function App() { const [count, setCount] = useState(0); const [text] = useState('我是') const obj = {des:text+'工程师'} return (

原创 React memo 的实际应用，解决什么问题？

1.为什么要用memo，解决了什么问题？问题：当子组件中接收的父组件的变量未发生变化时，子组件还是重新渲染了父组件：function App() { const [count, setCount] = useState(0); const [info] = useState("这只是一段无关父组件的静态的文本数据"); return ( <div className="container"> parent: <button onClic

原创 React useCallback的实际应用 为什么要用这个函数？

1.如果不用useCallback会产生什么问题？注： 以下都是函数组件的写法场景：子组件的input框值发生变化，父组件数据同步变化父组件：function App() { const [text, setText] = useState(""); const textChange = (e) => { setText(e.target.value); }; return ( <div className='container'> &l

原创 scroll-x不生效

原创 uniapp中父组件修改子组件的样式不生效

.myswiper { /deep/ .new-swiper { padding-top: 20rpx; } /deep/ .image-style { margin: 0 20rpx; width:710rpx; }}

原创 【react】tsconfig.json中配置react-jsx报错解决方案

解决方法请在查看TS文件时调出命令托盘（cmd + shift + p）并键入“ select typescript version”，选择选项，然后选择“使用工作区版本4.2.3”。 为了确保解决问题，将依赖修改为4.2.3安装。

原创 You are running `create-react-app` 4.0.1, which is behind the latest release (4.0.3). We no longer

npm uninstall -g create-react-app && npm i -g npm@latest && npm cache clean -f && npx create-react-app my-app

原创 csrf与xss攻击的详解与区别

https://blog.csdn.net/wuhuagu_wuhuaguo/article/details/104148444

原创 warning: Did not expect server HTML to contain a ＜div＞ in ＜div＞

原创 一个useEffect使用不当引发的问题

https://zhuanlan.zhihu.com/p/152231732

原创 git在切换分支的时候，管理暂存本地修改的代码

https://blog.csdn.net/CherryLee_1210/article/details/108298304

原创 在浏览器中输入URL回车后都发生了什么？

一：解析URLURL(Universal Resource Locator): 统一的资源定位符。俗称网页地址或者网址。URL用来表示某个资源的地址URL主要由以下几个部分组成：a.传输协议 b.服务器 c.域名 d.端口 e.虚拟目录 f.文件名 g.锚 h.参数浏览器首先对拿到的URL进行识别，并抽取域名字段二：DNS解析DNS解析（域名解析），DNS实际上是一个域名和IP对应的数据库。IP地址很难被记住，但机器间互相只认识IP地址，于是人们发明了域名，让域名

原创 ＜script＞ defer async 的区别

https://www.bilibili.com/video/BV1PA411x7jA?from=search&seid=15447749496554374267

原创 js的事件机制

一：事件机制的描述1. js事件机制描述的是事件在DOM里面传递的顺序，以及我们可以对这些事件做出如何的响应。2. js事件的触发可以分为三个阶段：捕获阶段 目标阶段 冒泡阶段二： 事件冒泡的五个注意点：假设，有这样的 html 结构：<div id="test" class="test"> <div id="testInner" class="test-inner"></div></div>1.在外层div上注册事件.

原创 进程（process) 和 线程 (thread)

一： 什么是进程？我们可以在电脑的任务管理器中查看到正在运行的程序，可以理解为一个程序就是一个进程，比如浏览器打开了一个网页就是一个进程，打开了三个网页就是三个进程，一个进程是包含多个线程的，这些线程相互配合，组成网页。二：线程有哪些？线程如下：GUI渲染线程 js引擎线程 EventLoop处理线程 其他线程 比如： 1. 定时器线程（setTimeout） 2. http异步线程（a...

原创 冒泡排序

let a = [51, -9, 7, 2, -8, 81, 3]; function sort(arr) { for (var i = 0; i < arr.length; i++) { for (var j = i + 1; j < arr.length; j++) { if (arr[i] > arr[j] && arr[j] > 0) { ...

原创 根据对象的值排序

原：{ a: 8, b: 1, c: 2 }期望：{ b: 1, c: 2, a: 8 }function objSortByValue(obj) { let arr = []; for (let key in obj) { let o = {}; o[key] = obj[key] arr.push(o) } arr.sort((a, b) => { .

原创 函数声明提升

1 . var a = 1; function test(){ console.log(a) // function a(b){ a=b } } test()2 . test(); var test = function (){ console.log('111111') }

原创 2021-02-03

1.http状态码200 成功 301 重定向 永久跳转 302 重定向 临时跳转 403 权限不足 404 没有找到 Not Found 500 服务端内部错误 后端代码出问题了 502 服务端网关错误 （ 比如代理层 和 服务端通信出现出题时 ） 504 服务端网关超时 （ 需要很久才能打开，打开返回 ）如果nginx发送这个请求给java处理的时候，如果超过了nginx设置的处理时间，就会返回504...

原创 浏览器缓存机制

1. mac 笔记本 chrome浏览器缓存 shift + command + g 然后 /用户/zhy/资源库/Caches/Google/Chrome/Default/Cache 清除chrome缓存 shift + command + del ctrl + F5 强刷当前页2. 客户端缓存内存缓存：窗口关闭就消失了，如果你开一个新的窗口，然后先打开控制台，再重新输入刚才的网址就会发现里面都是从硬盘中读取的了硬盘缓存：不清就存在，也就是mac位...

原创 手写Promise

class HD { static PENDING = 'pending' static FUIFUILED = 'fulfiled' static REJECTED = 'rejected' constructor(executor) { this.status = HD.PENDING; this.value = null; this.callbacks = [];.

原创 防抖

函数的防抖和节流都是为了限制函数的执行频率，是一种优化方案，比如应用于window对象的resize ,scroll事件，拖拽的onmousemove事件，文字输入自动完成的keyup事件等函数的防抖 （时间内不再触发才执行）keyup指的是函数触发后n秒后再执行，如果在这n秒内再次触发，则清除定时器重新计算，重新定义定时器只要在300ms内连续触发键盘事件，新的定时器总是会替代旧的定时器那么，连续过快的键盘输入，将不会触发多次请求而是在键盘输入结束后（300ms内不再输入）发出一次

原创 节流

节流的意思是让函数有节制地去执行，而不是毫无节制的触发一次就执行一次。https://www.zhihu.com/search?q=%E8%8A%82%E6%B5%81%E9%98%B2%E6%8A%96&utm_content=search_suggestion&type=content持续触发并不会执行多次 到一定时间再去执行效果：抓取一个关键的点：就是执行的时机。要做到控制执行的时机，我们可以通过一个开关，与定时器setTimeout结合完成。持续触发时，关闭开

原创 手写reduce

Function.prototype.myReduce = function(fn,init){ let arr = [...this]; init = init == undefined ? arr[0] : init let i = init==undefined?1:0; for(i;i<arr.length;i++){ init = fn(init,arr[i],i,arr); ...

原创 手写instanceof

function myInstanceof(l, r) { while (l) { if (l.__proto__ == r.prototype) { return true } l = l.__proto__ } return false }

原创 js实现数组flat

Array.prototype.myFlat = function(d = 1) { let arr = [...this]; return d > 0 ? arr.reduce((acc, val) => { return acc.concat(Array.isArray(val) ? val.myFlat(d - 1) : val) },[]) : arr.slice() } ...

原创 基础服务端渲染

//app.jsconst express = require('express');const fs = require('fs');//node读取文件的方法const template = require('art-template')//渲染js模板的插件const app = express();const port = 3000;app.get('/', (req, res) => { let templateStr = fs.readFileSync('./in.

原创 vue createElement render

var vDom = createElement('div',{class:'container'},[ createElement('p',{class:'item',style:'color:red'},'我是节点1'), createElement('p',{class:'item'},'我是节点2'), createElement('p',{class:'item'},'我是节点3'), createElement('input',{.

原创 mac打开Apache服务调试文件

sudo apachectl start //打开http://127.0.0.1 (或 http://localhost)（或 http://自己的ip） // 查看是否启动成功sudo apachectl stop //关闭sudo apachectl restart //重启以上是Apach的命令，那打开的文件是在哪里呢？sudo open /library/WebServer/Documents 用此命令打开可以在里面创建自己的文件如果想要支持ph.

原创 代理模式------图片懒加载

/******** 代理类实现每张图片的loading ********/ function Img() { this.img = document.createElement('img') document.body.appendChild(this.img) } Img.prototype.setSrc = function (src) { this.img.src = src } //代理函数.

原创 封装jsonp

function JSONP({url,data,cb}){ return new Promise((resolve,reject)=>{//处理异步 window[cb] = function(data){ resolve(data) } let arr = [] for(let [key,value] of Object.entries(data)){.