摘要: 求助: webpack 5.17 使用 mini-css-extract-plugin报错,希望能有大佬帮帮我 T^T 安装 npm i mini-css-extract-plugin -D // 官网的安装方法 文件目录 配置文件 const {resolve} = require('path') 阅读全文
posted @ 2021-01-31 11:02 SvenWayne 阅读(1313) 评论(1) 推荐(0)
摘要: 转自官方文档 Vue 会尽可能高效地渲染元素,通常会复用已有元素而不是从头开始渲染。这么做除了使 Vue 变得非常快之外,还有其它一些好处。例如,如果你允许用户在不同的登录方式之间切换: <template v-if="loginType 'username'"> <label>Username</ 阅读全文
posted @ 2021-02-20 11:34 SvenWayne 阅读(79) 评论(0) 推荐(0)
摘要: 安装CSS的Loader npm i css-loader style-loader --save -D const {resolve} = require('path');const htmlPacker = require('html-webpack-plugin');​module.expor 阅读全文
posted @ 2021-01-28 12:32 SvenWayne 阅读(545) 评论(0) 推荐(0)
摘要: 打包HTML 下载安装html打包插件 对于 webpack4npm i html-webpack-plugin -D 现在下载默认都 webpack5cnpm install -save-dev html-webpack-plugin@5.0.0-alpha.9 配置文件里 const {reso 阅读全文
posted @ 2021-01-28 12:31 SvenWayne 阅读(475) 评论(0) 推荐(0)
摘要: webpack的功能 主要功能:将复杂的代码,框架和其它扩展工具的文件转化成浏览器可以直接识别的HTML,CSS和JavaScript。 比如 SASS打包为CSS,多个互相依赖的JS转化为单个JS Webpack的基本概念: 树结构 不同js文件之间互相引用,他们之间的关系会形成一个树状的结构。W 阅读全文
posted @ 2021-01-26 17:04 SvenWayne 阅读(296) 评论(0) 推荐(0)
摘要: 关于token 为什么要用token? 对于传统的session,客户端做一次记录,以方便用户下次请求的鉴别,通常而言session都是保存在内存中,而随着认证用户的增多,服务端的开销会明显增大。 传统session存储的扩展性差,服务端做认证记录,如果认证的记录被保存在内存中的话,这意味着用户下次 阅读全文
posted @ 2021-01-22 19:14 SvenWayne 阅读(396) 评论(0) 推荐(0)
摘要: 后端路由 根据不同的用户url请求,返回不同的内容 本质是url请求和服务器资源的对应关系 路由与SPA 后端渲染导致频繁刷新,导致性能问题 ajax技术可以进行前端渲染,但是不支持前进后退操作 单页应用(SPA, Single Page Application)可以同时通过ajax进行单页局部渲染 阅读全文
posted @ 2021-01-15 18:49 SvenWayne 阅读(81) 评论(0) 推荐(0)
摘要: Vuex是一个专门为Vue.js应用程序开发的状态管理模式, 它采用集中式存储管理所有组件的公共状态, 并以相应的规则保证状态以一种可预测的方式发生变化. 上图中绿色虚线包裹起来的部分就是Vuex的核心, state中保存的就是公共状态, 改变state的唯一方式就是通过mutations进行更改. 阅读全文
posted @ 2021-01-15 18:45 SvenWayne 阅读(78) 评论(0) 推荐(0)
摘要: 父传子 props传变量 $parent属性(不推荐,不方便维护) 子传父 子组件定义一个方法f,在里面emit('f1', 子组件信息), 然后在调用子组件的时候添加属性@f1="f2",就可以调用父组件的f2方法接收子组件信息并且使用 兄弟互传 中间人方式:找爹或者爷爷,爷爷找儿子或者孙子 事件 阅读全文
posted @ 2021-01-15 18:43 SvenWayne 阅读(57) 评论(0) 推荐(0)
摘要: 下图展示了实例的生命周期。你不需要立马弄明白所有的东西,不过随着你的不断学习和使用,它的参考价值会越来越高。 创建Vue:let app = new Vue({...}); 初始化事件和生命周期 beforeCreate阶段,仅仅是实例化: 数据还没有绑定到实例中,因此msg是undefined。 阅读全文
posted @ 2021-01-15 18:33 SvenWayne 阅读(63) 评论(0) 推荐(0)