2018年06月_littlebirdflying

原创 vue.js基础知识整理

1. Vue 实例1.1 创建一个Vue实例一个 Vue 应用由一个通过 new Vue 创建的根 Vue 实例，以及可选的嵌套的、可复用的组件树组成。demo1.2 数据与方法数据的响应式渲染当一个 Vue 实例被创建时，它向 Vue 的响应式系统中加入了其 data 对象中能找到的所有的属性。当这些属性的值发生改变时，视图将会产生“响应”，即匹配更新为新的值。(...

2018-06-29 20:35:53 1574

css预处理技术已经发展的比较成熟了，通过css预处理技术可以很好的提升css的编程性，提高css代码的开发效率和可维护性，目前比较热门的相关技术有Sass、Less CSS、Stylus、Compass等Less是一种动态样式语言，属于css预处理语言的一种。它使用类似CSS的语法为CSS的赋予了动态的特性，如变量、继承、运算、函数等，更方便css的编写和维护实现css模块化。less 可以...

2018-06-22 09:25:48 8973

原创在vue项目中使用elementUI

1. 官方文档http://element-cn.eleme.io/#/zh-CN2. 安装在vue项目目录下，执行 npm i element-ui -S3. 引入在项目中按照说明引入，在main.js中，引入elementUI(这里选完整引入，省心) 4. 使用选择自己需要的组件，复制到vue项目中即可 ...

2018-06-20 16:03:35 3358

原创 JavaScript中的数组去重

1. for循环+indexOf()声明一个新数组，把数组中没有的元素push进去function unique(arr){ var newArr = [] var item var len = arr.length for(var i = 0; i < len; i++){ item = arr[i]; if(newArr.indexOf(i...

2018-06-20 09:14:14 220

原创使用vue-cli创建项目模板

打开终端（我用的是git bash,windows下） cd ~/Desktop npm install -g vue-cli 全局安装 vue-cli vue init webpack blog-client 提示（vue命令不能使用，网上有其他解决办法，这里不使用）参...

2018-06-19 22:34:18 545

原创 Vue中v-if和v-show的使用场景

1. 官方文档https://cn.vuejs.org/v2/guide/conditional.html#v-if-vs-v-show2. v-if 和 v-show 的区别2.1 官方解释v-if 是“真正”的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。 v-if 也是惰性的：如果在初始渲染时条件为假，则什么也不做——直到条件第一...

2018-06-17 12:43:17 6316

原创适配手机页面布局的动态rem方案

1. 基础概念em:一个汉字宽 rem:根元素(<html>元素)的font-size chrome浏览器的font-size默认值16px (注意：最小是12px，再小无效) rem和em的区别？没什么关系 1em = 本身元素的font-size（可以这样理解，不过不准确） 1rem = 根元素的font-size的大小2. 动态 rem 方案由于手机屏幕...

2018-06-13 17:24:26 281

原创 Vue中的组件通信-初步了解

1. 父子组件1.1 父组件传数据给子组件通过props 1.2 子组件通知父组件通过$emit发布事件，父组件通过v-on（@）监听事件，然后做出更改。 2. 爷孙组件爷孙组件无法直接通信，可转换成父子组件进行通信，利用props和$emit进行连接。3. 兄弟组件可以通过eventHub来实现通信. 结合emit和emit和emit和on进行...

2018-06-11 11:15:54 140

原创 JavaScript中字符串的常见api操作（偏ES5）

1. api简单汇总1.1 string相关操作汇总获取字符串长度 str.length 分割字符串 str.split() 拼接字符串 str1+str2 或 str1.concat(str2) 替换字符串 str.replace(“玩游戏”,”好好学习”) 提取子字符串 str.slice(start, end)或str.substring(start,end)或myStr...

2018-06-01 06:51:19 1507

littlebirdflying的博客