摘要： Vue使用了基于HTML的模板语法，允许开发者声明式地将DOM绑定至底层Vue实例的数据。所有Vue的模板都是合法的HTML，所以能被遵循规范的浏览器和HTML解析器解析。 在前面，我们一直使用的是{{}}的形式渲染文本，但是除此方法之外，vue还提供了其他几种常见的文本渲染方式： v-text：更 阅读全文

摘要： 在JavaScript中，数组常常被用到，自然数组去重在项目中就会经常碰到了，本文总结了一些常见的数组去重方法。 ES6 Set去重 这种方法不会改变原数组，但是不能去掉重复的“{}” ES5中的splice 这种方法利用双层循环，外层循环元素，内层循环时比较值。值相同时，则删去这个值。在对数组进行 阅读全文

摘要： 我们可以用 v-on 指令绑定一个事件监听器，通过它调用我们 Vue 实例中定义的方法： say(message){ this.test = message; alert(this.test); }, say(message){ this.test = message; alert(this.tes 阅读全文

摘要： grid + template 利用CSS Grid的template功能，仅需要把模板设置成三列，就能搞定垂直居中。适用于未知高度的多行文字的垂直居中。 Grid + align-items 在Flex中align-items是针对次轴cross axis作对齐。而在CSS Grid中则是针对Y轴 阅读全文

摘要： line-height 该方法适用于单行文字垂直居中 line-height + inline-block 将多个元素或多行元素当成一个行元素来看待，需要将这些数据多包一层，并将其设定为inline-block，并在该inline-block对象的外层对象使用inline-block来代替heigh 阅读全文

摘要： vue.js 的循环渲染是依赖于 v-for 指令，它能够根据 vue 的实例里面的信息，循环遍历所需数据，然后渲染出相应的内容。它可以遍历数组类型以及对象类型的数据，js 里面的数组本身实质上也是对象，这里遍历数组和对象的时候，方式相似但又稍有不同。 对象遍历 value 是遍历得到的属性值，ke 阅读全文

摘要： v-if v-if主要用来进行条件渲染。 v-if的简单用法如上面所示，当值为true时进行渲染，当值为false时，页面中不会进行渲染。 v-else和v-else-if 我们可以使用 v-else 指令来表示 v-if 的“else 块”，v-else 元素必须紧跟在 v-if 或者 v-els 阅读全文

摘要： 上一篇文章总结了v-bind的用法，我们发现v-bind实现了数据的单向绑定，将vue实例中的数据同元素属性值进行绑定，今天我们将总结vue中的数据双向绑定v-model。 v-model实现双向绑定主要是通过v-bind绑定一个value属性 ，然后再使用v-on指令给当前元素绑定input事件， 阅读全文

摘要： 接触Vue已经有很长一段时间了，后来因为工作的原因，已经有差不多一年的时间没有碰过它了，害怕时间久，自己就完全忘记了，所以还是想抽出一点时间将以前的知识整理一下。 刚接触vue的时候，觉着最神奇的地方莫过于vue的数据绑定了，今天要总结的就是vue中常用的属性绑定v-bind。 上面展示的是v-bi 阅读全文

摘要： 虽然react native出来了很久，但是自己一直因为各种原因没有接触学习，中间尝试过一次，但是因为复杂的环境配置而放弃了。现在，终于因为公司的项目不得不去学习了，当然了，再配置开发环境上面，我还是懵懵的，网上找各种帖子，东拼西凑，还多次询问别人才好不容易把环境搭出来的，但是今天并不是为了说明我是 阅读全文