虽然一直在用Chrome DevTools,但大多停留在常用的功能和调试上,比如Elements/Network/Sources/Console等主要功能,而对于性能分析/优...
虽然一直在用Chrome DevTools,但大多停留在常用的功能和调试上,比如Elements/Network/Sources/Console等主要功能,而对于性能分析/优...
1.nvm介绍 当我们使用node开发网站时,可能会同时需要运行多个项目,每个项目所使用当node版本又不相同,或者当我们需要学习新的node时,多个版本之间的切换和维护会变...
注明:本人原创翻译,原版为Essential Image Optimization电子书,这里将其拆分为几篇文章发布。另外,文中部分链接可能会因为“网络”原因无法打开。不必着...
Dva是什么 dva 是基于现有应用架构 (redux + react-router + redux-saga 等)的一层轻量封装,没有引入任何新概念,全部代码不到 100 ...
Ghelper是一款谷歌浏览器插件,用于访问google。 如果喜欢请点赞,您的支持是我创作的最大动力! 第一步:下载并安装Chrome浏览器。 Chrome下载链接:点击下...
基本用法 var a = new Image();建立图像对象:图像对象名称=new Image([宽度],[高度])属性:border|complete|height|hs...
虚拟DOM 虚拟DOM(下面简化称为Vnode)简而言之 ,就是用js去描述一个dom节点树,而DOM变化的对比,都放在js层来做。 传统的dom节点,是这样的 Vnode是...
1.XSS (Cross Site Script) ,跨站脚本攻击 有句话说 所有的输入都是有害的。 跨站脚本是最常见的计算机安全漏洞,跨站脚本攻击指的是恶意攻击者往Web页...
官网链接:cancellation 第一种请求方法样例: 第二种请求方法样例: 异步分离的设计方案 通过需求分析,我们知道想要实现取消某个请求,我们需要为该请求配置一个 ca...
1 概述 redux-saga 是 redux 一个中间件,用于解决异步问题。 2 es6 Generator 解决地狱回调问题,通过 yield 关键字,可以让函数的执行流...
在 toB 的前端开发工作中,我们往往就会遇到如下困境: 工程越来越大,打包越来越慢 团队人员多,产品功能复杂,代码冲突频繁、影响面大 内心想做 SaaS 产品,但客户总是要...
前端的构建工具常见的有Grunt、Gulp、Webpack三种,Grunt比较老旧,功能少,更新少,插件少。 概念: gulp是一个自动化构建工具,主要用来设定程序自动处理静...
随着es6,es7,es8等新标准的出现,我们在项目中为了更好的体验和使用这些新特性,但是在浏览器中又不能直接运行,所以我们就需要一个环境来将代码编译成浏览器可以运行的代码,...
mini-css-extract-plugin 将CSS提取为独立的文件的插件,对每个包含css的js文件都会创建一个CSS文件,支持按需加载css和sourceMap 只能...
diff 算法缺陷 diff 算法问题出现在,React 的调度策略 -- Stack Reconfile。这个策略像函数调用栈一样,会深度优先遍历所有的 Virtual...
真实DOM解析流程 浏览器渲染的过程主要包括以下五步: 浏览器获取到 HTML 文档并解析 DOM 树 解析 CSS 构建层叠样式表模型CSSOM(CSS Object Mo...
虚拟DOM不会进行排版与重绘操作 虚拟DOM进行频繁修改,然后一次性比较并修改真实DOM中需要改的部分(注意!),最后并在真实DOM中进行排版与重绘,减少过多DOM节点排版与...