2019年7月11日
video 全屏，播放，隐藏控件。
摘要： requestFullscreen全屏具体实现 1.进入全屏 function full(ele) { if (ele.requestFullscreen) { ele.requestFullscreen(); } else if (ele.mozRequestFullScreen) { ele.m 阅读全文
posted @ 2019-07-11 13:47 勒布朗_詹姆斯 阅读(4903) 评论(0) 推荐(0)
2019年7月9日
webpack从零的实践（新手良药）
摘要： 1. 什么是webpack? 本质上，webpack是一个现代javascript应用程序的静态模块打包器。webpack处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。 2.模块 在 阅读全文
posted @ 2019-07-09 15:55 勒布朗_詹姆斯 阅读(240) 评论(0) 推荐(0)
2019年7月8日
throttle和debounce
摘要： 遇到的问题 在开发过程中会遇到频率很高的事件或者连续的事件，如果不进行性能的优化，就可能会出现页面卡顿的现象，比如： 鼠标事件：mousemove(拖曳)/mouseover(划过)/mouseWheel(滚屏) 键盘事件：keypress(基于ajax的用户名唯一性校验)/keyup(文本输入检验 阅读全文
posted @ 2019-07-08 17:14 勒布朗_詹姆斯 阅读(750) 评论(0) 推荐(0)
2019年6月24日
call(),apply(),bind() 区别和用法
摘要： call call 方法第一个参数是要绑定给this的值，后面传入的是一个参数列表。当第一个参数为null、undefined的时候，默认指向window。 var arr = [1, 2, 3, 89, 46] var max = Math.max.call(null, arr[0], arr[1 阅读全文
posted @ 2019-06-24 17:09 勒布朗_詹姆斯 阅读(532) 评论(0) 推荐(0)
2019年6月20日
vue 路由钩子。
摘要： 一、全局钩子 你可以使用 router.beforeEach 注册一个全局的 before 钩子： 同样可以注册一个全局的 after 钩子，不过它不像 before 钩子那样，after 钩子没有 next 方法，不能改变导航 二、某个路由独享的钩子 你可以在路由配置上直接定义 beforeEnt 阅读全文
posted @ 2019-06-20 15:09 勒布朗_詹姆斯 阅读(495) 评论(0) 推荐(0)
vue 兄弟组件之间的传值
摘要： 一. 子传父，父传子。 二. 1、兄弟之间传递数据需要借助于事件车，通过事件车的方式传递数据 2、创建一个Vue的实例，让各个兄弟共用同一个事件机制。 3、传递数据方，通过一个事件触发bus.$emit(方法名，传递的数据)。 4、接收数据方，通过mounted(){}触发bus.$on(方法名，f 阅读全文
posted @ 2019-06-20 14:38 勒布朗_詹姆斯 阅读(29559) 评论(0) 推荐(3)
2019年6月13日
JS 面向对象封装 无限轮播 插件。
摘要： <!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="viewport" content="width=device-width, ini 阅读全文
posted @ 2019-06-13 10:26 勒布朗_詹姆斯 阅读(271) 评论(0) 推荐(0)
2019年6月4日
element-ui 解决 table 里包含表单验证的问题！
摘要： 直接上代码。 其实问题关键就在于如何给el-form-item动态绑定prop :prop="'tableData.' + scope.$index + '.字段名'" 阅读全文
posted @ 2019-06-04 11:02 勒布朗_詹姆斯 阅读(3688) 评论(0) 推荐(0)
2019年5月17日
Vue.nextTick 的原理和用途
摘要： 用法： 在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。 在 Vue 的文档中，说明 Vue 是异步执行 DOM 更新的。关于异步的解析，可以查看阮一峰老师的这篇文章。截取关键部分如下： 具体来说，异步执行的运行机制如下。 第一个 tick（图例中 阅读全文
posted @ 2019-05-17 16:30 勒布朗_詹姆斯 阅读(9306) 评论(0) 推荐(0)
2019年5月14日
JavaScript中基本数据类型和引用数据类型的区别
摘要： 1、基本数据类型和引用数据类型 ECMAScript包括两个不同类型的值：基本数据类型和引用数据类型。 基本数据类型指的是简单的数据段，引用数据类型指的是有多个值构成的对象。 当我们把变量赋值给一个变量时，解析器首先要确认的就是这个值是基本类型值还是引用类型值。 2、常见的基本数据类型： Numbe 阅读全文
posted @ 2019-05-14 17:55 勒布朗_詹姆斯 阅读(1036) 评论(0) 推荐(0)