俊不朗

梳理一下个人开发中遇到的一些vue问题，记录一下个人的理解。 当你把一个普通的 JavaScript 对象传入 Vue 实例作为 data 选项，Vue 将遍历此对象所有的属性，并使用 Object.defineProperty 把这些属性全部转为 getter/setter。…

vue 的双向绑定原理及实现

最近看了 Chrome Dev Summit 2019 大会视频, 了解到了很多之前不知道的 CSS 新特性，挺有意思的。 下面我就介绍几个激动人心的特性。 1. Stickey Stack stickey 属性我们或许都听说过，常见于吸顶需求。 当我们滚动容器的时候， sti…

众所周知，v-model 是 Vue.js 中实现的一个语法糖，和 Vue.js 中推崇的单向数据流表现不一致，用于实现所谓的双向绑定。 但看似简单的 v-model 具体是怎么做到双向绑定的，为了满足下好奇心，不得不深入到源码中看一看。 v-model 的使用情景分为两种：直…

开发的时候，我们常常会遇到因为缓存而导致页面修改没有及时展示的情况，这个时候我们不禁就会思考，为什么有时候页面缓存了，有时候页面没有缓存，究竟如何正确使用缓存，如何快速定位问题是否由缓存导致，本文我们就来深入理解下浏览器的缓存机制。 所谓缓存，就是浏览器将一些资源存放在用户磁盘…

无论是在工作中，还是在面试中，web前端性能的优化都是很重要的，那么我们进行优化需要从哪些方面入手呢？本文将遵循yahoo前端性能团队总结的34条黄金定律，哦不，现在是35条了。 1.减少HTTP请求次数。 减少页面的HTTP请求数是个起点，这是提升站点首次访问速度的重要指导原…

在项目中经常用到moment库，有没有发现引入moment之后，项目build完的文件大小明显大了不少，下面就来分析一下原因, 以及如何做优化。 只有几行代码， 编译出来的文件相差那么大。网上搜了一波才知道, 打包时把所有的locale都打包进去了, 初步解决方案是用webpa…

函数式语言在深度学习领域应用很广泛，因为函数式与深度学习模型的契合度很高，The Beauty of Functional Languages in Deep Learning — Clojure and Haskell 就很好的诠释了这个道理。 通过这篇文章可以加深我们对深度…

HTTP/2 相比于 HTTP/1.1，可以说是大幅度提高了网页的性能，只需要升级到该协议就可以减少很多之前需要做的性能优化工作，当然兼容问题以及如何优雅降级应该是国内还不普遍使用的原因之一。 虽然 HTTP/2 提高了网页的性能，但是并不代表它已经是完美的了，HTTP/3 就…