zxg_神说要有光的博客_(8)

觉得前端不需要懂算法？那来看下这个真实的例子

算法是问题的解决步骤，同一个问题可以有多种解决思路，也就会有多种算法，但是算法之间是有好坏之分的，区分标志就是复杂度。通过复杂度可以估算出耗时/内存占用等性能的好坏，所以我们用复杂度来评价算法。（

前端

JavaScript

算法

复杂度

性能提升

原创 2022-03-22 14:47:04 34 阅读

四句话总结我的学习观

想成为优秀的工程师，是需要不断的学习的。每个人都有自己的学习方式，我也一样。看起来我的学习方式还算科学，我最近一年的成长也证明了这个。有的同学对我的学习方式或者说学习观比较感兴趣，所以就整理了下分

前端

JavaScript

程序员

计算机基础

node.js

原创 2022-03-22 14:45:57 112 阅读

性能分析不一定得用 Profiler，复杂度分析也行

如果提到性能分析，你会想到什么呢？可以做耗时分析、内存占用的的分析。可以用 chrome devtools 的 Profiler，包括 performance 和 memory，分别拿到耗时和内存占

前端

JavaScript

性能优化

复杂度

数据

原创 2022-03-22 14:43:57 200 阅读

某大型电商满一年的时候，我离职了

（文章做了脱敏，重发一次）我是 2020 年 10 月 22 入职的某大型电商，到明天就满一年了。但也在这几天，我提了离职。其实做出这个决定我也很纠结，放弃了很多东西，但我还是决定走了，这篇文章就来

前端

JavaScript

程序员

css

编译器

原创 2022-03-22 14:41:37 172 阅读

不同内存管理方式的聪明程度大 PK

代码要在计算机上跑起来，需要一系列计算机资源：内存、网络端口、打开的文件等等，这些资源一起被叫做进程。进程有一个专门的控制块来记录这些资源，叫做进程控制块（PCB）。这些资源里面最重要的就是内存了

前端

JavaScript

Node.js

内存泄漏

c++

原创 2022-03-22 14:41:19 150 阅读

“覆盖率检测”的实现原理，就这？

覆盖率检测是用来判断单测完整性的，jest 和 karma 都提供了这种功能：覆盖率就是执行过的代码占总代码的比例，比如执行了多少行（Line），执行了多少个分支（Branch），执行了多少个函数（

前端

JavaScript

Jest

初始化

实现原理

原创 2022-03-22 14:41:04 512 阅读

import 方式随意互转，感受 babel 插件的威力

当我们 import 一个模块的时候，可以这样默认引入：也可以这样解构引入：第一种默认引入叫 default import，第二种解构引入叫 named import。不知道大家习惯用哪一种。

前端

JavaScript

Babel

作用域

方法名

原创 2022-03-22 14:40:17 222 阅读

你觉得用不上的位运算里，隐藏着 CPU 实现的秘密

我们学 JS 的时候都会了解下位运算，在 React、Typescript 等源码中也频繁见到位运算的踪影，但在业务代码中从来不会这么写，它好像离我们很遥远。但是位运算真的遥远么？其实并不是。你写

前端

JavaScript

TypeScript

位运算

逻辑电路

原创 2022-03-22 14:36:54 207 阅读

你用过的所有前端编译工具， AST 遍历思路就这一种

作为前端，我们会用很多编译工具：typescript compiler、babel、eslint、postcss 等等，它们的 AST 不尽相同，但 AST 的遍历算法有且只有一种，不信我们慢慢来理一

前端

JavaScript

编译器

递归

编译工具

原创 2022-03-22 14:35:07 207 阅读

前端应用和产品逻辑的核心：交互流

交互流是前端应用或者说产品中最核心的东西，它不会随着前端技术的发展而改变，而且它也是公司内多个团队共同合作的交集。可能你不太清楚我这句话是什么意思，接下来我们慢慢理清楚。什么是交互网页向用户展示

前端

JavaScript

前端框架

前端应用

搜索

原创 2022-03-22 14:34:38 114 阅读

技术文章的核心是什么？谈谈我的思考

大家知道我文章更新频率比较高，所以评论区经常会看到“高产像 xx”的评论，看上去我写文章比较容易。但其实最开始我写文章也半天憋不出来，但后来我逐渐理清了写文章的思路，知道了写什么、怎么写。今天就把

前端

JavaScript

程序员

技术问题

多对多

