给 「前端开发博客」 加星标,每天打卡学习
长按二维码即可识别“进入网页”查看哟~
1、使用 Vue 实现一个虚拟列表
因为 DOM 性能瓶颈,大型列表存在难以克服的性能问题。因此,就有了 “局部渲染” 的优化方案,这就是虚拟列表的核心思想。虚拟列表的实现,需要重点关注的问题一有以下几点:可视区域的计算方法 可视区域的 DOM 更新方案 事件的处理方案 下面逐一分解说明。可视区域计算 可视区域的计算,就是使用当前...
https://juejin.im/post/5d58ecb751882554a13f8048
2、从零开始实现一个Vue级联组件
本文实现的是一个省、市、县...多级联动组件,当组件渲染完成后默认会加载出所有的省名称,当用户点击某个省的名称后,右边会自动添加一列显示该省下对应的市名称列表,当用户点击某个市后,右边又会自动添加一列...
https://segmentfault.com/a/1190000020120998
3、Vue中keepalive的深入理解和使用
在平常开发中,有部分组件没有必要多次初始化,这时,我们需要将组件进行持久化, 使组件的状态维持不变 ,在下一次展示时,也不会进行重新初始化组件。也就是说, keepalive 是 Vue 内置的一个组件,可以 使被包含的组件保留状态,或避免重新渲染 。也就是所谓的 组件缓存 基本用法 //被keepalive包含的组...
https://juejin.im/post/5d58cb36e51d4561da620140
4、手摸手教你用canvas实现给图片添加平铺水印
类似这样的效果首先想到的是用canvas完成这种功能,因为我之前也没有接触过canvas,所以做这个功能的时候,就是一步一步的摸索中学习,过程还是挺nice的,接下来跟我一步步来实现这个功能以及发现一些canvas的坑吧。
https://segmentfault.com/a/1190000020119567
5、原生js深入理解系列(三)— 事件冒泡的分析以及如何防止事件冒泡
https://juejin.im/post/5d5a0d27f265da03d2113e86
6、React hooks实战总结
react 于19年2月份在16.8版本中新增了hook这一特性,已经过去了半年多了,社区的各种文章解析页汗牛充栋,本文将结合自己的项目实践,对react hooks做一个全面的讲解,俗话说没吃过猪肉,还没见过猪跑吗?确实,...
https://segmentfault.com/a/1190000020120456
7、Promise由浅入深
在Promise出现以前,处理一个异步网络请求,大概如下 // 请求 代表 一个异步网络调用。// 请求结果 代表网络请求的响应。请求1(function(请求结果1){ 处理请求结果1 }) 复制代码 乍一看,好像没什么问题,但现在需求变了,需要在第一个请求的基础上,去执行第二个网络请求,代码如下。请求1(function(请求结果...
https://juejin.im/post/5d57e599e51d4561b674c44d
8、【重学前端学习笔记】关于类型,有哪些你不知道的细节
在学习关于类型,有哪些你不知道的细节一章节中,讲到了 javascript 内置了 Symbol.toPrimitive 属性,可自定义类型转换操作。typeof 我们最常使用 typeof 来进行类型检测,对于基本类型使用 typeof 能得到我们想要的结果 console.log(typeof '123') //'string' console.log(typeof 1...
https://segmentfault.com/a/1190000020120899
9、带你入门并掌握Webpack4(实战篇三)
上篇 带你入门并掌握Webpack4(实战篇一) 上篇 带你入门并掌握Webpack4(实战篇二) 17.PWA 配置 demo17 源码地址 本节使用 demo15 的代码为基础 我们来模拟平时开发中,将打包完的代码防止到服务器上的操作,首先打包代码 npm run build 然后安装一个插件 npm i http-server -D 在 package.j...
https://juejin.im/post/5d59f94f6fb9a06b0c0865b1
10、深度揭秘Vue的事件机制
这个系列讲到这里,Vue基本核心的东西已经分析完,但是Vue之所以强大,离不开它提供给用户的一些实用功能,开发者可以更偏向于业务逻辑而非基本功能的实现。例如,在我们日常开发中, @click=*** 用得飞起,但是我们是否思考,Vue如何在后面为我们的模板做事件相关的处理,自定义事件的原理和原生dom事件有不同的地方吗...
https://juejin.im/post/5d5a5dbd6fb9a06acc0084dd
11、VIP视频免费看
全网VIP视频免费看,识别二维码回复【电影】查看使用教程,或者回“看xxx”,xxx代表要看的电影名字,如“看哪吒”。
12、免单福利
购物前分享链接给我,能帮你找到大部分隐藏优惠券,还能赢取免单福利哦。回复【免单】了解详情~
喜欢这篇文章的朋友
欢迎分享到朋友圈 或者技术交流群
关注「前端开发博客」加星标,不错过每日热文
每日更新 ???? 关注不迷路!