前端记忆
文章平均质量分 64
前端老田
这个作者很懒,什么都没留下…
展开
-
redux的hooks改写步骤
redux在函数式组件中配合hooks原创 2023-02-12 20:32:58 · 170 阅读 · 0 评论 -
css3和h5新增特性
背景:规定背景图片的尺寸:background-size规定背景图片的定位区域:background-origin(content-box、padding-box、margin-box)边框:border-radius: 圆角border-shadow/text-shadow: 阴影border-image: 边框图片。1. 语义化标签:文档头部:header、文档尾部:footer、文档中的节点:section、导航:nav、侧边栏:aside、独立内容区域:article。原创 2023-02-11 10:19:49 · 149 阅读 · 0 评论 -
WebSocket的理解
http是一种无状态协议,每当一次会话完成后,服务端都不知道下一次的客户端是谁,需要每次知道对方是谁,才进行相应的响应,因此本身对于实时通讯就是一种极大的障碍http协议采用一次请求,一次响应,每次请求和响应就携带有大量的header头,对于实时通讯来说,解析请求头也是需要一定的时间,因此,效率也更低下最重要的是,需要客户端主动发,服务端被动发,也就是一次请求,一次响应,不能实现主动发送。举例来说,我们想了解今天的天气,只能是客户端向服务器发出请求,服务器返回查询结果。降低轮询的间隔,延迟降低,压力增加;原创 2023-02-04 10:55:05 · 200 阅读 · 0 评论 -
DNS基础
若仍然没有命中,则操作系统将域名发送至本地域名服务器,本地域名服务器采用递归查询自己的 DNS 缓存,查找成功则返回结果。首先本地域名服务器向根域名服务器发起请求,根域名服务器返回顶级域名服务器的地址给本地服务器。若本地域名服务器的 DNS 缓存没有命中,则本地域名服务器向上级域名服务器进行迭代查询。本地域名服务器拿到这个顶级域名服务器的地址后,就向其发起请求,获取权限域名服务器的地址。本地域名服务器根据权限域名服务器的地址向其发起请求,最终得到该域名对应的 IP 地址。原创 2023-02-04 10:51:52 · 78 阅读 · 0 评论 -
webpack
对此你可以通过插件的filename属性,告诉插件输出的 CSS 文件名称是通过[name]_[contenthash:8].css字符串模版生成的,里面的[name]代表文件名称,[contenthash:8]代表根据文件内容算出的8位 hash 值, 还有很多配置选项可以在ExtractTextPlugin的主页上查到。我们使用es6的语法来编写,最终会通过babel-runtime编译成es5.也就是说,不管浏览器是否支持ES6,只要是ES6的语法,它都会进行转码成ES5.所以就有很多冗余的代码。原创 2023-02-04 09:02:16 · 116 阅读 · 0 评论 -
diff算法原则
为了避免不必要的DOM操作,虚拟DOM在虚拟节点映射到视图的过程中,将虚拟节点与上一次渲染视图所使用的旧虚拟节点做对比,找到真正需要更新的节点来进行DOM操作,从而避免操作其他无需改动的dom。大家可以复制下来试一试,这个是个有问题的,我的transtion-group中包裹的li的key我设置的是index,这样大家点击删除按钮后,会发现删是删掉了,但是动画总是在最后一个li上面,这里就可以用diff算法原则来解释了。只需要把li的key设置为一个唯一的key即可,记住,原创 2022-12-15 10:28:09 · 176 阅读 · 0 评论 -
vue是什么、有什么特点、MVVM
在MVVM架构下,view 和 model 之间并没有直接的联系,而是通过 ViewModel 进行交互,Model 和 ViewModel 之间的交互是双向的,因此 View 数据的变化会同步到Model中,而Model数据的变化也会立即反应到View上。为了避免不必要的dom操作,虚拟dom在虚拟节点映射到视图的过程中,将虚拟节点与上一次渲染视图所使用的虚拟节点做对比,找到真正需要更新的节点来进行dom操作,从而避免操作其他无需改动的dom.1、提供与真实dom节点所对应的虚拟节点vnode。原创 2022-12-13 10:30:50 · 385 阅读 · 0 评论 -
前端性能优化
优化原创 2022-12-09 23:46:50 · 189 阅读 · 0 评论 -
前端开发必背单词
学习前端记忆的单词原创 2022-12-09 23:05:30 · 302 阅读 · 1 评论