给 前端开发博客 加星标，每天进步一点

长按二维码即可识别“进入网页”查看哟~

1、【前端进阶基础】VUE响应式数据原理 订阅-发布模式解析

vue框架的两个抽象核心：虚拟DOM和相应式数据原理 关于虚拟DOM的核心算法，我们上一章已经基本解析过了，详细的见React && VUE Virtual Dom的Diff算法统一之路 snabbdom.js解读 关于响应式数据原理，我们...

https://segmentfault.com/a/1190000018659640

2、如何写好前端业务代码？

前言 原本只是想简单群发一下，但是预览之后看到格式不友好，还是简单写一篇文章吧，这是我工作一年半来自己总结出来的一些经验。 分层 对于业务代码来说，大部分的前端应用都还是以展示数据为主，无非是从接口拿到数据，进行一系列数据格式化后，显示在页面当中。 首先，应当尽可...

https://mp.weixin.qq.com/s/38mGEO4T8JI7VcOg0BogBQ

3、前端如何搭建一个成熟的脚手架

有了之前的基础（ 前端如何搭建一个简单的脚手架 ），我们现在可以讲讲一个成熟的脚手架是怎么做了。 这里我们参考vue-cli的源码，基于rollup和typescript一步步搭建。vue-cli作为vue的脚手架，给如此多的前端开发者使用，已经算是成熟了吧。 开始 以下我们的命令仍然是 ds ~，模板是 ds-cli-lib-template 目...

https://juejin.im/post/5c98dc71e51d4501806d0a98

4、Three.js官网demo分析（一）

Three.js官方文档比较精简，重点介绍api，没有一个合适的零基础的教程，但官网的demo十分丰富，遂产生从demo来逐渐学习Three.js的想法。

https://segmentfault.com/a/1190000018660113

5、Vue技术分类

1、对于Vue是一套渐进式框架的理解 Vue核心功能是一个视图模板引擎，但不是说Vue就不能成为一个框架。可以通过添加组件系统、客户端路由、大规模状态管理来构建一个完整的框架。这些功能相互独立，可以在核心功能...

https://segmentfault.com/a/1190000018663104

6、【从蛋壳到满天飞】JS 数据结构解析和算法实现-堆和优先队列（一）

【从蛋壳到满天飞】JS 数据结构解析和算法实现，全部文章大概的内容如下： Arrays(数组)、Stacks(栈)、Queues(队列)、LinkedList(链表)、Recursion(递归思想)、BinarySearchTree(二分搜索树)、Set(集合)、Map(映射)、Heap(堆)、PriorityQueue(优先队列)、SegmentTree(线段树)、Trie(字典树)、UnionFind(并查集)、AVLTree...

https://juejin.im/post/5c9242d76fb9a070db04ddfb

7、了解“多态”JSON 数据的性能问题

结构相同但值类型不同的对象如何对 JavaScript 性能产生惊人的影响 当我做一些底层性能优化以用于渲染Wolfram Cloud notebook 时，我注意到一个非常奇怪的问题，就是函数会因为处理浮点数进入较慢的执行路径，即使所有传入的数据都是整数的情况下也会是这样。具体来说， 单元格计数器 被 JavaScript 引擎视...

https://juejin.im/post/5c9982d16fb9a071061f09ce

8、【从蛋壳到满天飞】JS 数据结构解析和算法实现-Trie字典树

前言 【从蛋壳到满天飞】JS 数据结构解析和算法实现，全部文章大概的内容如下： Arrays(数组)、Stacks(栈)、Queues(队列)、LinkedList(链表)、Recursion(递归思想)、BinarySearchTree(二分搜索树)、Set(集合)、Map(映射)、Heap(堆)、PriorityQueue(优先队列)、SegmentTree(线段树)、Trie(字典树)、UnionFind(并查集)、...

https://juejin.im/post/5c9244456fb9a070e763658c

9、学习 Node.js，第 5 单元：事件循环

简介 事件循环支持 Node 的非阻塞 I/O 模型，该模型是 Node 根据负载进行扩展的关键（如第 4 单元所述）。本教程会更详细地介绍事件循环，它由一些明确定义的阶段组成，这些阶段在事件循环中按特定顺序运行。 Node.js 学习路径 本教程是 Node.js 学习路径的一部分。这些单元彼此互为基础，查看 学习 Node.js...

https://www.ibm.com/developerworks/cn/opensource/os-tutorials-learn-nodejs-the-event-loop/index.html?ca=drs-

10、koa大型web项目中使用路由装饰器

在 npmjs 上搜索关于 koa 路由装饰器的已经有那么几个包了,但是我从几个包中发现作者的思维仅仅限制于前端开发的思想,项目分层不明确,我们开发 kow-web 项目可以根据 java-web 中项目分层的思想来写项目,项目结构清晰明了,本人封装这个包也是参考了 java-web 开发过程中把项目分为四层架构。...

https://juejin.im/post/5c98d6a9f265da60fa394f77

11、JavaScript 中 forEach、map、filter 详细

1、 forEach 和 map 能实现的功能相似 2、 forEach 、 map 、 filter 都能实现对原数组的修改 3、 forEach 没有返回值， map 有返回值， filter 有返回值 forEach forEach() 方法对数组的每个元素执行一次提供的函数。 语法： array.fo...

https://juejin.im/post/5c999386e51d456d246deea1

12、【从蛋壳到满天飞】JS 数据结构解析和算法实现-线段树

【从蛋壳到满天飞】JS 数据结构解析和算法实现，全部文章大概的内容如下： Arrays(数组)、Stacks(栈)、Queues(队列)、LinkedList(链表)、Recursion(递归思想)、BinarySearchTree(二分搜索树)、Set(集合)、Map(映射)、Heap(堆)、PriorityQueue(优先队列)、SegmentTree(线段树)、Trie(字典树)、UnionFind(并查集)、AVLTree...

https://juejin.im/post/5c9243f76fb9a070c022f0e1

13、前端技术周刊 2019-03-25：React Hooks

V8 7.4 发布。此版本支持了 JIT-less 启动模式 、WebAssembly Threads 以及私有类成员属性语法 #field，并优化了函数形参实参数不匹配、原生访问器读写、流式解析等场景的性能表现。

https://segmentfault.com/a/1190000018656488

14、CodeExpander：智能并具有像 TextExpander 特性的 GitHub Gist 客户端

README.md CodeExpander CodeExpanderis a smart feature with TextExpander and embraces the GitHub Gist client. It saves and manages text or script segments that require repeated input and can be expanded automatically by setting abbreviations. ...

https://github.com/oncework/codeexpander

15、JS 引擎 V8 发布 v7.4；内存价格跌了 20%，Q2 预计还要再跌 20%

此版本的V8带来了一些新特性，并极大提升了性能。V8 现在不需要运行时分配可执行内存就可以执行 JavaScript。

https://mp.weixin.qq.com/s/Ct4MBUPfpoidQeVy-jfsmg

16、如何更好的使用module vuex？

一、 前言 在项目如何使用vuex呢？以前我都是非模块末去写的，可能大家和我一样也是这么去写，但是回过头去看看vue的文档，发现模块化去使用vuex更好，vue是单页面应用，其实只有一个页面，那么首页也好列表页也好，那都相当于这一个页面的一个模块，也可以把它理解为是一个一个的组件，毕竟组件化、组件抽离、组件封...

https://juejin.im/post/5c997e59f265da60f6731774

17、前端面试题 — 综合

https://segmentfault.com/a/1190000018662427

18、基于Redux/Vuex/MobX等库的通用化状态OOP

由于前端单页应用开发日趋复杂，当我们在使用React/Vue时，为了开发复杂的App让我们不得不用到一些状态管理或者状态容器(下文统称为状态库)，同时我们也需要一个更容易模块化的模型。 前端状态库百花齐放，无论是Redux/MobX/Vuex以及Angular自带的状态管理，状态库的模块化也一直是最近几年复杂系统中的前端开发领域的...

https://juejin.im/post/5c98e5af6fb9a070dc289fc1

19、10个你应该了解的Git命令(以及Git省时小窍门)

在本文中，我们将讨论那些作为开发人员、数据科学家或产品经理应该知道的各种各样的Git命令。并且将使用Git查看、删除和整理。此外，我们还将介绍如何使用Bash别名和Git编辑器配置转义Vim和节省时间的方法。如果...

https://segmentfault.com/a/1190000018662392

20、【Vue 实践】页面生成 pdf 文件-01

说实话，这个是自己的第一个前后端项目，自我感觉还好，结果根本没人在意，一定是我做得太差，那就得好好改这个项目，增加功能。

https://segmentfault.com/a/1190000018665468

21、Vue项目部署（阿里云+Nginx代理+PM2）

最近部署一个Vue项目到阿里云ECS上，因为项目涉及一些跨域请求，所以采用了Nginx代理请求本地的node服务（利用pm2做进程管理）。node服务借助axios设置headers的referer、host转发请求，解决跨域请求问题。

https://segmentfault.com/a/1190000018658773

22、Node.js 多线程完全指南

很多人都想知道单线程的 Node.js 怎么能与多线程后端竞争。考虑到其所谓的单线程特性，许多大公司选择 Node 作为其后端似乎违反直觉。要想知道原因，必须理解其单线程的真正含义。

https://segmentfault.com/a/1190000018660861

14、8折掘金小册：前端面试之道

这本小册可以说是一线互联网大厂的面试精华总结，同时还包含了如何写简历和面试技巧的内容，能够帮助你省时省力地准备面试，让找工作不再是一个难题。...

http://caibaojian.com/goods

喜欢这篇文章的朋友
欢迎分享到朋友圈 或者技术交流群
你的支持，是我每日更新的动力！

每日更新 ???? 关注不迷路！

欢迎点击“阅读原文”，学习往期精华文章～

走过路过【在看】不要错过