原创 2022-03-22 14:34:24 116 阅读

我读 Typescript 源码的秘诀都在这里了

先从一个 ts 的语法开始： Test<T> 这个高级类型，有一个泛型参数 T，当 T 传入的类型为联合类型的时候，有两种情况：如果 checkType（extends 左边的类型）是 T，则把联

前端

JavaScript

TypeScript

typescript

泛型

原创 2022-03-22 14:34:16 771 阅读

Node.js 的 Web 框架的 3 个层次，理清了就不迷茫

web 框架指的是处理、https 的服务端框架，Node.js 提供了 http、https 模块用于处理协议数据，这是 web 框架的基础。但是 http、https 的 api 过于

前端

JavaScript

Node.js

mvc

html

原创 2022-03-22 14:31:04 362 阅读

为什么 redux-saga 不能用 async await 实现

今天群里有个小伙伴问了个问题为什么 saga 不能用 async await 来实现呢？想必开始接触 redux-saga 的同学都有这个疑问，为啥为要用 generator 的写法，用 asyn

前端

JavaScript

Redux

迭代器

生成器

原创 2022-03-22 14:28:10 253 阅读

对比着 Npm 来学 Rust 的 Cargo，一遍就会了

我们写 Node.js 代码离不开的是什么，是 Npm。这就像写 Rust 代码离不开 Cargo 一样。大家可能不了解 Rust 和 Cargo。没关系，接下来我们就对照着 npm 来学习下 Ca

JavaScript

Node.js

Rust

node.js

工具链

原创 2022-03-22 14:26:43 415 阅读

少年，我把珍藏的这个 VSCode 插件 API 传给你了

VSCode 是我们每天都用的编辑器，我们会使用很多 VSCode 插件，其中有些功能比较强大但实现起来其实很简单，今天就给大家介绍一个这种 API。概念串讲先来了解几个概念：每一个这种编辑窗口

前端

JavaScript

Visual Studio Code

css

伪元素

原创 2022-03-22 14:25:21 795 阅读

面试官，我实现了一个 Chrome Devtools

网页会加载资源、运行 JS、渲染界面、存储数据等，我们开发时怎么看到执行的状态呢？用调试工具 chrome devtools。它支持 dom 调试、JS debugger、本地存储的展示、运行时间的

前端

JavaScript

Node.js

chrome

数据

原创 2022-03-22 14:24:28 423 阅读

Node.js 的 require hook 的魔术

魔术演出我们准备一个 Node.js 的模块 input.js：这个模块返回的值是啥？东东：是“卡颂”。那我在另一个模块 test.js 中引入这个 input.js，然后打印一下：之后我

前端

JavaScript

Node.js

node.js

模块加载

原创 2022-03-22 14:22:32 196 阅读

深入理解 redux 数据流和异步过程管理

前端框架的数据流前端框架实现了数据驱动视图变化的功能，我们用 template 或者 jsx 描述好了数据和视图的绑定关系，然后就只需要关心数据的管理了。数据在组件和组件之间、组件和全局 store

前端

JavaScript

Redux

数据

中间件

原创 2022-03-22 14:21:17 275 阅读

用 VSCode 调试网页的 JS 代码有多香

前端

JavaScript

Visual Studio Code

chrome

node.js

原创 2022-03-22 14:19:47 985 阅读

Eslint 的 disable、enable 的注释配置是怎么实现的

不知道大家有没有用过 eslint 的注释的配置方式： eslint 支持 eslint-disable、eslint-enable、eslint-disable-next-line 等指定某个 ru

前端

JavaScript

ESLint

正则

实现原理

原创 2022-03-22 14:19:20 1414 阅读

Javascript 的 try catch 的 2 个作用

程序是从上到下顺序执行的，同时可以通过一些控制语句来改变执行的路线，受控制语句影响下，程序最终的执行路线就是控制流。 js 里面的控制语句有 if、for、while、try catch 等，它们都会

前端

JavaScript

Node.js

控制流

数据

原创 2022-03-22 14:18:24 155 阅读

TSLint 和 ESLint 是怎么融合在一起的

Eslint 可以静态检查 javascript 代码一些逻辑上的错误，还有一些代码格式的错误。原理是把代码 parse 成 AST，然后基于 AST 来检查一些问题。 Tslint 可以静态检查 t

前端

JavaScript

ESLint

typescript

复用

原创 2022-03-22 14:18:01 967 阅读

谈谈我的关于前端编译的梦想

