没事看看电影

摘要： 每个组件都有自己的样式，称之为局部样式，CSS Modules保证局部样式不污染全局样式，同时组件也会引入全局样式。 幸运的是，create-react-app自从2.0.0版本开始已经开始支持CSS Modules，详见连接。之前的版本需要先eject，然后手动配置webpack支持。 使用方法 阅读全文

摘要： 在react中，在src文件夹下，新建assets文件夹，其内存放一些公共的scss文件。在组件需要使用scss文件时，需要在组件的样式中用@import导入。由于需要频繁使用公共的scss文件，每次都需要使用@import导入。这样会很麻烦。代码要更优雅。为了达到这个目的，需要对公共的scss文件 阅读全文

摘要： 前言 SSR指服务端渲染，即页面是通过服务端渲染生成后返回给客户端的，SSR主要为了提高页面加载速度，改善用户体验，也可用于SEO搜索引擎优化。 Nuxt.js 官方定义： Nuxt.js 是一个基于 Vue 的通用应用框架。 通过对客户端/服务端基础架构的抽象组织，Nuxt.js 主要关注的是应用 阅读全文

摘要： 1. 根目录新建 server文件夹,server文件夹下创建 router.js 文件 2. router.js /** * nuxt的路由菜单配置 * @description 仅仅只用于侧边栏的菜单显示和权限,其它的不做任何功能 */ const menus = [ { meta: { req 阅读全文

摘要： 1、安装： npm install svg-sprite-loader -D 2.svg-sprite-loader加载，nuxt.config.js配置如下 官方文档使用webpack进行配置 Nuxt extend assets/icons/svg 目录是我存放svg文件的目录 PS: 默认情况 阅读全文

摘要： 第一步：安装 cross-env（这个迷你的包能够提供一个设置环境变量的scripts） npm i cross-env -D 第二步：配置BASE_URL和NODE_ENV 在package.json文件中： "scripts": { "dev": "cross-env BASE_URL=http 阅读全文

摘要： 前言 项目需求SEO优化，使用nuxt进行服务端渲染，引入vue-persistedstate持久化状态保存 1. 安装 npm install vuex-persistedstate --save 创建 plugins/vue-persistedstate.js import createPers 阅读全文

摘要： 采用vue分页后，因为指向的是单个html文件，无法配置history模式的路由。通过搜索发现了historyApiFallback配置项，下面先写一下注意事项。 1. router.js 和 this.$router.push 需要加上前缀如：path: '/index/hello-world', 阅读全文

摘要： 针对web页面的首屏加载问题，一直是个问题，为此还引出一个性能考量标准：白屏时间、首屏时间。 1.白屏时间 打开chrome控制台的Performance，我们可以看到页面的渲染快照： 这段白屏时间影响的因素归根结底就是：资源加载耗时较长（chunk.js文件下载耗时35.75s）； 而对于现在的大 阅读全文

摘要： 摘要： 打包的时候开启gzip可以很大程度减少包的大小，非常适合于上线部署。更小的体积对于用户体验来说 就意味着更快的加载速度以及更好的用户体验。 Vue-cli3.0项目 安装依赖：compression-webpack-plugin npm install compression-webpack 阅读全文