摘要：
一、HTTPS协议概念 超文本传输安全协议（Hypertext Transfer Protocol Secure，简称：HTTPS）是一种通过计算机网络进行安全通信的传输协议。HTTPS经由HTTP进行通信，利用SSL/TLS来加密数据包。HTTPS的主要目的是提供对网站服务器的身份认证，保护交换数 阅读全文
摘要：
菜鸟教程-WebSocket实时通信 一、WebSocket概念 WebSocket是HTML5提供的一种浏览器与服务器进行全双工通讯的网络技术，属于应用层协议。它基于TCP传输协议，并复用HTTP的握手通道。浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接， 并进行双向数据传输 阅读全文
摘要：
uni-app介绍 官方网页 uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。 即使不跨端，uni-app同时也是更好的小程序开发框架。 具有vue和微信小程 阅读全文
摘要：
一、前情回顾 在讨论回流与重绘之前，我们要知道： 浏览器使用流式布局模型 (Flow Based Layout)。 浏览器会把HTML解析成DOM，把CSS解析成CSSOM，DOM和CSSOM合并就产生了Render Tree。 有了RenderTree，我们就知道了所有节点的样式，然后计算他们在页 阅读全文
摘要：
一、懒加载的概念 概念：懒加载也叫做延迟加载、按需加载，指的是在长网页中延迟加载图片数据，是一种较好的网页性能优化的方式。在比较长的网页或应用中，如果图片很多，所有的图片都被加载出来，而用户只能看到可视窗口的那一部分图片数据，这样就浪费了性能。如果使用图片的懒加载就可以解决以上问题。在滚动屏幕之前， 阅读全文
摘要：
一、使用webpack优化前端性能方法 ⽤webpack优化前端性能是指优化webpack的输出结果,让打包的最终结果在浏览器运⾏快速⾼效。 可通过webpack优化前端的手段： 代码压缩（删除多余的代码、注释、简化代码的写法等等⽅式） HTML文件代码压缩 使用HTMLWebpackPlugin插 阅读全文
摘要：
一、CDN的概念 概念：CDN（Content Delivery Network）是指一种通过互联网互相连接的电脑网络系统，利用最靠近每位用户的服务器，更快、更可靠地将音乐、图片、视频、应用程序及其他文件发送给用户，来提供高性能、可扩展性及低成本的网络内容传递给用户。 即内容分发网络。 二、CDN的 阅读全文
摘要：
一、节流 概念：在规定的间隔时间范围内不会重复触发回调，只有大于这个时间间隔才会触发回调，把频繁触发变为少量触发。 类似于技能CD。 应用：点击按钮，轮播图点击左右箭头。 插件lodash.js，它里面封装了函数的防抖与节流业务。 <p>计数器：<span>0</span></p> <button> 阅读全文
摘要：
一、常见的图片格式 BMP 是无损的、既支持索引色也支持直接色的点阵图。这种图片格式几乎没有对数据进行压缩，所以BMP格式的图片通常是较大的文件。 GIF 是无损的、采用索引色的点阵图。采用LZW压缩算法进行编码。文件小，是GIF格式的优点，同时，GIF格式还具有支持动画以及透明的优点。但是GIF格 阅读全文
摘要：
一、项目优化 1.去掉打印console 需求：在开发环境中，保留打印console；在生产上线环境，自动去掉打印console 使用步骤： 第一步：在项目根目录下，创建如下图两个配置文件 在.env.development中(开发环境变量) NODE_ENV=development 在.env.p 阅读全文