前端开发日报：20190821

最新推荐文章于 2024-07-14 14:53:20 发布

前端开发博客

最新推荐文章于 2024-07-14 14:53:20 发布

阅读量204

点赞数

文章标签： js css vue javascript html

原文链接：http://caibaojian.com/fe-daily-20190821.html

版权

给「前端开发博客」加星标，每天打卡学习

长按二维码即可识别“进入网页”查看哟~

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事件有不同的地方吗...