最近在看一些底层方面的知识。所以想做个系列尝试去聊聊这些比较复杂又很重要的知识点。学习就好比是座大山，只有自己去登山，才能看到不一样的风景，体会更加深刻。今天我们就来聊聊Vue中比较重要的响应式原理以及依赖收集。 Object.defineProperty() 和 Proxy …

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…

性能优化是把双刃剑，有好的一面也有坏的一面。好的一面就是能提升网站性能，坏的一面就是配置麻烦，或者要遵守的规则太多。并且某些性能优化规则并不适用所有场景，需要谨慎使用，请读者带着批判性的眼光来阅读本文。 本文相关的优化建议的引用资料出处均会在建议后面给出，或者放在文末。 1. …

浏览器的 resize、scroll、keypress、mousemove 等事件在触发时，会不断地调用绑定在事件上的回调函数，极大地浪费资源，降低前端性能。为了优化体验，需要对这类事件进行调用次数的限制。 作用是在短时间内多次触发同一个函数，只执行最后一次，或者只在开始时执行…

人生，找个工作好好做着，做到离职退休，是个奢侈的想法。 因为，总会有这样那样的问题，让我们在各个厂子间来回奔波。 求职，是每个打工人的痛点，是每个裸辞打工仔的噩梦。 Hello 小伙伴们好，我是 jsliang，一枚喜欢折腾、喜欢学习、乐于和各位小伙伴分享的小前端。jslian…

建议先阅读官方指南——Vue.js 服务器端渲染指南，再回到本文开始阅读。 好了，下面开始正文。 访问客户端渲染的网站。 服务器返回一个包含了引入资源语句和 <div id="app"></div> 的 HTML 文件。 客户端通过 HTTP 向服务器请求资…

作为开发人员，平时用的最多的就是Chrome devtools了，但是可能很多同学都像我一样平时用的最多也就只是Console和Elements面板了。 按Cmd + Shift + P（如果使用Windows，则按Ctrl + Shift + P）打开“命令”菜单。 当你只想…

1. 防抖 2. 节流 3. new 4. bind 5. call 6. apply 7. deepCopy 8. 事件总线 | 发布订阅模式 9. 柯里化：只传递给函数一部分参数来调用它，让它返回一个函数去处理剩下的参数 10. es5 实现继承 11. instanceo…

转转App是我们公司最核心的产品，引导用户到转转App中来，对用户增长和留存十分重要。常见的做法是在各个流量入口，投放Web版的引流页面，然后通过该页面唤起App（下文简称唤端）。本文重点介绍转转是如何在各种场景下，完成整个唤端流程的。 如上图，在Safari浏览器中，当我们点…