摘要:
目录 1. 功能描述 2. 代码实现 3. 最终效果 4. 参考文档 一、功能描述 实现: Nginx开启Gzip压缩功能, 可以使网站的css、js 、xml、html 等文件在传输时进行压缩,提高访问速度。 版本: nginx/1.16.1。 二、代码实现 参数详解: # 开启或关闭gzip模块 阅读全文
摘要:
目录 1. 功能描述 2. 代码实现 3. 问题解决 4. 最终效果 一、功能描述 实现: 在同一端口下部署一个react项目和一个vue项目,通过访问/或/home来访问vue项目,通过访问/portfolio路径来访问react项目。 版本: nginx/1.16.1、react/16.13.1 阅读全文
摘要:
目录 1. 功能描述 2. 代码实现 一、功能描述 实现: vue项目中使用history模式的路由时,解决访问深层级的路由返回404的问题。 nginx配置了ssl证书的情况下,解决history路由刷新报404的问题。 版本:nginx/1.16.1。 二、代码实现 nginx.conf中相关配 阅读全文
摘要:
流程概述 1. 购买域名 2. 购买云服务器 3. 网站备案 4. 域名解析 5. 网站内容部署 6. 申请免费SSL证书并安装 7. 公安备案 8. 网站底部添加备案信息 9. 参考文档及站点链接 一、购买域名 华为云、腾讯云、阿里云一般都有新用户特惠活动,可以以很优惠的价格就购买到一个域名。这里 阅读全文
摘要:
目录 1. 功能描述 2. 代码实现 3. 参考文档 一、功能描述 实现: 如何启用SCSS? 如何启用CSS Modules? 如何在元素上使用多个类名? 如何在元素上动态使用类名? 如何同时使用外部公共样式? 版本: react: ^16.13.1、node-sass: ^4.14.1 二、代码 阅读全文
摘要:
Emmet is a web-developer's toolkit that can greatly improve your HTML & CSS workflow. 目录 1. HTML缩写 嵌套运算符 属性运算符 "Lorem Ipsum"生成器 2. CSS缩写 3. 参考文档及网站链接 阅读全文
摘要:
查看npm版本 npm -v 查看帮助 // 显示npm的所有命令 npm help // 显示npm所有命令使用语法 npm -l // 显示指定命令的使用语法 npm <command> -h 更新npm npm install npm@latest -g 使用npm创建包描述文件package 阅读全文
摘要:
想要从海量的gitHub资源中获取自己想要的信息要借助一定的搜索技巧,这里记录下一些常用的搜索语法,供使用时查询。 常用语法 in:name mini-app #仓库标题搜索含有关键字"mini-app" in:descripton web #仓库描述搜索含有关键字"web" in:readme n 阅读全文
摘要:
目录 1. CSS扩展 嵌套规则 父选择器& 属性嵌套 占位符选择器% 2. 注释 3. SassScript 变量$ 数据类型 运算 函数 4. @-Rules与指令 @import @extend 5. 控制指令 @if @for @each @while 6. mixin指令 7. 参考文档及 阅读全文
摘要:
目录 1. 功能描述 2. 代码实现 3. 最终效果 一、功能描述 实现: 表格数据的穿梭功能实现。 版本: "element-ui": "^2.3.7"。 二、代码实现 el-table上监听selection-change事件; 添加按钮事件处理函数中进行数据去重合并; 删除按钮事件处理函数中进 阅读全文