在实际形况中，站点及应用可以满足绝对的流畅性，但是用户的网络环境千变万化，尤其是移动端用户，这种情况情况下页面加载速度的瓶颈完全就取决于用户的网络环境。通过浏览器的 Network Information API 接口中提供的Navigator对象的connection属性，来评估用户的连接速度以及设备所处的网络类型。

分享一个基于原生javascript语法不需要任何插件来实现进度条的真实加载，按照加载资源数量的控制进度条的变化，可以实现只要网站每加载完成一个资源进度条同步变化。给站点一个真实的进度条对于用户体验还是非常友好的，一个真实的进度条可以一定程度上可以增加用户继续等待的机率。

js中的数组元素的添加方法，主要有三种方法，用索引元素添加、push( )方法、unshift()方法，push()方法在数组的尾部添加一个或多个元素，并返回数组新的长度，修改并替换了原始数组而非生成一个修改版的新数组。

js防抖原理及其实现,在前端中有一些事件会频繁的触发容易造成页面卡顿，例如：window 的 resize、scroll、mousedown、mousemove、keyup、keydown等事件。js抖动的原因：短的时间内多次连续触发事件，首先会十分影响性能，同时大量运行结果被集中输出，结果之间不规律的冲突变化导致页面抖动。

indexOf()是js中内置的方法之一，它的功能大家都很熟悉：简单来说就是得到数据的索引，对于正则不熟练的人，是个很不错的方法。string中indexOf() 会将数值参数转换为字符再查询索引；number类型没有IndexOf() 可以转换为字符再使用;array中indexOf() 是严格比较

js中==和===的区别 ==和===的区别和一些比较规则: == 在比较类型不同的变量时,会进行数据类型转化,将二者转换成数据类型相同的变量,再进行比较。对于 string、number 等基础类型,== 和 === 是有区别的 a)不同类型间比较,== 之比较 "转化成同一类型后的值" 看 "值" 是否相等,=== 如果类型不同,其结果就是不等。

有时候为了提升用户体验，比如在某些页面需要实现点击内容，将内容复制到剪切板，可以提升用户复制内容的操作效率；因此在实际操作中通过一定的事件触发复制功能是非常有意义的行为，下面是两种通过原生js实现复制内容到剪切板。

使用nginx部署vue项目，​node自己本身可以作为服务器进行驱动，但是node本身对文件的处理能力并不是很好，所以当我们的生产环境中应尽量使用nginx来处理静态的资源以及反向代理，同时也解决了node分布式以及负载均衡的相关问题。

linux系统下使用Vue CLI脚手架安装vue3。Vue 提供了一个官方的 CLI，为单页面应用 (SPA) 快速搭建繁杂的脚手架。它为现代前。端工作流提供了功能齐备的构建设置。

如何使用原生javascript进行ajax数据请求呢？可以不重新加载整个网页通过刷新网页部分内容达到数据的更新展示。可以有效的降低对带宽的需求，提高网页的性能；Ajax有同步和异步两种实现方式。

js在for循环中的闭包的解决方法，实现点击li标签获取标签的所处位置。

JavaScript（简称“JS”） 是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名的，但是它也被用到了很多非浏览器环境中，JavaScript