Vue.js作者:聊聊关于Vue3.0的故事

首先我们来聊一聊,怎么让Vue变得更快。大家都知道Vue用的是Virtual DOM内部渲染机制,在3.0对Virtual DOM进行了一次完全的重构,在很多细节的地方下了很多功夫,深度挖掘性能提升。同时也有一些结合模板编译来提供运行时性能的一些小技巧。总体来说,当从这个重构的表现来看,我们在大部分情况下,初始渲染更新的提速最高可以翻倍!
阅读全文〉

揭秘js框架中的常用套路

我们每天都在使用各种各样的框架,这些框架伴随着我们每天的工作。通过使用这些框架的目的是为了解放我们,很少人去真正关心这些框架的背后都做了些什么。我也使用了不少的框架,通过这些流行框架也让我学习到了一些知识,就想把这些东西分享出来。
阅读全文〉

基于React+Redux的SSR实现

今天我们将构建一个使用的简单的应用程序,实现服务端渲染(SSR)。该示例包括异步数据抓取,这使得任务变得更有趣。 在开始编写应用之前,需要我们首先把环境编译配置好
阅读全文〉

对Redux的重新思考

按照React.js 团队的做法,把事情搞复杂一些,提高数据修改的门槛:模块(组件)之间可以共享数据,也可以改数据。但是我们约定,这个数据并不能直接改,你只能执行某些我允许的某些修改,而且你做任何修改必须通知我。
阅读全文〉

如何实现一个CMD规范的模块加载器

最初原因是作为面试准备的主题之一,后来发现研究原理最好的方法就是自己动手实现一个。前端早已进入了模块化开发的时代,Node.js火起来后,CommonJS作为服务端js模块化的标准。与此同时,针对浏览器端的模块化规范AMD, CMD陆续推出,其中最具代表性的就是require.js和sea.js。
阅读全文〉

一文读懂web worker究竟能干什么?

Web workers提供了一种在浏览器中单线程运行js代码的方法。单线程处理请求显示内容以及通过键盘、鼠标点击,和其他设备产生的用户交互, 以及对AJAX请求的响应。事件处理和AJAX请求虽然是异步的,但是它们仍然在这个单线程中运行,必须要尽可能的快去完成。否则,浏览器中的就会停止响应,直到任务处理完成。
阅读全文〉

深入分析Vue响应式原理

Vue 初始化的过程,就是把原始的数据最终映射到 DOM 中,而 Vue 的数据驱动除了数据渲染 DOM 之外,还有一个很重要的体现就是数据的变更会触发 DOM 的变化.其实前端开发最重要的两个工作,一个是把数据渲染到页面,另一个是处理用户交互。
阅读全文〉

不用框架也能实现SPA应用

什么是SPA应用,SPA的主要思想是利用js动态地将内容加载到当前页面,而不是从服务器端下载整个页面。会给你一种桌面应用的感觉。所有的HTML、JavaScript和CSS都可以在第一次加载应用程序时从服务器中下载,而不是像传统应用那样每次加载都要重新下载所有的资源文件。
阅读全文〉

揭开JSONP的神秘面纱

JSON with padding (简称JSONP)是一种允许开发人员绕过(使用脚本元素的性质)浏览器强制执行的同源策略的技术。该政策禁止阅读任何来自不同网站的回复,这些网站的来源与目前使用的不同。顺便说一句,该策略允许发送请求,但不允许读取请求的内容。
阅读全文〉

重新学习HTTP协议

HTTP协议的主要特点 简单 快速灵活 无连接 无状态;HTTP请求采用“请求-应答”模式,当使用普通模式,即非Keep-Alive模式时,每个请求/应答,客户端与服务器都要新建一个连接,完成之后立刻断开
阅读全文〉