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