100行代码实现React虚拟卷帘virtual-list
虚拟卷帘，大列表滚动 react-virtual-list，支持动态高度
借助罗永浩的口头禅：”少废话，先看东西“。
virtual-list
在使用微博的时候，当H5网页版微博数超过了一定数量，比如有 1000 条微博时，这时候刷微博不管是点击弹出或者滚动都会特别的卡，很多时候会导致微博A
...
HTTP缓存机制及原理
发表于
HTTP缓存机制(200还是304)从输入 URL 到展现涉及哪些缓存环节[译] 写给大家看的 Cache-Control 指令配置node实战前端缓存总结深入现代浏览器的HTTP缓存机制强制缓存（200）和协商缓存（304）缓存规则及解析为方便大家理解，我假设览器存在一个缓存数据库，用于存储缓存信
...
JavaScript手写代码秘籍
发表于
一个合格的中级前端工程师必须要掌握的 28 个 JavaScript 技巧Vue底层架构及其应用,vnode diff算法———划重点🔥🔥🔥🔥🔥🔥🔥🔥各种源码实现，你想要的这里都有防御 XSS 攻击
HttpOnly 防止劫取 Cookie
用户的输入检查
服务端的输出检查防御 CS
...
一道赋值面试题引发的思考4
发表于
实现一个run方法,使得run(fucArr)能顺序输出1、2、31234567891011121314151617181920212223242526const fucArr = [ next => { setTimeout(() => { console.l
...
撸一个webpack-loader&plugin
发表于
在 webpack 中，loader 和 plugin 的区分是很清楚的，针对文件模块转换要做的使用 loader，而其他构建过程,干涉构建内容的可以使用 plugin。
24 个实例入门并掌握「Webpack4」(一)24 个实例入门并掌握「Webpack4」(二)24 个实例入门并掌握「
...
Puppeteer学习
发表于
撸一个node命令saber，测试网页性能Performance,基于puppeteer Puppeteer 简介Puppeteer 是一个node库，他提供了一组用来操纵Chrome的API, 通俗来说就是一个 headless chrome浏览器(当然你也可以配置成有UI的，默认是没有的)。
...
用keep-alive优化页面性能
发表于
keep-alivekeep-alive是Vue提供的一个抽象组件，用来对组件进行缓存，从而节省性能，由于是一个抽象组件，所以在v页面渲染完毕后不会被渲染成一个DOM元素12345678//keep-alive 用来缓存组件,避免多次加载相应的组件,减少性能消耗<template> &
...
22道高频JS手写笔试题
发表于
前端面试与进阶指南20W字囊括上百个前端面试题的项目开源了实现防抖函数（debounce）防抖函数原理：在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时。
那么与节流函数的区别直接看这个动画实现即可。
手写简化版:123456789// 防抖函数const debounce = (f
...
React用PureComponent和React.memo优化性能
发表于
本文将从 render 函数的角度总结 React App 的优化技巧。
需要提醒的是，文中将涉及 React 16.8.2 版本的内容(也即 Hooks），因此请至少了解 useState 以保证食用效果。
当我们讨论 React App 的性能问题时，组件的渲染速度是一个重要问题。在进入到具体优
...