由于笔者阅读障碍症晚期，所以将官方文档上的内容，进行简化拆分，并与vue进行对比。 React 不强制要求使用 JSX，但是JSX会使你的代码更具有阅读性。 react有一个all in js 的概念，所有的一切都在js文件中实现，比如dom标签。 vue则是 html+js+…

1.打包，本地运行npm run build打包生成dist文件夹。 2.ssh连接服务器，切换路径到web对应目录下。 3.上传代码到web目录，一般通过xshell或者xftp完成。 1.每次都需要打开xshell软件与服务器建立连接。 2.当负责多个项目且每个项目都具有测…

它有一个弹闪的过程，一大一小交替缩放就像一个弹簧在弹动一样，而不是以往那种简单的线性变大。 如果使用CSS的animation-timing-function只是改变运动的速度，不能改变运动的方向。 是没有这种弹性动感的。 因为要实现一个弹簧振动效果，需要有两个参数，一个是阻尼…

1. Observer API Observer是浏览器自带的观察者,它主要提供了Intersection, Mutation, Resize, Performance这四类观察者, 这里笔者重点介绍Intersection Observer. 说简单点就是该api可以异步监听…

前端基础性能监测是用于制定提升用户体验方案所依赖的重要流程。是现代前端业务中无法忽视的重要一环。 通过工具运行页面，进而采集性能指标，形成报告。 下载谷歌插件，然后使用时，直接点击插件或者在开发者工具中点击Audits进行性能报告生成。 使用命令行，安装node(版本5以上)，…

好的断网处理会让人很舒适：lol的断线重连，王者荣耀的断线重连，可以确保游戏的继续进行。坏的断网处理甚至不处理会出bug。

我曾经一度很迷茫，在学了 Vue、React 的实战开发和应用以后，好像遇到了一些瓶颈，不知道该怎样继续深入下去。相信这也是很多一两年经验的前端工程师所遇到共同问题，

Lodash 是一款非常流行的 npm 库，每月的下载量超过 8000 万次，GitHub 上使用它的项目有超过 400 万。前段时间 Lodash 的一个安全漏洞刷爆了朋友圈，我们先来回忆下这个安全漏洞： 攻击者可以通过 Lodash 的一些函数覆盖或污染应用程序。例如：通过…

在 2020 年的互联网流量中，移动端和桌面端各占半壁江山。Google 在索引页面时，会根据网站的移动版本来确定网站排名。相当多的年轻用户甚至不再使用桌面设备。 上述三个事实说明了为什么现在针对移动端访问来优化网站比以往任何时候都重要。更重要的是：移动用户更挑剔，而且潜意识里…