大家可能知道，我写了一本《Babel 插件通关秘籍》的小册，但是不知道这本小册的背景、前因后果。今天就来聊一下这个：大概是年初的时候，我明确了自己的梦想，确定了自己想做什么，大概分为几个阶段，太远

前端

JavaScript

css

公众号

typescript

原创 2022-03-22 14:15:49 472 阅读

从东东的成长史看 https 和 ssh 的取向

东东想要访问 xx 网站，底层的网络都架设好了：链路层把网络从物理上链接起来。网络层根据 IP 的路由规则可以从东东的主机导航到 xx 服务器的主机。传输层从东东的浏览器进程传输数据到服务器的

前端

JavaScript

网络协议

服务器

用户名

原创 2022-03-22 14:15:35 157 阅读

从根上理解 Node.js 的 fs 模块：一起设计一个文件系统

Node.js 提供了 File System 的 api，可以读写文件、目录、修改权限、创建软链等。可能大家 api 用的比较熟练，但对于这些 api 的原理不一定理解。要想真正理解 File S

前端

JavaScript

Node.js

文件系统

数据块

原创 2022-03-22 14:15:13 326 阅读

React 全局状态管理的 3 种底层机制

现代前端框架都是基于组件的方式来开发页面。按照逻辑关系把页面划分为不同的组件，分别开发不同的组件，然后把它们一层层组装起来，把根组件传入 ReactDOM.render 或者 vue 的 $mount

前端

JavaScript

React.js

ide

数据

原创 2022-03-22 14:14:42 344 阅读

从 babel preset 和 eslint config 看配置的继承和重写

继承和重写是面向对象编程语言中的概念，是指一个类扩展自父类，并且重新实现了其中一些属性、方法。这种思想不只是在编程语言中会用到，在配置文件中也有广泛的应用。本文我们分别从 babel 和 eslin

JavaScript

Babel

ESLint

前端

ide

原创 2022-03-22 14:13:05 259 阅读

谈谈我这些年对前端框架的理解

最早的时候页面是服务端渲染的，也就是 PHP、JSP 那些技术，服务端通过模版引擎填充数据，返回生成的 html，交给浏览器渲染。那时候表单会同步提交，服务端返回结果页面的 html。后来浏览器有了

前端

JavaScript

React.js

数据

服务端

原创 2022-03-22 14:11:31 139 阅读

Eslint 的 fix 功能是怎么实现的

我们知道 eslint 支持 fix，当添加了 --fix 参数部分 rule 可以自动修复问题。有没有想过，这种功能是怎么实现的？ babel 也能转换代码，它和 eslint 生成代码的原理一样

前端

JavaScript

ESLint

递归

字符串

原创 2022-03-22 14:10:59 606 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

神光的编程秘籍

觉得前端不需要懂算法？那来看下这个真实的例子

四句话总结我的学习观

性能分析不一定得用 Profiler，复杂度分析也行

某大型电商满一年的时候，我离职了

不同内存管理方式的聪明程度大 PK

“覆盖率检测”的实现原理，就这？

import 方式随意互转，感受 babel 插件的威力

你觉得用不上的位运算里，隐藏着 CPU 实现的秘密

你用过的所有前端编译工具， AST 遍历思路就这一种

前端应用和产品逻辑的核心：交互流

技术文章的核心是什么？谈谈我的思考

我读 Typescript 源码的秘诀都在这里了

Node.js 的 Web 框架的 3 个层次，理清了就不迷茫

为什么 redux-saga 不能用 async await 实现

对比着 Npm 来学 Rust 的 Cargo，一遍就会了

少年，我把珍藏的这个 VSCode 插件 API 传给你了

面试官，我实现了一个 Chrome Devtools

Node.js 的 require hook 的魔术

深入理解 redux 数据流和异步过程管理

用 VSCode 调试网页的 JS 代码有多香

Eslint 的 disable、enable 的注释配置是怎么实现的

Javascript 的 try catch 的 2 个作用

TSLint 和 ESLint 是怎么融合在一起的

谈谈我的关于前端编译的梦想

从东东的成长史看 https 和 ssh 的取向

从根上理解 Node.js 的 fs 模块：一起设计一个文件系统

React 全局状态管理的 3 种底层机制

从 babel preset 和 eslint config 看配置的继承和重写

谈谈我这些年对前端框架的理解

Eslint 的 fix 功能是怎么实现的

欢迎