20190729 前端开发日报

Vue必知必会(5)为什么使用v-for时必须添加唯一的key?为什么不宜用index作为key?;vue源码阅读之数据响应式原理;重学JS:数组;TypeScript入门指南(基础篇);JavaScript的异步机制是怎么实现的?;Vue必知必会(6)V-model语法糖;Vue必知必会(4)Vue.set()和this.$set()介绍;还算有点用的scrollTo和scrollBy两个JS API

  1. Vue必知必会(5)为什么使用v-for时必须添加唯一的key?为什么不宜用index作为key? key的特殊属性主要用在Vue的虚拟DOM算法,在新旧nodes对比时辨识VNodes,如果不使用key,Vue会使用一种最大限度减少动态元素并且尽可能的尝试修复/再利用相同类型元素的算法。使用key,它会基于key的变化重新排列元素顺序,并且会移除key不存在的元素。有相同父元素的子元素必须有独特的key。重复的key会造成渲染错误。 ...
  2. vue源码阅读之数据响应式原理 一、概述 上一篇《vue源码阅读之数据渲染过程》分析了数据是如何渲染到页面的过程,本章将继续分析当改变数据的时候,页面是如何重新进行渲染的。即数据响应式原理。首先我们看一下整个响应式的过程。如图1所示: 图1: 响应式过程 图一中涉及到data、props、computed、watch等属性的响应式过程。都是通...
  3. 重学JS:数组 除了Object类型之外,Array类型恐怕是js中最常用的类型了,并且随着js的发展进步,数组中提供的方法也越来越来,对数组的处理也出现了各种骚操作,此篇文章将会带你重新学习数组中的实例方法 数组转换 1、join()方法接收一个字符串作为分隔符,并返回用分隔符连接的数组项字符串 参数:分隔符字符串 con...
  4. TypeScript入门指南(基础篇) ts是拥有类型系统的js的超集,近年来非常火热。可以这么说,ts才是真正意义上的js。虽然ts的官方文档非常全面,但是对于原来没有接触过ts的同学来说,全篇通读下来需要耗掉不少时间,这篇文章旨在为尝试入门ts的同学使用。 本文将从以下几部分进行总结: TypeScript的优势 强类型与弱类型的区别 动态类型与静态...
  5. JavaScript的异步机制是怎么实现的? Javascript 是单线程语言,代码执行从上到下排队执行。也就是一次只能执行一个任务,如果某个任务执行时间过长就会阻塞后面的任务执行,比如造成浏览器假死等。为了解决这个问题,就需要异步执行。 本文主要解决异步机制是怎么实现的。在解释异步机制前,需要先了解下同步机制。 执行如下一段代码: // 处理数据 f...
  6. Vue必知必会(6)V-model语法糖 v-model语法糖的使用 使用v-model来进行双向数据绑定的时: <input v-model="something"> 复制代码 仅仅是一个语法糖: <input v-bind:value="something" v-on:input="something=$event.target.value"> 复制代码 所以在组件中使用的时候,相当于下面的简写: <custo...
  7. Vue必知必会(4)Vue.set()和this.$set()介绍 在我们使用vue进行开发的过程中,可能会遇到一种情况:当生成vue实例后,当再次给数据赋值时,有时候并不会自动更新到视图上去; 当我们去看vue文档的时候,会发现有这么一句话:如果在实例创建之后添加新的属性到实例上,它不会触发视图更新。 如下代码,给 student对象新增 age 属性 data () { return { stude...
  8. 还算有点用的scrollTo和scrollBy两个JS API byzhangxinxu from https://www.zhangxinxu.com/wordpress/?p=8799 本文欢迎分享与聚合,全文转载就不必了,尊重版权,圈子就这么大,若急用可以联系授权。 一、韩信么? scrollTo和scrollBy这两个JS API也是用来控制元素或者窗体的滚动距离的。 我脑中的存储快速索引了一遍,发现JS API中控制元素或者窗...
  9. 爬豆瓣小组中的租房信息(mongo+node+vue)1.通过node中的 superagent 模拟http请求,去读取豆瓣小组的信息,对读取到的信息通过cheerio插件进行解析格式化以便于获取body中的信息存储到mongodb中
  10. Vue全家桶高仿网易云音乐mac客户端版(不像赔十个)音乐播放器虽然烂大街了,但是作为前端没自己撸一个一直是个遗憾,而且偶然间发现pc端web版的网易云音乐做的实在是太简陋了,社区仿pc客户端的网易云也不多见,为了弥补这个遗憾,就用vue全家桶模仿mac客户端的ui...
  11. GitHub 也会断供:美国制裁地区帐号都受限,毫无预警,个人页面直接 404 栗子 雷刚 发自 凹非寺 量子位 报道 | 公众号 QbitAI 请注意,GitHub也有断供危机。 如果你有GitHub私有库,是时候重新思考安全性,也是时候制定备份策略。 这不是杞人忧天,也不只温馨提示,而是已经发生的事实。 一位伊朗程序员,一觉醒来GitHub帐号无法正常使用。一位克里米亚...
  12. React Hook 搞定 Race ConditionRace Condition 是开发中经常遇到的问题,比如查询天气的时候,先输入“北京”,再输入“深圳”,这时将发起 2 个请求。很可第一个请求花的时间比第二个请求长,如果不做处理,最终看到的是北京的天气,而不是深圳。...
  13. 使用 elev 定时部署 Let's Encrypt 通过阿里云 DNS 验证方式实现泛域名 HTTPS/SSL 证书系列文章: 《使用 Certbot 部署 Let's Encrypt 免费 SSL 证书实现 HTTPS》 《使用 acme.sh 部署 Let's Encrypt 通过阿里云 DNS 验证方式实现泛域名 HTTPS》 本篇是第三种方法来进行 Let's Encrypt 证书定时签署...
  14. 使用 Node.js 读取超大的文件(第一部分) 这篇博文有一个非常有趣的启发点。上周,某个人在我的 Slack 频道上发布了一个编码挑战,这个挑战是他在申请一家保险技术公司的开发岗位时收到的。 这个挑战激起了我的兴趣,这个挑战要求读取联邦选举委员会的大量数据文件,并且展示这些文件中的某些特定数据。由于我没有做过什么和原始数据相关的工作,并且我总是乐...
  15. 记一次WebView填坑过程--由换行符引发的血案 2019-07-27 记一次WebView填坑过程--由换行符引发的血案 最近使用WebView掉坑了,然后艰难爬坑经历感触很深,写出来大家借鉴一下。 需求 我们有个网页需要用到很多js库,这些库比较大,而且基本上是不变的。为了提高性能,将这些网页和JS库放到本地,进行加载。变的数据从服务器获取,然后跟本地的HTML组装后显...
  16. XMLHTTPRequest属性、方法、事件整理大全open(method:string, url:string, async?:boolean=true, username?:string, password: string) 用于创建 HTTP 请求,但请求并未发送。

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多

原文:20190729 前端开发日报 ,未经许可,禁止转载。
来源:前端开发博客 (http://caibaojian.com/fe-daily-20190729.html)