- 博客(11)
- 收藏
- 关注
RSS订阅
原创 React整理（一）
节流和防抖节流（throttle）：基于时间的频率来进行抽样更改防抖（debounce）：一段时间的不活动之后发布更改state和props的区别react state和props的区别给setState传递一个对象和传递一个函数的区别因为setState是异步合并更新的，所以setState传递一个对象，如果要更新那些依赖于当前的state的state时，不能确保每次的调用都是最新的state，导致给了我们一个错误的值。而传递一个函数可以在函数访问到当前的state的值，确保他们是建立在另一
2021-02-06 17:24:11
295
3
原创 代码规范整理
代码规范变量、常量函数、方法对象和数据结构类（Class)单一责任原则（SRP）开/关原理（OCP）里斯科夫Liskov替代原理（LSP）接口隔离原理依赖倒置原理（DIP）测试错误处理注释变量、常量驼峰（使用有意义且可发音）命名变量、函数名、方法名大写命名常量（单词间用“”）使用解释变量（占位符）【】使用默认参数代替短路或条件函数、方法使用对象做函数参数（理性情况参数个数为2个或更少）forEach前先过滤，不在forEach中做判断（函数应该只做一件事）函数应该只有一个抽象删除重复代码
2020-12-28 01:13:50
306
原创 Set和Map数据结构的区别
Set和Map数据结构的区别SetMapSet类似于数组，但是成员的值都是唯一的，没有重复的值add方法向Set结构添加成员，可以接受一个数组（或者具有 iterable 接口的其他数据结构）作为参数由于 Set 结构没有键名，只有键值（或者说键名和键值是同一个值），keys方法和values方法的行为完全一致默认遍历器生成函数（Symbol.iterator属性）就是它的values方法MapJavaScript 的对象（Object），本质上是键值对的集合（Hash 结构），但是“
2020-12-02 18:54:05
610
原创 TCP三次握手、四次挥手
TCP三次握手：客户端发送syn包到服务器，等待服务器确认接收服务器确认接收syn包并确认客户的syn，并发送回来一个syn+ack的包给客户端客户端确认接收服务器的syn+ack包，并向服务器发送确认包ack，二者相互建立联系后，完成tcp三次握手。TCP四次挥手第一次挥手：Client向Server发送FIN标志，用于关闭Client到Server的数据传送，并发送序列号a，进入FIN_WAIT_1状态。这表示Client告诉Server我已经没有数据要发给你了。第二次挥手：Serve
2021-02-22 18:25:13
136
原创 性能优化整理（Vue）
源码优化代码模块化：常用的封装成组件、css->less、sass 有变量for循环设置key值：快速寻找到该条数据，对比old和new时，更快定位到diffVue路由设置成懒加载：当首屏渲染的时候，能够加快渲染速度 component:resolve=>require([‘组件路径’],resolve)深入理解Vue的生命周期：全局变量 组件销毁后 重置为null，避免造成内存泄漏可以使用keep-alive：缓存组件v-if和v-show选择调用区别：v-if 懒加载，fal
2021-01-22 16:45:33
139
原创 原型与原型链
构造函数 funciton Person() {}实例 const person = new Person()原型Person.prototype隐藏属性 constructor等式 1：person.constructor === Person等式 2：Person.prototype.constructor === Person手写new：一、判断首参为函数；二、通过 Object.create() 创建新对象并且绑定原型链；三、通过 call 或者 apply 修正this 指向和.
2021-01-18 14:47:33
135
1
原创 H5新内容和CSS3新属性
H5语意化标签(nav、aside、dialog、header、footer等)canvas拖放相关apiAudio、Video获取地理位置更好的input校验web存储(localStorage、sessionStorage)webWorkers(类似于多线程并发)webSocketCSS3选择器边框(border-image、border-radius、box-shadow)背景(background-clip、background-origin、background-size
2020-12-25 18:24:59
169
原创 react 的 props 和 state 的区别
props 和 state 的区别propsstateprops属性 只读 组件对外的接口state状态 可变 组件对内的接口注意不要使用push、pop、shift、unshift、splice等方法修改数组类型的状态，因为这些方法都是在原数组的基础上修改，而concat、slice、filter会返回一个新的数组。...
2020-12-08 18:01:09
71
原创 地址栏输入url 发生了什么
地址栏输入url 发生了什么首先会进行 url 解析，根据 dns 系统进行 ip 查找根据 ip 就可以找到服务器，然后浏览器和服务器会进行 TCP 三次握手建立连接，如果此时是 https 的话，还会建立 TLS 连接以及协商加密算法连接建立之后浏览器开始发送请求获取文件，此时这里还会出现一种情况就是缓存，建立连接后是走缓存还是直接重新获取，需要看后台设置，如走缓存则状态码为304，没有缓存，直接去获取文件首先获取 html 文件，构建 DOM 树，这个过程是边下载边解析，并不是等 html
2020-12-07 18:31:54
239
原创 vue 和 react 的区别
vue 和 react 的区别设计理念上的区别：Vue使用的是可变数据，而React更强调数据的不可变。所以应该说没有好坏之分，Vue更加简单，而React构建大型应用的时候更加棒数据流的不同：Vue2.x 已经不鼓励组件对自己的 props 进行任何修改了。 所以现在我们只有 组件 <–> DOM 之间的双向绑定这一种。 React 从诞生之初就不支持双向绑定，React一直提倡的是单向数据流，他称之为 onChange/setState()模式。组件通信的区别：在Vu
2020-12-03 18:49:30
157
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人