随笔分类 - 7_录播课
摘要：VUE课程 10、跑马灯效果 一、总结 一句话总结： 跑马灯效果的逻辑就是不断的将字符串的第一个字符挪到字符串最后面，可以用定时器来做，涉及到vue的知识点就是事件绑定 <div id="app"> <p v-text="msg"></p> <div> <button @click="lang">浪
阅读全文
摘要：VUE课程 9、事件绑定v-on 一、总结 一句话总结： vue模板中可以通过v-on来绑定事件，比如click点击事件等等，事件要使用的方法可以定义在vue对象的配置对象的methods属性中 <div id="app"> <button v-on:click="show">点我有惊喜</butt
阅读全文
摘要：VUE课程 8、属性绑定v-bind 一、总结 一句话总结： v-bind是vue中绑定属性的指令，可以将标签里面的属性绑定vue里面的数据，v-bind: 指令可以被简写为 :要绑定的属性 <div id="app"> <p v-bind:title="myTitle">{{msg}}</p> <
阅读全文
摘要：VUE课程 7、解决插值表达式闪烁问题 一、总结 一句话总结： vue中解决插值表达式闪烁问题，可以用v-cloak指令，v-cloak在css中用属性选择器设置为display: none; <style> /*属性选择器*/ [v-cloak]{ display: none; } </style
阅读全文
摘要：VUE课程 6、v-text和v-html指令 一、总结 一句话总结： v-text：以文本的方式来插入数据 v-html：以html标签的方式来插入数据 <div v-text="msg"></div> <div v-html="msg2"></div> 1、v-text指令和插值表达式的区别？
阅读全文
摘要：VUE课程 5、vue devtools 一、总结 一句话总结： vue devtools作用：vue devtools是vue的开发工具，可以很方便的检测出vue中间数据的变化 vue devtools注意：vue devtools在vue的开发环境（vue.js）中才可以用，生产环境（vue.m
阅读全文
摘要：VUE课程 4、MVVM原理 一、总结 一句话总结： 第一个m是Model，数据模型，就是用来获取数据的 第二个v是View，也就是视图，数据肯定是要在视图里面展示的 第三个vm是ViewModel，也就是视图模型，也就是vue实例的部分，也就是做dom监听和数据绑定 1、mvvm中的vm层的意义？
阅读全文
摘要：VUE课程 3、VUE最简单双向数据绑定实例 一、总结 一句话总结： vue的双向数据绑定可以通过v-model指令：例如<input type="text" v-model="msg2">，这样vue对象可以在input的值发生变化的时候同步的去更新vue对象数据里面msg2的内容 <div id
阅读全文
摘要：VUE课程 2、VUE最简单实例 一、总结 一句话总结： 1、引入Vue.js：<script src="vue.js"></script> 2、创建Vue对象：var app = new Vue({}); 3、在模板中使用数据：{{ message }} 1、引入Vue.js <script sr
阅读全文
摘要：VUE课程参考 4、解决插值表达式闪烁问题 一、总结 一句话总结： vue中解决插值表达式闪烁问题，可以用v-cloak指令，v-cloak在css中用属性选择器设置为display: none; <style> /*属性选择器*/ [v-cloak]{ display: none; } </sty
阅读全文
摘要：VUE课程参考 3、VUE模板语法 一、总结 一句话总结： 在vue模板里面解析数据，可以用大括号表达式，比如{{msg}}，也可以用指令，比如v-html（以html标签方式插入文本），v-text（以文本方式插入文本）等 <div id="app"> <p>{{msg}}</p> <p>{{ms
阅读全文
摘要：VUE课程参考 5、属性绑定v-bind 一、总结 一句话总结： v-bind是vue中绑定属性的指令，v-bind中可以写合法的js表达式，v-bind: 指令可以被简写为 :要绑定的属性 <div id="app"> <!-- <p title="123">{{msg}}</p>--> <!--
阅读全文
摘要：VUE课程 1、VUE课程介绍 一、总结 一句话总结： vue.js是目前前端最火的框架，不仅可以开发网站，还可以开发移动app，插件和对应的UI库也都非常多 1、vue特点？ 双向数据绑定：用户不在需要操作dom 虚拟dom：提高渲染性能 组件化开发：便于组件管理和复用，提高开发效率 a、双向数据
阅读全文
摘要：JS数组常用方法 3、pop方法使用及原理 一、总结 一句话总结： pop方法的作用是删除数组最后一个元素，并返回该元素的值，pop方法不需要参数，返回值是删除的元素的值，pop方法影响原数组 pop方法 作用：删除数组最后一个元素，并返回该元素的值 参数：没有参数 返回值：删除的元素的值 是否影响
阅读全文
摘要：JS数组常用方法 6、reverse方法 一、总结 一句话总结： reverse方法的作用是将数组反序，不需要参数，返回值是反序的数组，影响原数组，并且返回值指向原数组 作用：将数组反序 参数：不需要参数 返回值：反序的数组，指向原数组 是否影响原数组：影响 //1、reverse方法颠倒数组中的元
阅读全文
摘要：JS数组常用方法 2、push方法使用及原理 一、总结 一句话总结： push方法的作用是向数组末尾添加一个或多个元素，参数是要push到数组的元素，返回值是数组新的长度，push方法会影响原数组 push方法的原理就是动态的获取传递给push方法的参数，然后依次循环遍历的加到原数组后面 push方
阅读全文
摘要：JS数组常用方法参考 2、栈对应的方法 一、总结 一句话总结： 栈是先进后出的结构，栈对应的方法有入栈和出栈，入栈的方法就是push，出栈的方法就是pop 1、push方法？ push方法的作用是向数组末尾添加一个或多个元素，参数是element1, ..., elementN，返回值是数组新的长度
阅读全文
摘要：JS数组常用方法参考 5、sort方法 一、总结 一句话总结： sort方法的作用是对数组进行排序，参数可以不带，也可以带一个排序函数，返回值是排序好的数组，sort方法会影响原数组，返回值的数组指向原数组 作用：对数组进行排序 参数：一个可选的排序函数 返回值：排序后的数组，指向原数组 是否影响原
阅读全文
摘要：JS数组常用方法参考 3、队列对应的方法 一、总结 一句话总结： 队列是先进先出的结构，有入队操作和出队操作两个方法，需要在队尾加元素（push方法），队头删元素（shift方法） 1、shift方法？ shift方法的作用是从数组中删除第一个元素，没有参数，返回值是删除的元素的值，影响原数组 作用
阅读全文
摘要：JS数组常用方法参考 4、unshift方法 一、总结 一句话总结： unshift方法的作用是将一个或多个元素添加到数组的开头，参数是element1, ..., elementN，返回值是数组新的长度，影响原数组，和push方法很像，push方法是在数组的最后添加一个或多个元素 作用：将一个或多
阅读全文
浙公网安备 33010602011771号