01 2021 档案

求助：webpack5.17 以及 插件 mini-css-extract-plugin
摘要：求助： 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 阅读(1356) 评论(1) 推荐(0)
css，sass/less loader 的基本使用
摘要：安装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 阅读(571) 评论(0) 推荐(0)
webpack打包HTML文件
摘要：打包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 阅读(488) 评论(0) 推荐(0)
初识webpack
摘要：webpack的功能 主要功能：将复杂的代码，框架和其它扩展工具的文件转化成浏览器可以直接识别的HTML，CSS和JavaScript。 比如 SASS打包为CSS，多个互相依赖的JS转化为单个JS Webpack的基本概念： 树结构 不同js文件之间互相引用，他们之间的关系会形成一个树状的结构。W 阅读全文
posted @ 2021-01-26 17:04 SvenWayne 阅读(302) 评论(0) 推荐(0)
关于 nodejs 里面的 jwt
摘要：关于token 为什么要用token？ 对于传统的session，客户端做一次记录，以方便用户下次请求的鉴别，通常而言session都是保存在内存中，而随着认证用户的增多，服务端的开销会明显增大。 传统session存储的扩展性差，服务端做认证记录，如果认证的记录被保存在内存中的话，这意味着用户下次 阅读全文
posted @ 2021-01-22 19:14 SvenWayne 阅读(402) 评论(0) 推荐(0)
Vue 路由基础
摘要：后端路由 根据不同的用户url请求，返回不同的内容 本质是url请求和服务器资源的对应关系 路由与SPA 后端渲染导致频繁刷新，导致性能问题 ajax技术可以进行前端渲染，但是不支持前进后退操作 单页应用(SPA, Single Page Application)可以同时通过ajax进行单页局部渲染 阅读全文
posted @ 2021-01-15 18:49 SvenWayne 阅读(95) 评论(0) 推荐(0)
Vuex
摘要：Vuex是一个专门为Vue.js应用程序开发的状态管理模式, 它采用集中式存储管理所有组件的公共状态, 并以相应的规则保证状态以一种可预测的方式发生变化. 上图中绿色虚线包裹起来的部分就是Vuex的核心, state中保存的就是公共状态, 改变state的唯一方式就是通过mutations进行更改. 阅读全文
posted @ 2021-01-15 18:45 SvenWayne 阅读(80) 评论(0) 推荐(0)
vue组件传值常用的方法
摘要：父传子 props传变量 $parent属性(不推荐，不方便维护) 子传父 子组件定义一个方法f，在里面emit('f1', 子组件信息), 然后在调用子组件的时候添加属性@f1="f2"，就可以调用父组件的f2方法接收子组件信息并且使用 兄弟互传 中间人方式：找爹或者爷爷，爷爷找儿子或者孙子 事件 阅读全文
posted @ 2021-01-15 18:43 SvenWayne 阅读(65) 评论(0) 推荐(0)
Vue生命周期
摘要：下图展示了实例的生命周期。你不需要立马弄明白所有的东西，不过随着你的不断学习和使用，它的参考价值会越来越高。 创建Vue：let app = new Vue({...}); 初始化事件和生命周期 beforeCreate阶段，仅仅是实例化： 数据还没有绑定到实例中，因此msg是undefined。 阅读全文
posted @ 2021-01-15 18:33 SvenWayne 阅读(68) 评论(0) 推荐(0)
Vue 基础 笔记1
摘要：Vue笔记 - 基础认识 博客园不兼容typora有点蛋疼哦 什么是Vue Vue是一种数据驱动的渐进式前端开发框架，主要用于解决复杂的DOM操作。 特点 渐进式， 组件化， 响应式 模式MVVM（Model View ViewModel）简略... Model: 负责数据存储，用数据表示模型 Vi 阅读全文
posted @ 2021-01-08 18:24 SvenWayne 阅读(137) 评论(0) 推荐(0)
DOM进阶
摘要：注册事件 传统方式： onclick, onmouseover... 特点：同一个元素只能绑定一个回调函数，新的回调会覆盖前面的回调函数，但是兼容性强 监听方式(常用，w3c推荐)： addEventListener(type, listener, [useCaptures]); 特点：不兼容IE9 阅读全文
posted @ 2021-01-04 14:17 SvenWayne 阅读(96) 评论(0) 推荐(0)
DOM基础笔记
摘要：Document Object Model（DOM）是 文档对象模型。 DOM的本质 DOM是浏览器从HTML文件解析出来的一种树。 DOM节点操作 获取DOM节点 HTML5之前 document.getElementById(); 获取某个id的单个元素。 document.getElement 阅读全文
posted @ 2021-01-04 11:02 SvenWayne 阅读(104) 评论(0) 推荐(0)
同源策略和跨域
摘要：什么是浏览器的同源策略？ ajax请求时，浏览器要求当前网页（以及请求的资源）和server必须同缘以保证安全，即ajax只能访问自己的资源 同源： ajax请求的url的 协议，域名，端口必须一致 对于一段JavaScript脚本来说，其“源”与它存储的地址无关，而取决于脚本被加载的页面。比如我们 阅读全文
posted @ 2021-01-03 17:42 SvenWayne 阅读(104) 评论(0) 推荐(0)
原生Ajax
摘要：AJAX（Asynchronous Javascript And XML）翻译成中文就是“异步的Javascript和XML”。即使用Javascript语言与服务器进行异步交互，传输的数据为XML（当然，传输的数据不只是XML）。 AJAX 不是新的编程语言，而是一种使用现有标准的新方法。 AJA 阅读全文
posted @ 2021-01-03 14:53 SvenWayne 阅读(103) 评论(0) 推荐(0)