随笔分类 - 7_录播课
摘要：VUE课程 24、插件 一、总结 一句话总结： vue里可以自定义插件，在插件里可添加全局方法和属性、添加全局指令、添加实例方法等等操作。 (function (window) { const MyPlugin={}; MyPlugin.install = function (Vue, option
阅读全文
摘要：VUE课程 23、自定义指令 一、总结 一句话总结： vue中指令可以自定义，可以自定义全局指令和局部指令两种，局部指令就在vue实例的directives上添加，全局指令可以直接Vue.directive(指令,回调函数) 1. 注册全局指令 Vue.directive('my-directive
阅读全文
摘要：VUE课程 22、ref获取dom 一、总结 一句话总结： vue中不推荐操作dom，vue操作dom的话可以用vue的$ref属性，例如this.$refs.msg获取ref="msg"的元素 <div id="app"> <p ref="msg">{{msg}}</p> <button @cli
阅读全文
摘要：VUE课程 21、表单输入绑定 一、总结 一句话总结： vue绑定表单数据比较方便，绑定了表单数据之后，可以很方便的用ajax把数据发送到后端 <div id="app"> <form action="" @submit.prevent="handleSubmit"> <div> <label fo
阅读全文
摘要：VUE实例课程 5、vue网格动画 一、总结 一句话总结： vue网格动画可以用<transition-group> 组件、v-move属性、lodash.js来做。 原理就是对元素移动的先后位置加动画。 <transition-group> 组件还有一个特殊之处。不仅可以进入和离开动画，还可以改变
阅读全文
摘要：VUE课程 20、过滤器 一、总结 一句话总结： vue的过滤器有全局过滤器和私有过滤器，过滤器可以过滤一些敏感词汇，也能对时间格式进行过滤。 1、vue全局过滤器和私有过滤器？ 全局过滤器是对所有vue实例都有效的过滤器，语法 Vue.filter(过滤器名称,回调函数) 私有过滤器只对当前vue
阅读全文
摘要：VUE课程 19、动画 一、总结 一句话总结： vue动画有进入和出去两个大状态，设置动画的话用transition原生包裹起来，transition的name属性指定动画的名称 <style> .xxx-enter-active, .xxx-leave-active{ transition: al
阅读全文
摘要：VUE课程 18、生命周期函数 一、总结 一句话总结： 生命周期函数：从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期函数！比如mounted()、beforeDestroy()等 1、生命周期钩子、生命周期函数、生命周期事件 的关系是什么？ 生命周期钩子 =
阅读全文
摘要：VUE实例课程 3、定时显示隐藏元素 一、总结 一句话总结： 定时显示隐藏元素中，定时器函数可以写在mounted中，关闭显示隐藏效果可以用vue的$destroy()方法，可以在beforeDestroy中清除定时器避免内存泄漏 <div id="app"> <p v-show="isShow">
阅读全文
摘要：VUE实例课程 2、收集表单数据 一、总结 一句话总结： vue绑定表单数据比较方便，绑定了表单数据之后，可以很方便的用ajax把数据发送到后端 <div id="app"> <form action="" @submit.prevent="handleSubmit"> <div> <label f
阅读全文
摘要：VUE实例课程 1、计算属性实现列表的搜索和排序 一、总结 一句话总结： 计算属性实现列表的搜索和排序中：计算属性用于搜索的关键字变化之后自动更新列表数组，排序就是指定不同的排序标志，根据不同的排序字段来改变列表元素的顺序 <div id="app"> <label> 搜索名字：<input typ
阅读全文
摘要：VUE疑难问题 2、方法和计算属性的区别 一、总结 一句话总结： VUE中的方法和计算属性可以实现同样的功能，区别就是计算属性有基于响应式依赖的缓存（也就是计算属性依赖的数据改变缓存才会改变），而方法没有，需要缓存的话就用计算属性。 <div id="app"> <p>Original messag
阅读全文
摘要：laravel疑难问题 5、laravel的api开发 一、总结 一句话总结： 写api的路由在routes文件夹下的api.php里面，访问的话记得在域名和路由中间接上api，例如 api.com/api/news <?php use Illuminate\Http\Request; use Il
阅读全文
摘要：JS数组常用方法 14、2个归并方法 一、总结 一句话总结： ES5中的归并方法有reduce()和reduceRight()，reduce() 方法对数组中的每个元素执行一个由您提供的reducer函数(升序执行)，将其结果汇总为单个返回值。reduce方法可做的事情特别多，就是循环遍历能做的，r
阅读全文
摘要：JS数组常用方法 21、includes() 一、总结 一句话总结： includes() 方法用来判断一个数组是否包含一个指定的值，如果包含则返回 true，否则返回false。参数是必带的valueToFind，和可选的fromIndex。includes() 方法和indexOf方法有点像，不
阅读全文
摘要：JS数组常用方法 19、fill() 一、总结 一句话总结： fill()方法用一个固定值填充一个数组中从起始索引到终止索引内的全部元素。不包括终止索引。参数有必带参数value，可选参数起始索引和终止索引，返回值是修改后的数组，影响原数组 作用：fill()方法用一个固定值填充一个数组中从起始索引
阅读全文
摘要：JS数组常用方法 18、find()和findIndex() 一、总结 一句话总结： find() 方法返回数组中满足提供的测试函数的第一个元素的值。否则返回 undefined。参数是回调函数。 findIndex()方法返回数组中满足提供的测试函数的第一个元素的索引。否则返回-1。参数是回调函数
阅读全文
摘要：JS数组常用方法 17、Array.of()方法 一、总结 一句话总结： Array.of()方法的作用是将一组值转变为数组，参数是要转换成数组的值，返回值是新的数组实例 Array.of() 作用：将一组值转变为数组 参数：要转换成数组的值，elementN 返回值：新的数组实例 let arr=
阅读全文
摘要：JS数组常用方法 16、Array.from()方法 一、总结 一句话总结： Array.from()方法的作用是将类数组或可迭代对象转换为数组，比如String、Map、伪数组等，必带的参数是arrayLike（想要转换成数组的伪数组对象或可迭代对象），Array.from()方法的返回值是新的数
阅读全文
摘要：JS数组常用方法 13、5个迭代方法 一、总结 一句话总结： es5中新增了5个迭代方法，分别是forEach（遍历数组），map（遍历加工数组），filter（遍历过滤数组），some（遍历检测部分元素是否满足条件），every（遍历检测是否全部元素满足条件） forEach() 作用：遍历数组
阅读全文
浙公网安备 33010602011771号