npm

Vue加载优化,速度提高一倍。

夙愿已清 提交于 2020-10-23 11:44:41
前言 之前做的一个Vue项目,流程大概是这这样的:从公众号进入,由外系统获取用户的openid等信息,然后再跳转到项目首页进行加载初始化操作。 业务最近反应进入首页很慢,于是大致排查了下,由于外系统需要去微信获取用户授权,用户的的openid,调用定位接口获取位置等信息,想着会不会是他们的问题,经过沟通,他们也是按照微信的接口文档进行操作,没有什么优化的空间,于是想着能不能提高我们首页的加载速度,百度一番,果然有相应的优化方法, 主要有以下几个方法: 打包的时候不生成 「.map」 文件。 打包的时候生成 gzip 文件,部署的时候,让 「nginx」 直接读取 gzip 文件。 路由加载的时候采用 「懒加载模式」 。 首页较大的图片适当的进行压缩。 三方库采用 「CDN」 的方式引入。 由于 「CDN」 的方式改动较多,所以这次优化没有采用该方法,而是采用了其他四种方法,在测试环境上进行测试加载速度提高了一倍,加载时间从4秒减少到2秒,在生产上网络较好应该要快些。下面来依次介绍下这几种方法的具体操作。 分析文件大小 在开始操作具体的优化方法之前,先来分析下哪些代码文件比较大,较大的文件可以进行压缩,使用 webpack-bundle-analyzer 来进行分析。 首先执行 「npm install cross-env --save-dev」 安装 cross-env 依赖。 在

一杯咖啡的时间,上手 Koa2 + MySQL 开发

倖福魔咒の 提交于 2020-10-23 08:01:22
凭借精巧的“洋葱模型”和对 Promise 以及 async/await 异步编程的完全支持,Koa 框架自从诞生以来就吸引了无数 Node 爱好者。然而 Koa 本身只是一个简单的中间件框架,要想实现一个足够复杂的 Web 应用还需要很多周边生态支持。这篇教程不仅会带你梳理 Koa 的基础知识,还会充分地运用和讲解构建 Web 应用必须的组件(路由、数据库、鉴权等),最终实现一个较为完善的用户系统。 起步 Koa 作为 Express 原班人马打造的新生代 Node.js Web 框架,自从发布以来就备受瞩目。正如 Koa 作者们在文档[3]中所指出的: ❝ Philosophically, Koa aims to "fix and replace node", whereas Express "augments node".(Express 是 Node 的补强,而 Koa 则是为了解决 Node 的问题并取代之。) ❞ 在这一篇文章中,我们将手把手带你开发一个简单的用户系统 REST API,支持用户的增删改查以及 JWT 鉴权,从实战中感受 Koa2 的精髓,它相比于 Express 做出的突破性的改变。我们将选择 TypeScript[4] 作为开发语言,数据库选用 MySQL,并使用 TypeORM[5]作为数据库桥接层。 ❝ 「注意」 这篇文章不会涉及 Koa

Electron简介和使用

流过昼夜 提交于 2020-10-23 07:27:32
Electron简介和使用 博客说明 文章所涉及的资料来自互联网整理和个人总结,意在于个人学习和经验汇总,如有什么地方侵权,请联系本人删除,谢谢! 简介 Electron 是 GitHub 发布的跨平台桌面应用开发工具,支持 Web 技术开发桌面应用,其本身是基于 C++ 开发的,GUI 核心来自于 Chrome,而 JavaScript 引擎使用 v8 安装Electron 进入工作目录 # 克隆这仓库 git clone https://github.com/electron/electron-quick-start # 进入仓库 cd electron-quick-start 安装依赖库 npm install 运行应用 npm start 感谢 万能的网络 以及勤劳的自己 来源: oschina 链接: https://my.oschina.net/guizimo/blog/4302329

技术周刊 · 请问您这个月要来点肝么?

