自然醒技术笔记

49

前端模块化的今生

Shenfq 12月2日发布
33 收藏

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

31

前端模块化的前世

Shenfq 10月9日发布
23 收藏

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

17

深入理解 ESLint

Shenfq 7月28日发布
11 收藏

小沈是一个刚刚开始工作的前端实习生，第一次进行团队开发，难免有些紧张。在导师的安排下，拿到了项目的 git 权限，开始进行 clone。

62

虚拟 DOM 到底是什么？

Shenfq 6月18日发布
49 收藏

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

17

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

Shenfq 5月1日发布
14 收藏

原文链接原文写于 2015-07-31，虽然时间比较久远，但是对于我们理解虚拟 DOM 和 view 层之间的关系还是有很积极的作用的。

79

Vue.js 的注意事项与技巧

Shenfq 3月31日发布
59 收藏

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

45

在 React Hooks 中如何请求数据？

Shenfq 3月26日发布
32 收藏

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

51

深度神经网络原理与实践

Shenfq 3月18日发布
34 收藏

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

46

Node.js的进程管理

Shenfq 1月8日发布
35 收藏

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

12

ElementUI的构建流程

Shenfq 2018-09-17 发布
10 收藏

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

2

Seajs源码解读

Shenfq 2018-08-14 发布
1 收藏

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

44

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

Shenfq 2018-06-18 发布
41 收藏

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

35

初探webpack4

Shenfq 2018-06-09 发布
25 收藏

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

1

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

Shenfq 2017-11-13 发布
13 收藏

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

33

babel到底该如何配置？

Shenfq 2017-10-22 发布
28 收藏

说起ES6，webpack，打包，模块化总是离不开babel，babel作为一个js的编译器已经被广泛使用。在babel的官网是这样介绍它的：

1

JavaScript中this关键字

Shenfq 2017-10-13 发布
8 收藏

this一直是js中一个老生常谈的东西，但是我们究竟该如何来理解它呢？在《JavaScript高级程序设计》中，对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是如何实现，其余的方法在具体用到的时候再看。

0

jQuery源码分析1-jQuery对象的初始化

Shenfq 2016-12-27 发布
3 收藏

在一些语言中会看到有命名空间的概念，可在js中并没有，但是可以通过闭包来实现。在js闭包中定义的变量会被保存到一个作用域且不会污染全局变量，在程序运行完之后也不会被销毁。