vue
文章平均质量分 75
Vue基础,进阶,高级,算法,源码等
美式因子
美式我需要
展开
-
Vue2.0以上配置sass及Eslint检查
Vue2.0以上配置sass全局安装sass(我不知道为什么node-sass安装一直不行,所以还是安装sass就行,一样的)npm i sass --save-dev指定sass-loader的版本,如果你用npm i sass-loader--save-dev,就会安装到最新版本,新的版本是5.x会太高,应该要指定版本安装写卸载 npm uninstall sass-loader再重新下载npm i sass-loader@7.3.1 --save-dev最后看一下我脚手架的packag原创 2021-03-18 09:32:31 · 621 阅读 · 0 评论 -
Vue中mustache的探秘
什么是模板引擎,平时使用Vue写循环的时候用v-for那么溜却从来没有想过为什么mustache基本使用 mustache的底层核心机理 那么什么是tokens?tokens是一个JS的嵌套数组,说白了,就是mustache库底层重点要做两个事情: ① 将模板字符串编译为tokens形式 ② 将tokens结合数据,解析为dom字符串板字符串的JS表示带你手写实现mustache库将模板字符串变为简单版tokensn首先可以看到每一行的第一列都有.原创 2021-02-01 22:53:52 · 796 阅读 · 0 评论 -
初识Javascript设计模式之发布-订阅模式到分析Vue之数据响应式原理
目录环境搭建在开始分析代码之前先了解一下JavaScript的设计模式之发布-订阅模式,观察者模式什么是发布-订阅模式代码分析大致分为三部分:让数据变成响应式、依赖收集 和 派发更新。让数据变成响应式什么是数据响应式?Object.defineProperty()中间调用层(调度中心):Observer类——递归侦测对象全部属性observe是干什么的?defineReactive函数如何观测数组?——数组的响应式处理依赖收集此...原创 2021-01-28 12:06:13 · 354 阅读 · 0 评论 -
Vue-ssr
spa是单页面应用程序什么是ssrserver side render ,简称服务端渲染,比起传统的web渲染技术 asp.net php jsp。将一个 Vue组件在服务端渲染为HTML字符串并发送到浏览器,最后将这些静态标记“激活”为可交互应用程序的过程称为服务端渲染。...原创 2021-01-19 23:09:21 · 207 阅读 · 0 评论 -
手摸手vue中虚拟dom函数和diff算法
snabbdom简介和测试环境搭建虚拟dom函数和h函数了解diff算法利用资格指针实现算法优化策略四种命中方法(自上往下,命中一种就不会往下继续判断了)新前与旧后新后与旧后新后与旧前新前与旧后循环遍历,移动到oldstartidx之前新增如果是旧节点先循环完毕,如果新节点中还有剩余节点,说明他们是要新增的节点。删除多删除如果是新节点先循环完毕,如果老节点中还有剩余节点,说明他们是要被删除的节点。复杂当第三种情况命中的时候,移动新前指向老节点的旧后的后面当第四种情况命中的原创 2021-01-18 20:11:54 · 132 阅读 · 0 评论 -
使用Mint-ui加vue2.0的小实战遇到的坑坑洼洼
首先想项目中导入Mint-uinpm i mint-ui -S在脚手架中的main.js文件中导入 import MintUI from 'mint-ui' Vue.use(MintUI); import 'mint-ui/lib/style.css'然后直接在APP.vue文件中进行组件使用 <mt-header title="信息管理系统"></mt-header>vue的router的两种使用全局过滤器和moment的使用自己封装vue原创 2020-10-31 14:33:04 · 212 阅读 · 0 评论 -
利用IDEA实现跨域利用jsonp和cors解决,我不想用WampServer哈哈
跨域理解跨域利用IDEA,tomcat部署项目利用jsonp跨域案例 jsonp 实现360 搜索案例利用cors跨域(跨域资源共享)jsonp 与 cors 的区别理解跨域从一个站点访问一个资源,然后在这个资源当中又去访问另外的一个站点的资源,这个就是跨域。(域名,协议,端口三者有一个不一样就是跨域)例如http://www.example.com/http://api.example.com/detail.html不同源域名不同https//www.example.com/原创 2020-10-13 00:26:57 · 692 阅读 · 0 评论 -
vue模拟数据——json-server+axios(简单使用)+代理
json-server建立模拟数据:在src同级目录下创建文件:db.json首先先下载包 npm install json-server -g打开集成终端,设置端口,这个端口是你脚手架的端口号,方便代理 json-server db.json --port 8080打开package.json文件 然后在scripts中配置一个mock,这个端口号是访问你虚拟数据的端口号: "mock": "json-server db.json --port 3003" "原创 2020-10-11 18:49:06 · 1576 阅读 · 0 评论 -
酱油小生在vue中想回家捡垃圾系列之在vue2.0中stylus的使用
首先安装stylus相关包和依赖 npm install stylus stylus --save-dev npm install stylus stylus-loader --save-dev为了方便在style引入stylus,在build/webpack.base.conf.js进行路径配置 resolve: { extensions: ['.js', '.vue', '.json'], alias: { 'vue$': 'vue/dist/vue.esm原创 2020-10-10 11:17:25 · 214 阅读 · 0 评论 -
Vue——mock模拟数据的使用
在获取不到后台数据的时候我们也可以把页面搞起来生成随机数据1. 首先应该先建立一个json文件,把模拟数据写进去2. 安装3. 建立js文件,使用mockjs提供mock数据接口4.在main文件在加载js文件拦截ajax请求1. 不使用本地代理2.ajax请求后会影响store首先增加新的state变量,例如商家列表再者增加mutations最后增加actions并进行异步请求生成随机数据1. 首先应该先建立一个json文件,把模拟数据写进去2. 安装npm install mockjs3原创 2020-10-06 13:17:22 · 403 阅读 · 0 评论 -
vue的 状态自管理应用——vuex
vuex——为了解决多组件共享状态的问题状态自管理应用state: 驱动应用的数据源view: 以声明方式将 state 映射到视图actions: 响应在 view 上的用户输入导致的状态变化(包含 n 个更新状态的方法)下载: npm install vuex --savevuex的属性store拥有多个对象vuex管理的状态对象——state//它应该是唯一的const state = { xxx: initValue}包含多个直接更新state的方法(回调函数)原创 2020-10-05 21:42:44 · 112 阅读 · 2 评论 -
提交项目到gitee出现的问题
用户账户密码错误以下是window 10下的使用记录:运行一下命令缓存输入的用户名和密码:git config --global credential.helper wincred清除掉缓存在git中的用户名和密码git credential-manager uninstall原创 2020-09-11 09:42:50 · 324 阅读 · 0 评论 -
vue中导入导入 Mint-UI的注意事项
Module build failed: ReferenceError: Unknown plugin “component”解决方法cnpm install babel-plugin-component -D原创 2020-09-08 20:28:54 · 132 阅读 · 0 评论