旧城冷巷雨未停 提交于 2020-10-22 23:25:58
今年的十月,不知道大家在 TODO List 上新增了多少条目准备尝鲜,你可能已经准备了 Vue3、Webpack5 以及 React v17.0 RC,然而十月中可却远不止这些东西值得一试,npm CLI 提示你可以通过 npm install -g npm@7 体验新版本,Chromium Blog 的推文也显示 Chrome 正在部署 HTTP/3 和 IETF QUIC…… 登高远眺 — 天高地迥,觉宇宙之无穷 基础技术 NPM v7.0.0 发布 npm v7.0.0 带来了比较多的新特性, Workspaces 、 peerDependencies 自动被安装、支持 yarn.lock 等,将与 NodeJS v15 一起发布。如果你想立即尝试,可以使用 npm i -g npm@7 在终端运行安装。 NPM v7.0.0 发布 【VPN Needed】 Chrome 正在启用 HTTP/3,支持 IETF QUIC QUIC(Quick UDP Internet Connections)是谷歌制定的一种基于UDP的低延时的互联网传输层协议,结合了TCP、TLS等协议的特性。HTTP/3 是HTTP的最新版本,仅在QUIC上运行。 译文:https://www.oschina.net/news/119045/chrome-is-deploying-http3-and

ubuntu下安装nodejs和npm

一笑奈何 提交于 2020-10-22 19:06:51
第一种安装方法: 安装nodejs : 1 sudo apt-get install nodejs 运行 nodejs -v 会弹出安装node的版本号 这里使用的是 nodejs 并不是常用的node ,可以通过 1 sudo ln -s /usr/bin/nodejs /usr/bin/node 命令让node与nodejs 建立软连接,接着就可以使用 node命令 安装npm: 1 sudo apt-get install npm 测试安装是否成功: npm -v 弹出安装的版本号,即可证明安装成功 第二种安装方法: 先安装,nvm,即是Node Version Manager(Node版本管理器) 1 curl -o- https: //raw.githubusercontent.com/creationix/nvm/v0.33.2/install.sh | bash 或者使用 wget 1 wget -qO- https: //raw.githubusercontent.com/creationix/nvm/v0.33.2/install.sh | bash 之后需要激活nvm: 1 $ source ~/.nvm/nvm.sh 激活完成后,安装node 1 nvm install node 安装完成后,切换到该版本 1 nvm use node 来源: oschina

在 Ubuntu 和其他 Linux 发行版上使用 Yarn | Linux 中国

孤者浪人 提交于 2020-10-22 17:36:15
本速成教程向你展示了在 Ubuntu 和 Debian Linux 上安装 Yarn 包管理器的官方方法。你还将学习到一些基本的 Yarn 命令以及彻底删除 Yarn 的步骤。 来源: https:// linux.cn/article-12737- 1.html 作者:Abhishek Prakash 译者:XianLei Gao (本文字数:4539,阅读时长大约:6 分钟) Yarn 是 Facebook 开发的开源 JavaScript 包管理器。它是流行的 npm 包管理器的一个替代品,或者应该说是改进。 Facebook 开发团队 创建 Yarn 是为了克服 npm 的缺点。 Facebook 声称 Yarn 比 npm 更快、更可靠、更安全。 与 npm 一样,Yarn 为你提供一种自动安装、更新、配置和删除从全局注册库中检索到的程序包的方法。 Yarn 的优点是它更快,因为它可以缓存已下载的每个包,所以无需再次下载。它还将操作并行化,以最大化资源利用率。在执行每个已安装的包代码之前,Yarn 还使用 校验和来验证完整性 。 Yarn 还保证可以在一个系统上运行的安装,在任何其他系统上都会以完全相同地方式工作。 如果你正 在 Ubuntu 上使用 node.js ,那么你的系统上可能已经安装了 npm。在这种情况下,你可以使用 npm 通过以下方式全局安装 Yarn: