superKM的博客

title: 前端性能优化date: 2020-07-31 11:23:51tags: 性能优化categories: [性能优化]网站性能的好坏可以说直接决定了用户体验的好坏，而互联网的本质还是为人服务，因此极致的用户体验我想是每个公司都在追求的目标打开一个 url 地址，浏览器都做了什么，只有理解了做了哪些事情，才知道如何针对优化。浏览器能访问的资源都是通过 IP 访问的，但是为了方便我们记忆和使用网站都是使用的域名，所以当我们输入一个域名的时候就需要浏览器进行域名解析。缓存中查找.

???? NPM 是随同 NodeJS 一起安装的 javascript 包管理工具，能解决 NodeJS 代码部署上的很多问题发布前的准备注册一个 npm 账号前往 NPM 官网进行注册初始化项目这里用的是webpack-simple,可以理解为精简版的vue-cli。如果没有全局安装 vue 的话，需要先安装cnpm i -g @vue/cli-init然后再初始化 vue 项目，我们要写的是一个简单的 vue 组件，不需要依赖那么多而庞大的配置，所以，这里我们用简介版本的 weba

yarn 快速、可靠、安全的依赖管理工具。看栗子说话采用 cnpm 和 yarn 安装 webpack 工具cnpm 效果图（总花费 60s）yarn 效果图（总花费 16s）???? 为什么要用 yarn速度超快Yarn 缓存了每个下载过的包，所以再次使用时无需重复下载。 同时利用并行下载以最大化资源利用率，因此安装速度更快。超级安全在执行代码之前，Yarn 会通过算法校验每个安装包的完整性。超级可靠使用详细、简洁的锁文件格式和明确的安装算法，Yarn 能够保证在不同系统上无差异

什么是kbone微信小程序开发过程中，许多开发者会遇到 小程序 与 Web 端一起的需求，由于 小程序 与 Web 端的运行环境不同，开发者往往需要维护两套类似的代码，这对开发者来说比较耗费力气，并且会出现不同步的情况。为了解决上述问题，微信小程序推出了同构解决方案kbone来解决此问题。一：安装kbone-cli命令行安装kbone-cli脚手架，用于创建kbone...