05 2020 档案

使用require.context实现前端工程自动化
摘要：require.context是什么 一个webpack的api,通过执行require.context函数获取一个特定的上下文,主要用来实现自动化导入模块,在前端工程中,如果遇到从一个文件夹引入很多模块的情况,可以使用这个api,它会遍历文件夹中的指定文件,然后自动导入,使得不需要每次显式的调用i 阅读全文
posted @ 2020-05-28 11:25 KG-work-space 阅读(146) 评论(0) 推荐(0)
bind方法源码
摘要：'use strict'; module.exports = function bind(fn, thisArg) { return function wrap() { var args = new Array(arguments.length); for (var i = 0; i < args. 阅读全文
posted @ 2020-05-26 19:59 KG-work-space 阅读(211) 评论(0) 推荐(0)
vue v-model原理实现
摘要：v-model的实现原理： 基础用法： v-model 本质上不过是语法糖，可以用 v-model 指令在表单 <input>、<textarea> 及 <select> 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。它负责监听用户的输入事件以更新数据，并对一些极端场景进行一 阅读全文
posted @ 2020-05-25 14:34 KG-work-space 阅读(1940) 评论(0) 推荐(0)
vue中使用mixins
摘要：mixin概念：混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。 例子： // 定义一个混入对象 var myMixin = { created: func 阅读全文
posted @ 2020-05-25 14:24 KG-work-space 阅读(173) 评论(0) 推荐(0)
async和await
摘要：今天抄一抄sweetBoy_9126的笔记： await后面接一个会return new promise的函数并执行它 await只能放在async函数里 使用async和await获取成功的结果： function 摇色子(){ return new Promise((resolve, rejec 阅读全文
posted @ 2020-05-12 15:19 KG-work-space 阅读(175) 评论(0) 推荐(0)
vue组件中使用watch响应数据
摘要：在vue中，使用watch来响应数据的变化。watch的用法大致有三种。下面代码是watch的一种简单的用法： 普通用法： <template> //视图 <input v-model="username" v-on="changeVal" placeholder="用户名"><span>dsfsf 阅读全文
posted @ 2020-05-12 14:57 KG-work-space 阅读(960) 评论(0) 推荐(0)
vue组件中使用<transition></transition>标签过渡动画
摘要：直接上代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://unpkg.com/vue/dist/vue.js"></script> < 阅读全文
posted @ 2020-05-09 14:48 KG-work-space 阅读(10975) 评论(1) 推荐(0)