前端杂谈

electron通过替换asar的方式实现增量更新。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

外币巴部！外币巴部！外币巴部！外币巴部！外币巴部！外币巴部！外币巴部！外币巴部！外币巴部！外币巴部！外币巴部！外币巴部！外币巴部！外币巴部！外币巴部！外币巴部！外币巴部！外币巴部！外币巴部！外币巴部！

数据环境 高频率:WebSocket按毫秒级接收数据.高性能消耗:接收到的每一条数据都需要进行计算处理 中量数据:需要渲染的数据量很大 要求:实时更新 如果不做优化,会造成浏览器渲染卡顿

哇呀呀!哇呀呀!哇呀呀!哇呀呀!哇呀呀!哇呀呀!哇呀呀!哇呀呀!哇呀呀!哇呀呀!哇呀呀!哇呀呀!哇呀呀!哇呀呀!

vite项目构建速记 常规配置 设置环境变量 .env等文件 css模块化配置(css和scss less等,一般默认),配置postcss: npm i postcss-cli postcss -D

oneClick= true布尔值-是创建一键安装程序还是辅助安装程序。 perMachine= false布尔值-是否显示辅助安装程序的安装模式安装程序页面（选择按机器还是按用户）。或者是否始终按所

实现浏览器多标签页之间通信 需求场景：浏览器多个标签页之间需要进行数据通信。 localStorage实现通信 localStorage的特点： 同域共享存储空间 持久化将数据存储来浏览器 提供事件监

先搞一个这个叭~~~ Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code 中文！中文！中文！中文！中文！ 默默付出式插件

别往下看，前有懒鬼，你应该闭眼想一想👺👺👺👺 跨域直接相关家伙：同源策略 一瞬间就可以想到的跨越解决方案 JSONP-可以不用但不能不知道 JSONP原理： 利用 <script> 标签src属性没有

前端性能优化浅记 目的：更块的页面响应，更流畅的用户体验。 主要从加载时和运行时两个方面如手。 加载时的优化 减少HTTP请求 将多个小文件合并为一个大文件，从而减少 HTTP 请求次数。一次发送的数

什么是预加载？ 提前加载图片，加载完毕后会缓存到本地，当用户需要查看时可直接从本地缓存中渲染，拥有良好的用户体验。 使用场景： 预判用户可能会浏览的图片，提前加载，减少用户等待加载的时间。 好处： 用

为什么数据要做持久化 例如token、用户名和用户其他信息，当后端接口响应回来数据的时候，因为组件的封装，我们一般会将这些数据存放到vuex这个公共的数据存放区域，但是vuex存放的数据有一个问题，那

前端 HTTP 和 HTTPS HTTP: 超文本传输协议。 默认端口：80 HTTPS： 出现原因：HTTP明文传输不安全。 HTTPS 是 HTTP 协议的一种扩展，其在HTTP的基础上加入SSL

版本管理，协同开发 了解Git 组成 工作区-workspace：本地电脑存放项目文件的地方。 暂存区-Index：在使用git管理项目文件的时候，其本地的项目文件会多出一个.git的文件夹，将这个.

存储内容大小一般支持5MB左右（不同浏览器可能还不一样） 浏览器端通过 Window.sessionStorage 和 Window.localStorage 属性来实现本地存储机制。 相关API 备

axios 是什么? Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。是目前前端最流行的 ajax 请求库。 react/vue 官方都推荐使用 axi

AJAX 的特点 AJAX 的优点 可以无需刷新页面而与服务器端进行通信 允许你根据用户事件来更新部分页面内容 AJAX 的缺点 没有浏览历史，不能回退 存在跨域问题(同源) SEO 不友好 AJAX

对象浅克隆 浅克隆(浅拷贝)只复制【一层】对象的属性，并不包括对象里面的为引用类型的数据 1.简单的引用复制 遍历对象的最外层属性，把属性值复制到另外一个对象中 2.使用Object.assign()