随笔分类 - 7_录播课
摘要：JS数组常用方法 1、课程介绍 一、总结 一句话总结： js数组常用的方法，无论是面试笔试还是日常的开发中，都用到的特别多。参考文档可以去参考MDN上的Javascript部分。 1、如何理解 "数组的方法在数组的原型上" 这句话？ 数组里面的内容就是我们存在数组里面的值，调用数组的方法的时候，数组
阅读全文
摘要：ES6课程 12、面向对象 一、总结 一句话总结： ES6中面向对象的写法就是普通的后端语言面向对象的写法，定义类用class关键字，继承通过extends关键字 //需求 //创建Animal类（name属性，say方法） //创建Animal类的子类Bird类（age属性，fly方法） clas
阅读全文
摘要：ES6课程 11、promise对象实例 一、总结 一句话总结： promise使用的时候将异步函数（比如ajax）放在Promise对应的构造函数中，并且通过resolve和reject回调函数设置promise状态并且传递异步操作数据，可以用promise的实例的then方法来接收resolve
阅读全文
摘要：ES6课程 10、promise对象 一、总结 一句话总结： promise对象是用来进行异步操作的，是将异步操作以同步的流程表达出来, 避免了层层嵌套的回调函数，promise对象的本质是状态机，通过设定不同的状态来执行不同的操作 //创建一个promise实例对象 let promise = n
阅读全文
摘要：javascript疑难问题 18、回调函数做异步操作 一、总结 一句话总结： 回调函数做异步操作可以通过回调函数来获取异步操作的返回值 function async_fun(param,callback){ setTimeout(()=>{ callback('参数：'+param); //ret
阅读全文
摘要：javascript疑难问题 17、js中in关键字使用总结 一、总结 一句话总结： 1、判断索引或属性名是否在数组或对象中 2、做循环遍历（遍历数组或者对象） 3、in关键字在vue的v-for指令中做循环 1、判断索引或属性名是否在数组或对象中 //1、判断数组中是否有对应索引 let arr=
阅读全文
摘要：javascript疑难问题 16、类数组对象转换成数组 一、总结 一句话总结： 1、Array的slice方法，例如：Array.prototype.slice.call(arguments); 2、Array.from()，例如：let arr = Array.from(arguments);3
阅读全文
摘要：javascript疑难问题 15、类数组对象 一、总结 一句话总结： 类数组对象就是和数组一样是通过数字下标来访问元素，也有length属性，但是没有数组的那些方法，比如函数中的arguments function f1() { console.log(arguments); console.lo
阅读全文
摘要：ES6课程 6、解构赋值 一、总结 一句话总结： 1、解构赋值就是从对象或数组中提取数据, 并赋值给变量(多个)，也就是对数组或对象的批量赋值 2、对象的解构赋值：把对象的属性name和age对应的值分别赋值给变量name和age：let {name, age} = {name:'fry', age
阅读全文
摘要：VUE疑难问题 3、vue结构图 一、总结 一句话总结： vuex中的state帮外部组件管理数据，mutations负责修改state中的数据，actions负责执行外部组件的方法并且操作vuex中的mutations来更新state，getters对state数据进行修饰方便外部组件调用 1、v
阅读全文
摘要：VUE实例课程 42、counter实例_vuex_简写 一、总结 一句话总结： 可以用mapState、mapActions、mapGetters等来代替this.$store.state、this.$store.dispatch、this.$store.getters等，这样可以极大的简化代码
阅读全文
摘要：VUE实例课程 40、counter实例 一、总结 一句话总结： counter实例就是用vue组件的方式做的计数小实例，把数据放在组件的data中，computed修饰数据，methods中放操作数据的方法 <template> <div> <div>click {{count}} times,
阅读全文
摘要：VUE实例课程 41、counter实例_vuex 一、总结 一句话总结： 将counter实例中的数据放到vuex中管理起来，组件需要数据的时候就直接从vuex中拿，修改数据的话就就通过actions和mutations来修改vuex中的数据 1、vuex中的state、mutations、act
阅读全文
摘要：前端性能优化 4、apache服务器开启gzip压缩 一、总结 一句话总结： 在apache的配置文件httpd.conf中开启mod_deflate和mod_headers模块，并且在这个配置文件的最后加上deflate_module模块相关代码 LoadModule deflate_module
阅读全文
摘要：VUE实例课程 30、watch监听路由地址的改变 一、总结 一句话总结： 直接使用watch属性监听$route.path的改变即可，例如$route.path是'/login'表示登录页面 watch: { // this.$route.path '$route.path': function
阅读全文
摘要：VUE实例课程 8、列表动画 一、总结 一句话总结： 列表动画 也就是对列表使用动画，需要transition-group、v-move等知识点配合使用，列表动画记得对v-for设置 :key 属性 <style> li { border: 1px dashed #999; margin: 5px;
阅读全文
摘要：VUE实例课程 7、动画钩子函数 一、总结 一句话总结： 动画钩子函数也就是用函数（用js控制css）来操作动画，动画钩子函数中可以更加方便的操作动画，比如只实现半场动画，像物品添加到购物车的动画 <div id="app"> <!-- 1. 使用 transition 元素把 小球包裹起来 -->
阅读全文
摘要：VUE实例课程 6、使用第三方类库实现动画 一、总结 一句话总结： 可以使用第三方类库实现动画，比如animate.css，可以分别给enter-active-class和leave-active-class设置类，可以:duration设置动画持续时间 <!-- :duration="毫秒值" 可
阅读全文
摘要：VUE课程 26、组件 一、总结 一句话总结： 前端组件化开发，可以便于组件的管理和复用。组件可以定义全局组件和私有组件。 1、vue中如何定义全局组件？ 直接在全局的 Vue.component 上定义 <mycom1></mycom1> <template id="tmpl"> <div> <h
阅读全文
摘要：VUE课程 25、发ajax请求 一、总结 一句话总结： vue发ajax包可以用axios包，操作也是比较简单，直接照着文档操作即可 methods:{ getNews:function () { _vue=this; //console.log(_vue); axios.post('http:/
阅读全文
浙公网安备 33010602011771号