前端必备的测试 DellLee 老师的 前端要学的测试课 从Jest入门到TDD/BDD双实战学习记录。 知识点 Jest 基础 基础API 、 异步测试 、 Mock技巧 、 快照 、 timer测试 、 Dom测试 实现项目 Vue 、 Vue-test-utils 、 React 、 Enzy...

工欲善其事，必先利其器(eslint+prettier) Prettier 官网 什么叫 Prettier？ Prettier 是一个固定的代码格式化程序，支持： 'JavaScript，包括ES2017' 'JSX' 'Angular' 'Vue' 'Flow' 'TS' 'CSS，Less和S...

循序渐进，保持空杯 从leetCode学习JavaScript数据结构与基础算法 简单算法： 字符串 、 数组 、 正则 、 排序 、 递归 字符串 反转字符串中的单词③ 给定一个字符串，需要反转字符串中每个单词的字符顺序，同时仍保留空格和单词的初始顺序 实例： 输入："Let's take Lee...

知其然知其所以然，框架工的自我尝试进阶 React源码浅析 知识点： React Api createElement 、 createContext 、 JSX=>JS 、 ConcurrentMode 、 Ref 、 Component 、 Suspense 、 Hooks React 中的更新创...

最近这段时间因为赶项目，一直没有更新博客。精通正则这本书一年前翻阅过过一些。用到的地方不多，便很快就忘记了。今忙里抽空复习一下正则，在项目中也会有所用到。主要是跟随正则表达式30分钟入门教程，再结合 JS 中的正则表达式进行复习。 正则表达式 定义 编写处理字符串的程序或者网页时候，经常会有查找符合...

CSS3 发展历史 CSS1 -> CSS2 -> CSS2.1 ->CSS3 模块与模块化结构 CSS3采用了分工协作的模块化结构 其中最重要的 CSS3 模块包括： '选择器' '框模型' '背景和边框' '文本效果' '2D/3D 转换' '动画' '多列布局' '用户界面' CSS3 ...

学习链接： HTML 5与CSS 3权威指南 W3cScholl Canvas HTML5 中的一个新增元素，可以在页面绘制出各种漂亮的图形与图像。 绘制图形 canvas 元素就是 HTML5 中新增的一个用来绘制图形。在页面上放置一个 canvas 元素，相当于在页面上放置一块画布，可以在其中进...

学习链接： HTML 5与CSS 3权威指南 W3cScholl HTML5 与 HTML4 的区别 常见代码区别： 新增的一些属性： <!--html4--> <form> <p> <label> <...

温故而知新，保持空杯心态 React 基础 什么是 React? 是一个用于构建用户界面的 javaScript 库，主要用于构建 UI, 很多人认为是 MVC 中的 View 层 特点： '声明式设计 -- 采用声明范式，可以轻松描述应用' '高效 -- 通过对 DOM 的模拟，最大限度地减少与...

React SSR 同构浅析 客户端渲染（CSR） 概念 传统 react项目, 在浏览器打开项目，查看源代码，可以看到 index.js 页面里面只有一个基本的 DOM 节点，下面引入了一个 js 文件。而项目的所有内容就是通过这个 js 来渲染，通过禁止浏览器的 javascript 功能可以看...