clover____-优快云博客

原创 props属性的验证

1. props属性验证注意：还是会正常的运行代码，只是对数据类型进行验证，判断是否有误常用形式： props: { key: keyType // key是从父组件获得的自定义属性，值是我们期望得到的数据类型 } 如下所示：报错：需求：我现在想要 > 1000 我才要，没有 > 1000 我就不要解决： vue提供了一个：validator pro...

2019-04-23 21:42:48 4864

原创组件的生命周期

首先，我们一起了解一下，钩子是什么？钩子函数，就是options里面的key, 它的值是函数钩子函数写在其他配置项的后面组件有那几个阶段？初始化阶段运行中阶段销毁阶段 1.1 初始化阶段分为两个大阶段，每一个大阶段包含两个生命周期钩子函数 ---- 生命周期 --》人的一生钩子函数 --》（人在某个阶段做的一些事情，这些事情是自动触发）有那四个钩子函数呢？每个钩子函数有...

2019-04-23 21:29:21 1270

原创 vue组件

组件的全局注册：注册的标准写法： var Hello = Vue.extend({ template: '<div> hello component </div>' }) Vue.component('Hello',Hello) 简写： Vue.component(组件名称，组件的配置项) Html: <div id="app"> <Hel...

2019-04-21 13:27:42 149

原创 vue中列表渲染中的key的作用

VDOM(虚拟DOM)是惰性的，它有一个原则，这个原则叫做’就地复用’ , 它认为我的第一个就是红色的，删除了第二个之后，第二个就变成了第一个，它印象中第一个是红的，所以就我们认为的第二个变成红的了解决：使用key属性使用： <li v-for = " (item,index) in list " :key = "item.id"> 注意：优先使用数据中能够识别...

2019-04-19 22:02:43 1747 1

原创 mixins

mixins 概念： mixins：混合 ,将根实例或是组件中的配置项抽离出来，单独管理类型 A：局部混入 var mixin = { methods: { sum(){ alert( 10*10 ) } }, } new Vue({ el: '#app', data: {}, watch: {}, mixins: [mixin], computed: {} ...

2019-04-19 21:59:42 1542

原创 vue深入响应式原理

vue深入响应式原理数据模型 —》 vm（创建的实例 new Vue()）中的data选项状态管理什么叫做状态？什么叫做状态管理？我们使用一个数据去管理视图中的一个部分，那么这条数据就叫做状态，这种管理模式就叫做状态管理对象的创建： var obj = {} var obj = new Object() 深入响应式原理：当视图模型（VM）中的数据模型（M）发生改变时， ...

2019-04-19 21:51:31 340

原创 vue的基础介绍

2.1 模板语法 alert 和 console.log不能用原因：因为vue中的this指向vue的实例，所以在浏览器中无法输出 eg:{{this.msg}} if条件改成使用三元表达式方法一定要写在methods里面，不要直接写在模板语法中模板语法中支持使用匿名函数可以直接写 2.2 列表渲染 v-for指令: html: <ul id="example-1"> &...

2019-04-17 21:07:16 163 1

文章目录前端开发规范文档一、WXML 规范1. 属性顺序(不必要的情况下)2. `id` / `class` 命名规则3. WXML 注释规范二、`CSS` 规范属性顺序选择器属性使用缩写去掉小数点前面的 0三、 `JS` 规范1. 语言规范2. 使用分号3. 块内函数声明4. 关于循环4.1 `forEach`4.2 `map`4.3 `for-in`4.4 `for-of`5. 命名规范6. ...

2019-04-16 11:56:55 247

原创前端异步流程——promise与gengerator和async的区别

1.promise: 通过new Promise() 参数是一个回调函数，回调函数中有两个参数（resolve reject） resolve也是一个函数，函数中接收参数，参数为任务 resolve 中任务主线程，而then中任务是放在异步队列中的，执行在主线程之后 Promise对象的api then(callback) catch(cb) all r...

2019-04-15 17:13:35 381

原创 MongoDB数据库——增，删，改，查

添加 db.coll_name.save({}) 推荐 db.coll_name.insertOne({}) db.coll_name.insert({}) 创建students数据库 > use students switched to db students 检查当前使用的数据库 > db students 检查数据库列表 > show dbs local ...

2019-04-10 22:20:50 130

原创 MongoDB数据库

1. 什么是数据库数据库(Database)是按照数据结构来组织、存储和管理数据的仓库，它产生于距今六十多年前，随着信息技术和市场的发展，特别是二十世纪九十年代以后，数据库技术得到了更加快速的发展，应用得更加广泛。主要用它进行管理各种系统的数据，作为科学研究和决策的重要技术手段。 2. 数据库的分类关系型数据库：Access mySql SqlServer oracle db2等非...

2019-04-10 21:57:23 296