- 博客(22)
- 收藏
- 关注
RSS订阅
原创 使用vue时遇到的错误（ 持续更新局 ）
使用vue时遇到的错误（ 持续更新局 ）1、[Vue warn]: Failed to generate render function:ReferenceError: Invalid left-hand side in assignment inwith(this){return _c(‘div’,{attrs:{“id”:“app”}},[_c(‘div’,{staticClass:“p...
2019-06-21 20:24:59
1458
原创 启动之后打开页面报错 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
1674
1
原创 webpack
Webpack一、市面上有哪些类似于Webpack的前端工程化工具gruntgulp ( 4.x )Browserify ( Webpack 前身 )Webpack 【 主流行 】rollup.jsparcelFIS二、前端工程化工具的发展历程gruntgulp ( 4.x ) 流的操作 .pipe()Browserify ( Webpack ...
2019-06-28 16:58:05
193
原创 cli
cli什么是cli?cli是vue提供的一个用来快速构建项目环境的一个工具，底层使用的是webpackcli目前有哪些版本？cli2 cli3cli3对电脑的配置有一定要求cli如何使用？cli的安装npm/cnpm/yarn 都可以使用$ yarn add @vue/cli global 这个是cli3的版本如果我们还想使用cli2的脚手架，那么我...
2019-06-28 11:00:35
151
原创 生命周期
生命周期什么是生命周期？vue中的生命周期指的是 组件 从创建到销毁一个过程，在这个过程中，我们在每一个特定的阶段会触发一些方法（ 这些方法具备一些功能），我们给这些方法起了个名字叫做（ 生命周期钩子函数/ 组件钩子 ）为什么要学习生命周期？因为我们想在生命周期钩子中实现项目功能，那么我们必须知道每一个钩子函数的具体用途这个生命周期是谁的生命周期？组件项目中生命周期...
2019-06-27 18:43:48
665
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
223
原创 自定义指令
三、自定义指令v-htmlv-textv-forv-ifv-else-ifv-elsev-showv-onv-bindv-model以上指令可以不够用户使用，所以vue给开发者提供了自定义指令的方式举例： 比如说 我想要有一个指令，来实现一个自动获得input焦点，或是一个轮播 。。。有两种自定义指令的使用形式：全局定义 ---- vue.direc...
2019-06-27 18:42:10
253
原创 过渡效果&&动画
过渡效果 && 动画官方文档：https://cn.vuejs.org/v2/guide/transitions.html使用形式在 CSS 过渡和动画中自动应用 classVue 提供了 transition 的封装组件，在下列情形中，可以给任何元素和组件添加进入/离开过渡条件渲染 (使用 v-if)条件展示 (使用 v-show)动态组件组件根节点...
2019-06-26 20:31:48
274
原创 过滤器
过滤器什么是过滤器？ 用来格式化数据的一个函数vue 1.x 版本:借鉴了 angular , 提供 10 个过滤器， 包括有： 日期 小数点位数保留 货币 大小写 等Vue 2.x 版本：废弃了这 10个过滤器，但是它提供了自定义过滤器的方式使用方式全局定义过滤器 <p> {{ time | timeFilter('/)}} </p> ...
2019-06-26 11:31:11
244
原创 属性验证
属性验证案例： 价格的增加 ， 拿到的数据必须做验证props: [ ‘msg’ ] 没有进行验证，知识单纯的接收了一个父组件传递来的数据props: { attr: attrType } 进行普通属性验证props: { type: typeType, default: value } 这里的default是为这个属性设置初始值props: { validator ( val...
2019-06-26 11:30:28
185
原创 slot作用域插槽
slot 作用域插槽作用/概念: 预先将将来要使用的内容进行保留具名插槽： 给slot起个名字注意： 以上两种形式在 vue2.6以上被废弃为什么要 用 v-slot指令来代替呢？经具名插槽和作用域插槽进行统一要将这两个属性带有 vue的标志，并且符合vue两个最大的特性之一： 指令的概念要求： 2.6版本前的会，2.6版本后的v-slot也得会旧： s...
2019-06-26 11:30:00
261
原创 组件通信&&动态组件
组建通信为什么要进行组件通信组件可以所示一个具有独立功能的整体，但是当我们要将这些组件拼接在一起时，这些组件相互之间要建立联系，这个联系我们就称之为通信组件通信的方式有以下几种父子组件通信使用props来实现props在父组件的模板中将数据用单项数据绑定的形式，绑定在子组件身上 <Son :money = "money"/>在子组件的配置...
2019-06-26 10:57:16
183
原创 vue两大特性
Vue有两大特性指令 – 用来操作dom组件 – 组件是html css js 等的一个聚合体为什么要使用组件？组件化将一个具备完整功能的项目的一部分进行多处使用加快项目的进度可以进行项目的复用要想实现组件化，那么我们使用的这一部分就必须是完整的，我们把这个完整的整体就称之为组件当我们使用插件时需要引入： index.html img c...
2019-06-24 16:53:00
1031
原创 虚拟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
1011
转载 前端的异步流程
前端的异步流程传统的原生异步回调函数事件使用异步流程工具（ 别人封装好的东西 ）es6 Promise Promise 是异步编程的一种解决方案，比传统的解决方案–回调函数和事件－－更合理和更强大。它由社区最早提出和实现，ES6将其写进了语言标准，统一了语法，原生提供了Promise 所谓Promise ，简单说就是一个容器，里面保存着某个未来才回结束的事件...
2019-06-22 17:36:52
99
转载 框架级的数据请求
框架级的数据请求axios ( 第三方库 — 别人封装好的库 )fetch ( javascript 原生提供 )vue这边的数据请求的发展vue-resource ( Vue 以前自己封装使用的请求类库 ) ，但是 vue-resource作者已经放弃更新了vue-resource 作者推荐我们使用 axiosvue-resource 用法 和 axios ...
2019-06-21 20:26:43
98
转载 Vue事件驱动原理
Vue事件驱动原理数据驱动当数据发生改变时，视图也会进行更新，这叫做数据驱动，也就是数据驱动视图深入响应式原理数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时，视图会进行更新双向数据绑定原理当我们使用 v-model 指令绑定了表单元素时，那么我们可以在视图直接获得数据，当视图发生改变时，数据也会进行更新综上： 三者都是应用了同一个底层原理，这个底层原理由es5...
2019-06-21 20:23:09
1039
转载 前端框架发展历史
前端框架发展历史M（ Model ）数据层V（ View ）视图层VM （ViewModel）视图模型(业务逻辑 P改名得来的）P （ Presenter ）提出者(Controller改名得来的)C（ Controller ）控制器(逻辑)BackboneMVP [ 2010/10 ]Angular(...
2019-06-21 20:20:50
1760
原创 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
136
原创 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
3044
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人