摘要: JSONP原理 html页面: <script> function getData(data){ console.log(data); } </script> <script src="跨域地址?callback=getData"> PHP页面: <?php echo $_GET["callback 阅读全文
posted @ 2019-12-30 14:51 前端开发小菜鸡 阅读(258) 评论(0) 推荐(0) 编辑
摘要: 防抖:假设时间为1秒。函数调用需等待1秒,如果这1秒钟内又再次调用,那么在第一次调用和第二次调用的事件再加上1秒,才会执行。 节流:假设时间为1秒。那么1秒钟之内无论调用多少次,只会触发一次,下一次需要等到一秒后。 防抖:主要核心利用定时器。1秒之内调用定时器时间重置。 节流1:利用时间戳 节流2: 阅读全文
posted @ 2019-12-19 09:12 前端开发小菜鸡 阅读(297) 评论(0) 推荐(0) 编辑
摘要: 总结: 阅读全文
posted @ 2019-12-18 19:33 前端开发小菜鸡 阅读(1663) 评论(0) 推荐(0) 编辑
摘要: 今天造Vue轮播图组件轮子的时候最后一个BUG是切换导致轮播图空白。 后来网上查阅相关信息后,确定应该是window的foucus和blur的问题然后一个初始化方法解决问题。 timer为定时器,通过对焦开启定时器,失去焦点关掉定时器,可以解决。 阅读全文
posted @ 2019-12-17 15:46 前端开发小菜鸡 阅读(636) 评论(0) 推荐(0) 编辑
摘要: 为什么要进行封装? 如果有一天,100个组件都采用了axios的直接引入,而不是放到一个文件夹,都从这个文件中引入。一旦axios不再维护,或者要换其他请求框架,那么就要改100处。而封装之后只需要修改一处即可完成任务,大大减少了搬砖时间。 第一种、第二种都采用回调函数的封装 第二种: 第三种采用r 阅读全文
posted @ 2019-12-16 01:44 前端开发小菜鸡 阅读(266) 评论(0) 推荐(0) 编辑
摘要: vue-cli脚手架使用runtime-only和runtime + compiler的两种选择 runtime-only编译过程:render -> Virtual DOM -> UI runtime + compiler 编译过程: template -> AST(抽象语法树) -> rende 阅读全文
posted @ 2019-12-11 13:27 前端开发小菜鸡 阅读(1092) 评论(1) 推荐(0) 编辑
摘要: 引入Vue后,发现报错了 它的意思是说当前是runtime-only无法编译模板,这里我们需要使用runtime-compiler,使用runtime-only使用的是vue.runtime.js文件,无法编译模板,所以需要修改成使用runtime-compiler(vue.esm.js文件) 方案 阅读全文
posted @ 2019-12-10 15:50 前端开发小菜鸡 阅读(995) 评论(0) 推荐(0) 编辑
摘要: 需求:子组件通过v-model修改子组件内部的props,并且上面的输入框输入的数字是下面输入框响应式的变成上面输入框的100倍,如果输入的是下面的自然就成了上面的100倍 例子: 在Vue实例data{}中定义两个变量,变量通过子组件的props接收,刚开始采用v-model控制台报错,让我不要直 阅读全文
posted @ 2019-12-09 14:50 前端开发小菜鸡 阅读(218) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2019-11-29 16:43 前端开发小菜鸡 阅读(211) 评论(0) 推荐(0) 编辑
摘要: es6方法:不需要“,”分割 继承:extends继承xx类。 super()调用父类的构造函数或普通函数 super关键字: this的指向!! 阅读全文
posted @ 2019-11-29 16:25 前端开发小菜鸡 阅读(112) 评论(0) 推荐(0) 编辑