知行行知

类的职责应该单一，一个方法只做一件事。职责划分清晰了，每次改动到最小单位的方法或类。尽量做到只有一个原因引起变化。 如何划分一个类的或一个函数的职责，需要根据个人经验、具体的业务逻辑而定。但是它也有一些基本指导原则： 所有引用基类的地方，必须能够使用其子类直接替换。 这个原则与…

canvas入门 本文首发于我的个人博客：http://cherryblog.site/ github项目地址：https://github.com/sunshine940326/canvasStar 项目演示地址：https://sunshine940326.github.io…

XSS 什么是XSS Cross-Site Scripting（跨站脚本攻击）简称 XSS，是一种代码注入攻击。攻击者通过在目标网站上注入恶意脚本，使之在用户的浏览器上运行。利用这些恶意脚本，攻击者可

今天在做一个小需的时候，忽然看到前辈一句吊炸天的代码 卧槽，竟然同时有async和defer属性，心想着肯定是前辈老司机的什么黑科技，两个一块儿肯定会发生什么神奇化学反应，于是赶紧怀着一颗崇敬的心去翻书翻文档，先复习一下各自的定义。 先看看async和defer各自的定义吧，翻…

window 的 onload 事件对于前端童鞋来说肯定是熟的不能再熟了，相信大家在刚入门时，见的最多的可能就是 load 事件了。load 事件接触多了，大家就会接触到它的闺蜜 DOMContentLoaded 事件，网上有很多介绍这两个事件的文章，对它们的解释无外乎以下两种…

浏览器在解析 HTML 的时候，如果遇到一个没有任何属性的 script 标签，就会暂停解析，先发送网络请求获取该 JS 脚本的代码内容，然后让 JS 引擎执行该代码，当代码执行完毕后恢复解析。整个过程如下图所示： 可以看到，script 阻塞了浏览器对 HTML 的解析，如果…

不知不觉在网易已有三年半，占了一半时间都在与移动端打交道，整个阶段都是遇坑填坑的学习过程。移动端开发在前端里像神一样地存在，不是说它多难而是说它坑位实在太多了，怎样填都填不完。Android和iOS各显神通，Android的系统版本和屏幕分辨率多得难以一招兼容，iOS的顽固标准…

本文转载自这可能是最通俗的 React Fiber(时间分片) 打开方式这篇文章。 为什么要引入 Fiber 架构 React 为什么要引入 Fiber 架构？ 看看下面的火焰图，这是React V1

本文来自内容来自对 《Webpack实战：入门、进阶与调优》 学习总结。 一、简介 何为Webpack Webpack是一个开源的JavaScript模块打包工具，其最核心的功能是解决模块之间的依赖，