vue3+vite项目性能优化 经历三次重构 开启gzip压缩什么是gzip一种类似winRaR的文件压缩程序。用于在服务器给客户端传送内容的时候,对内容进行压缩(压缩效果很明显),从而可以缩短页面加载时间,提高网站性能。 gzip对纯文本内容可压缩到原大小的40%。但png、gif、jpg、jpeg这类图片文件并不推荐使用gzip压缩(svg是个例外),首先经过压缩后的图片文件gzip能压缩的空间很小。事实上,添加标头,压缩 2022-08-19
git 多人协作流程 基本指令12345678910111213141516171819202122232425262728293031git clone *** # 下载远程仓库的代码git branch develop master # 从master分支上新建develop分支git checkout develop # 切换到develop分支# 此处可进行功能开发,并add和commit到deve 2022-08-17
记录第一次vue-nodejs-mongodb项目服务器部署 记录自己第一次部署项目,中间遇到很多errors,但好在花了两天时间成功部署了。先放出部署成功的项目链接 👉👉👉 师大Buy 校园闲置交易平台 👈👈👈 (先注册一个账号使用即可体验) 流程本项目包含三个子项目 前台展示 后台管理 后端nodejs服务器+mongodb数据库 大概流程 开发好前端与后端程序 购买服务器(和域名) 安全组、开放端口与设置规则 2022-06-21
【前端面试-JS】基础面试题 JS 基础面试延迟加载js方式 async 后台下载 执行会中断页面渲染 下载好后立刻执行,没有顺序(谁先下载完谁先执行) defer 后台下载 不会中断页面渲染(等页面渲染完后执行) 顺次执行(多个js文件会按先后顺序执行) 数据类型基本类型string, number, boolean, undefined, null, symbol(, bigint) 引用类型 2022-05-26 js #js
【前端面试-VUE】VUE合集 vuex123456789101112131415161718192021222324252627282930313233343536### 谈谈vuex原理?1 执行Vue.use。会执行vuex的install方法,会往全局混入一个mixin,只有一个属性beforeCreate,它的作用是让每个组件可以访问到this.$store属性。2 执行new Vuex.Store。将传入的配置进行格 2022-05-20 vue #vuejs
基于EJS+Node.js+MongoDB的全栈电商平台(全英文) 基于EJS+Node.js+MongoDB的全栈电商平台(全英文)Full stack ecommerce online store application 后台管理账号 用户名:admin 密码:123456 项目介绍本项目为基于EJS+Node.js+MongoDB技术实现的全栈电商平台,用户可以在平台上浏览,搜索所需商品,商家可以在后台上传商品信息并实时发布到 2022-05-04 全栈 #项目
ejs模板引擎使用 1 ejs是什么一套简单的模板语言,可利用普通的 JavaScript 代码生成 HTML 页面 📖📖📖 ejs.js文档官方文档:https://ejs.bootcss.com/#install 2 入门1 在浏览器 JS 环境中如何使用1.1 下载到ejs的js文件 2.2 新建html文件,html内容如下 1234567891011121314151617181920<!DO 2022-04-15 前端 #模板引擎
node小项目——购物车 项目描述项目提供了初始的前端代码(放在public文件夹中),现在需要利用node.js来实现项目的后端部分。 项目初始化1 npm初始化会生成一个package.json文件。 1npm init npm是包管理工具,下载node的时候回顺带下载到npm。更多想了解的可以参考文档:菜鸟教程 2 项目所需库2.1 介绍这个项目需要用到express,ejs,stripe以及dotenv四个库。先 2022-04-14 前端 #nodejs
第一个node.js web服务器 1 📖📖📖 Node.js文档官方文档:https://nodejs.org/dist/latest-v14.x/docs/api/synopsis.html 官方文档对于初学者不太友好,有点难度,所以我又在网上其他文档看,比如下面这个 👇👇👇 Node.js 入门指南 菜鸟教程 2 第一个node.js代码:app.js12345678910111213const http = r 2022-04-14 前端 #nodejs
JavaScript基础:apply,call,bind区别 三者的用法12345678910obj = { name:'Joey', age:12,}function printObj(name1,name2,name3){ console.log(this.name,name1,name2,name3)}printObj.call(obj,'Tom', 2022-04-13 前端 #javaScript