自然醒技术笔记

7

Node.js与二进制数据流

• Shenfq   6月30日发布
• 4 收藏

二进制是计算技术中广泛采用的一种数制。二进制数据是用0和1两个数码来表示的数。它的基数为2，进位规则是“逢二进一”，借位规则是“借一当二”，由18世纪德国数理哲学大师莱布尼兹发现。—— 百度百科

8

Node.js CLI 工具最佳实践

• Shenfq   2月23日发布
• 5 收藏

一个糟糕的 CLI 工具会让用户觉得难用，而构建一个成功的 CLI 需要密切关注很多细节，同时需要站在用户的角度，创造良好的用户体验。要做到这些特别不容易。

63

前端模块化的今生

• Shenfq   2019-12-02 发布
• 45 收藏

众所周知，早期 JavaScript 原生并不支持模块化，直到 2015 年，TC39 发布 ES6，其中有一个规范就是 ES modules（为了方便表述，后面统一简称 ESM）。但是在 ES6 规范提出前，就已经存在了一些模块化方案，比如 C...

31

前端模块化的前世

• Shenfq   2019-10-09 发布
• 23 收藏

随着前端项目的越来越庞大，组件化的前端框架，前端路由等技术的发展，模块化已经成为现代前端工程师的一项必备技能。无论是什么语言一旦发展到一定地步，其工程化能力和可维护性势必得到相应的发展。

25

深入理解 ESLint

• Shenfq   2019-07-28 发布
• 16 收藏

小沈开始细细品味着同事们的代码，终于在他的不懈努力下，发现了老王 2 年前写的一个 bug，跟导师报备之后，小沈开始着手修改。年轻人嘛，容易冲动，不仅修复了老王的 bug，还把这部分代码进行了重构，使用了前两...

67

虚拟 DOM 到底是什么？

• Shenfq   2019-06-18 发布
• 52 收藏

虚拟 DOM （Virtual DOM ）这个概念相信大家都不陌生，从 React 到 Vue ，虚拟 DOM 为这两个框架都带来了跨平台的能力（React-Native 和 Weex）。因为很多人是在学习 React 的过程中接触到的虚拟 DOM ，所以为先...

18

基于虚拟DOM(Snabbdom)的迷你React

• Shenfq   2019-05-01 发布
• 15 收藏

React 是 JavaScript 社区的新成员，尽管 JSX （在 JavaScript 中使用 HTML 语法）存在一定的争议，但是对于虚拟 DOM 人们有不一样的看法。

80

Vue.js 的注意事项与技巧

• Shenfq   2019-03-31 发布
• 59 收藏

Vue.js 是一个很棒的框架。然而，当你开始构建一个大型 JavaScript 项目的时候，你将对 Vue.js 感到一些困惑。这些困惑并不是来自框架本身，相反 Vue.js 团队会经常调整一些重要设计策略。

53

在 React Hooks 中如何请求数据？

• Shenfq   2019-03-26 发布
• 38 收藏

通过这个教程，我想告诉你在 React 中如何使用 state 和 effect 这两种 hooks 去请求数据。我们将使用众所周知的 Hacker News API 来获取一些热门文章。你将定义属于你自己的数据请求的 Hooks ，并且可以在你所有...

51

深度神经网络原理与实践

• Shenfq   2019-03-18 发布
• 34 收藏

我们知道深度学习是机器学习的一个分支，是一种以人工神经网络为架构，对数据进行表征学习的算法。而深度神经网络又是深度学习的一个分支，它在 wikipedia 上的解释如下：

46

Node.js的进程管理

• Shenfq   2019-01-08 发布
• 35 收藏

众所周知Node基于V8，而在V8中JavaScript是单线程运行的，这里的单线程不是指Node启动的时候就只有一个线程，而是说运行JavaScript代码是在单线程上，Node还有其他线程，比如进行异步IO操作的IO线程。这种单线程...

17

ElementUI的构建流程

• Shenfq   2018-09-17 发布
• 15 收藏

最近一直在着手做一个与业务强相关的组件库，一直在思考要从哪里下手，怎么来设计这个组件库，因为业务上一直在使用ElementUI（以下简称Element），于是想参考了一下Element组件库的设计，看看Element构建方式，...

2

Seajs源码解读

• Shenfq   2018-08-14 发布
• 1 收藏

近几年前端工程化越来越完善，打包工具也已经是前端标配了，像seajs这种老古董早已停止维护，而且使用的人估计也几个了。但这并不能阻止好奇的我，为了了解当年的前端前辈们是如何在浏览器进行代码模块化的，我鼓...

71

使用ESLint+Prettier来统一前端代码风格

• Shenfq   2018-06-18 发布
• 58 收藏

想起自己刚入行的时候，从svn上把代码checkout下来，看到同事写的代码，大括号居然换行了。心中暗骂，这个人是不是个**，大括号为什么要换行？年轻气盛的我，居然满腔怒火，将空行一一删掉。但是关于代码风格，我...

36

初探webpack4

• Shenfq   2018-06-09 发布
• 26 收藏

2018/2/25，webpack4正式发布，距离现在已经过去三个多月了，也逐渐趋于稳定，而且现在的最新版本都到了4.12.0（版本迭代快得真是让人害怕）。

2

【翻译】深入理解ES6的模块

• Shenfq   2017-11-13 发布
• 13 收藏

回想2007年，那时候我刚加入Mozilla's JavaScript团队，那时候的一个典型的JavaScript程序只需要一行代码，听起来像个笑话。

33

babel到底该如何配置？

• Shenfq   2017-10-22 发布
• 28 收藏

Babel is a JavaScript compiler. Use next generation JavaScript, today.

1

JavaScript中this关键字

• Shenfq   2017-10-13 发布
• 8 收藏

this一直是js中一个老生常谈的东西，但是我们究竟该如何来理解它呢？ 在《JavaScript高级程序设计》中，对this的解释是： this对象是在运行时基于函数的执行环境绑定的。 我们来逐字解读这句话： this是一个对象 ...

0

jQuery源码分析3-jQuery对象的扩展--extend

• Shenfq   2017-01-19 发布
• 2 收藏

写过jquery插件的人都知道可以通过jquery提供的extend可以对jquery对象进行扩展，而且该方法不仅可以对jquery对象扩展，还能给一个对象添加新的属性和方法，这个在后面会介绍。

1

jQuery源码分析2-JQ对象添加一些方法和属性

• Shenfq   2016-12-29 发布
• 1 收藏

上面是对jQuery初始化的一些方法和属性的介绍，前面初始化jQuery对象时，我们可以看到jQuery对象其实是一个实例化的jQuery.fn.init，所以这里主要看下init是如何实现，其余的方法在具体用到的时候再看。