- 博客(22)
- 收藏
- 关注
RSS订阅
原创 使用vue时遇到的错误（ 持续更新局 ）
使用vue时遇到的错误（ 持续更新局 ） 1、[Vue warn]: Failed to generate render function: ReferenceError: Invalid left-hand side in assignment in with(this){return _c(‘div’,{attrs:{“id”:“app”}},[_c(‘div’,{staticClass:“p...
2019-06-21 20:24:59
1535
原创 启动之后打开页面报错 Warning: Please use `require("history").createHashHistory` instead of `require("history/c
启动之后打开页面报错 Warning: Please use require("history").createHashHistory instead of require("history/createHashHistory") 打开node_models/dva/lib/index.js 将 var _createHashHistory = _interopRequireDefault(req...
2020-03-04 14:16:43
1708
1
原创 webpack
Webpack 一、市面上有哪些类似于Webpack的前端工程化工具 grunt gulp ( 4.x ) Browserify ( Webpack 前身 ) Webpack 【 主流行 】 rollup.js parcel FIS 二、前端工程化工具的发展历程 grunt gulp ( 4.x ) 流的操作 .pipe() Browserify ( Webpack ...
2019-06-28 16:58:05
224
原创 cli
cli 什么是cli? cli是vue提供的一个用来快速构建项目环境的一个工具，底层使用的是webpack cli目前有哪些版本？ cli2 cli3 cli3对电脑的配置有一定要求 cli如何使用？ cli的安装 npm/cnpm/yarn 都可以使用 $ yarn add @vue/cli global 这个是cli3的版本 如果我们还想使用cli2的脚手架，那么我...
2019-06-28 11:00:35
178
原创 生命周期
生命周期 什么是生命周期？ vue中的生命周期指的是 组件 从创建到销毁一个过程，在这个过程中，我们在每一个特定的阶段会触发一些方法（ 这些方法具备一些功能），我们给这些方法起了个名字叫做（ 生命周期钩子函数/ 组件钩子 ） 为什么要学习生命周期？ 因为我们想在生命周期钩子中实现项目功能，那么我们必须知道每一个钩子函数的具体用途 这个生命周期是谁的生命周期？ 组件 项目中生命周期...
2019-06-27 18:43:48
696
1
原创 swiper
swiper 作用： 用来实现移动端，pc端滑动操作 swiper是一个第三方的库 学习 swiper 官网文档 https://www.swiper.com.cn/ vue中swiper实现 1. 静态数据的第三方库实例化，我们写在mounted中 2. 动态数据的第三方库实例化，我们写在updated中 3. 优化： 1. 做判断条件 2. 异步队列 ...
2019-06-27 18:43:00
250
原创 自定义指令
三、自定义指令 v-html v-text v-for v-if v-else-if v-else v-show v-on v-bind v-model 以上指令可以不够用户使用，所以vue给开发者提供了自定义指令的方式 举例： 比如说 我想要有一个指令，来实现一个自动获得input焦点，或是一个轮播 。。。 有两种自定义指令的使用形式： 全局定义 ---- vue.direc...
2019-06-27 18:42:10
275
原创 过渡效果&&动画
过渡效果 && 动画 官方文档： https://cn.vuejs.org/v2/guide/transitions.html 使用形式 在 CSS 过渡和动画中自动应用 class Vue 提供了 transition 的封装组件，在下列情形中，可以给任何元素和组件添加进入/离开过渡 条件渲染 (使用 v-if) 条件展示 (使用 v-show) 动态组件 组件根节点 ...
2019-06-26 20:31:48
308
原创 过滤器
过滤器 什么是过滤器？ 用来格式化数据的一个函数 vue 1.x 版本:借鉴了 angular , 提供 10 个过滤器， 包括有： 日期 小数点位数保留 货币 大小写 等 Vue 2.x 版本：废弃了这 10个过滤器，但是它提供了自定义过滤器的方式 使用方式 全局定义过滤器 <p> {{ time | timeFilter('/)}} </p> ...
2019-06-26 11:31:11
267
原创 属性验证
属性验证 案例： 价格的增加 ， 拿到的数据必须做验证 props: [ ‘msg’ ] 没有进行验证，知识单纯的接收了一个父组件传递来的数据 props: { attr: attrType } 进行普通属性验证 props: { type: typeType, default: value } 这里的default是为这个属性设置初始值 props: { validator ( val...
2019-06-26 11:30:28
210
原创 slot作用域插槽
slot 作用域插槽 作用/概念: 预先将将来要使用的内容进行保留 具名插槽： 给slot起个名字 注意： 以上两种形式在 vue2.6以上被废弃 为什么要 用 v-slot指令来代替呢？ 经具名插槽和作用域插槽进行统一 要将这两个属性带有 vue的标志，并且符合vue两个最大的特性之一： 指令的概念 要求： 2.6版本前的会，2.6版本后的v-slot也得会 旧： s...
2019-06-26 11:30:00
292
原创 组件通信&&动态组件
组建通信 为什么要进行组件通信 组件可以所示一个具有独立功能的整体，但是当我们要将这些组件拼接在一起时，这些组件相互之间要建立联系，这个联系我们就称之为通信 组件通信的方式有以下几种 父子组件通信 使用props来实现 props 在父组件的模板中将数据用单项数据绑定的形式，绑定在子组件身上 <Son :money = "money"/> 在子组件的配置...
2019-06-26 10:57:16
212
原创 vue两大特性
Vue有两大特性 指令 – 用来操作dom 组件 – 组件是html css js 等的一个聚合体 为什么要使用组件？ 组件化 将一个具备完整功能的项目的一部分进行多处使用 加快项目的进度 可以进行项目的复用 要想实现组件化，那么我们使用的这一部分就必须是完整的，我们把这个完整的整体就称之为组件 当我们使用插件时需要引入： index.html img c...
2019-06-24 16:53:00
1062
原创 虚拟DOM和deff算法
虚拟dom && diff算法 虚拟dom是什么？ 它是一个Object对象模型，用来模拟真实dom节点的结构 虚拟dom的使用基本流程 1.获取数据（ ajax fetch ） var data = { id: 1, name: '毛毛' } 创建vdom /* <div class = "box"> ...
2019-06-24 16:52:11
1043
转载 前端的异步流程
前端的异步流程 传统的原生异步 回调函数 事件 使用异步流程工具（ 别人封装好的东西 ） es6 Promise Promise 是异步编程的一种解决方案，比传统的解决方案–回调函数和事件－－更合理和更强大。它由社区最早提出和实现，ES6将其写进了语言标准，统一了语法，原生提供了Promise 所谓Promise ，简单说就是一个容器，里面保存着某个未来才回结束的事件...
2019-06-22 17:36:52
131
转载 框架级的数据请求
框架级的数据请求 axios ( 第三方库 — 别人封装好的库 ) fetch ( javascript 原生提供 ) vue这边的数据请求的发展 vue-resource ( Vue 以前自己封装使用的请求类库 ) ，但是 vue-resource作者已经放弃更新了 vue-resource 作者推荐我们使用 axios vue-resource 用法 和 axios ...
2019-06-21 20:26:43
119
转载 Vue事件驱动原理
Vue事件驱动原理 数据驱动 当数据发生改变时，视图也会进行更新，这叫做数据驱动，也就是数据驱动视图 深入响应式原理 数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时，视图会进行更新 双向数据绑定原理 当我们使用 v-model 指令绑定了表单元素时，那么我们可以在视图直接获得数据，当视图发生改变时，数据也会进行更新 综上： 三者都是应用了同一个底层原理，这个底层原理由es5...
2019-06-21 20:23:09
1093
转载 前端框架发展历史
前端框架发展历史 M（ Model ） 数据层 V（ View ） 视图层 VM （ViewModel） 视图模型(业务逻辑 P改名得来的） P （ Presenter ） 提出者(Controller改名得来的) C（ Controller ） 控制器(逻辑) Backbone MVP [ 2010/10 ] Angular(...
2019-06-21 20:20:50
1795
原创 node-nextTick-setImmediate题目分析
node-nextTick-setImmediate题目分析 /* Node.js提供的 nextTick setImmediate */ //加入2个nextTick()的回调函数 process.nextTick(*function* () { *console*.log("nextTick延迟执行A"); //1 }); process.nex...
2019-06-21 12:02:01
157
原创 Mac的nvm和nodemon的安装
Mac的nvm和nodemon的安装 Mac 的nvm的安装： 刚开始根据百度的出来的操作安装不了。就搜索了官方文档https://github.com/nvm-sh/nvm； 根据里面的提示跟着安装： 1、要安装或更新 nvm，可以使用cURL 使用安装脚本： curl -o-https：//raw.[githubusercontent.com/nvm-sh...
2019-06-12 10:47:28
3085
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人