2 Alcantara6

尚未进行身份认证

多多分享交流技术细节

等级
TA的排名 12w+

input && nextTick

input之后,nextTick

2019-08-11 16:51:17

nvm-windows安装踩坑

nvm的目录不能带有空格,例如ProgramFiles如果你是第一次下载,在use之前,C:\dev目录下是没有nodejs这个文件夹的,在输入比如:nvmuse5.11.0之后,你会发现,C:\dev目录下多了一个nodejs文件夹,这个文件夹不是单纯的文件夹,它是一个快捷方式,指向了C:\dev\nvm里的v5.11.0文件夹。nodejs在windows下的...

2019-07-29 20:09:53

前端模块化总结

前端模块化演进函数封装=》对象=》立即执行函数=》CommonJSAMDCMD=》ES6module&webpack函数封装缺点:污染了全局变量变量名重名模块成员之间没什么关系对象缺点:外部可以随意修改内部成员,安全问题立即执行函数优点:模块外部无法修改没有暴露出来的变量、函数CommonJSCommonJS规范是由NodeJS...

2019-07-16 12:40:54

【移动端事件】swiper左右滑动时禁止页面上下滚动

某些swiper类插件,左右滑动时会导致页面上下滚动,如果在touchmove事件中直接使用event.preventDefault(),就会彻底阻止触摸滑动,给用户的感受就是划不动。以下是增加的fixcode//左右滑动时阻止页面上下滑动vartouchElement={};var$slides=$('.am-slider');if($...

2019-07-16 12:31:17

移动端事件疑难杂症总结

移动端事件梳理click事件300ms延迟禁用缩放<metaname="viewport"content="user-scalable=no"/>html{-ms-touch-action:manipulation;/*IE10及以下*/touch-action:manipulation;}适用于:ChromeonAnd...

2019-07-07 13:09:29

DOM获取尺寸、位置数据字典

关于DOM尺寸、位置相关的api,非常混乱且容易混淆,于是特别整理出一个数据字典。注意width()和offsetWidth、clientWidth在插入DOM树之前为0涉及CSS的定位,以子元素margin为准;否则以子元素border为准,例如element.style,jquery的position()标准模式下documentElement是html的尺寸,b...

2019-06-30 17:29:29

关于input元素和小程序input组件的差异、内容区高度、以及浏览器样式的问题

input元素:都有默认样式,HTML的input元素继承浏览器,小程序是组件设置的默认样式

2018-08-22 10:44:59

sublime text3 使用技巧(网上不易查询到的)

修改主体方案在st安装目录下package文件夹中,将相应的后缀为-package的文件加扩展名.zip或.rar转为压缩包。解压缩,找到需修改的主体方案(.tmTheme),例如我要修改的主体方案Monokai.tmTheme,进行修改。完成后重新打包,并去掉扩展名,恢复原来的以-package结尾的文件。替换掉package文件夹中的此文件(此操作须关闭正在运行的st)。再次打开...

2018-06-13 10:45:58

addEventListener事件监听使用匿名函数作为回调函数的问题

addEventListener事件监听绑定匿名函数,不能用removeEventListener解除绑定,JS认为这不是对应的那个函数。因此,如果多次执行addEventListener(例如addEventListener事件绑定写在在mousemove事件内),使用匿名函数作为回调函数就是进行了多个函数的绑定,触发事件时会执行多次;具名函数则是绑定的唯一这个函数,触发时只执行一次。...

2018-06-01 13:22:14

[JavaScript]元素尺寸定位总结[含兼容性、文档模式测试]

1.基本概念相对于定位了的父容器注意不含滚动条宽度相当于content+padding注意不含滚动条宽度注意不含border相对定义了relative的父容器,以子元素margin左上角,父元素padding左上角为准offsetWidthclientWidthscrollWidt

2018-04-15 00:28:06

HTML attribute特性和DOM property属性的区别

attr——映射到propHTML标签的属性——初始状态checked是个布尔值,只要存在该属性即为truechecked=”checked”或checked=其它任意数据类型(false、空字符串),赋的只是字面量,不改变本身的属性值trueprop——不会影响attrDOM元素的特性——实时状态<input>标签里有checked,prop的值即为tr...

2018-03-24 00:05:48

debug过程中对加载顺序、对象属性、Vue数据传递和计算属性等问题的总结

异步加载JavaScrip脚本放在<head>内:文档页面加载之前装载(不执行代码,需调用才执行或事件触发执行)。脚本放在<body>内:当页面被加载时执行,用来动态生成页面的一些内容。增加延迟脚本defer属性**–只适用外部脚本文件–立即下载,但延迟执行,</html>标签之后执行–多个

2018-03-11 16:08:27

从jQuery的remove()和原生JS的removeChild()方法再观jQuery对象和DOM对象的关系

jQuery对象是通过jQuery包装DOM对象后产生的对象。jQuery的remove()方法和原生js的removeChild()方法都是从DOM中删除节点,方法的返回值是:1.remove()方法:返回一个指向已被删除的节点的引用,这个节点元素还可以使用;2. removeChild()方法:删除的节点仍然存在于内存,只是没有添加到当前文档的DOM树中。可以总结为:remove()方法移除...

2018-01-23 00:57:10

JS原生数组迭代方法的应用

原生JS的数组迭代方法应用非常广,相比于for循环遍历,代码结构简单、规整,但使用也要非常注意。   以下是本人学习过程中对数组迭代方法的典型应用。1.map()和forEach()方法填坑。  这是Vue获取API新闻列表中的代码片段,计算属性processedPosts,对原始数组results添加imgUrl。  map()方法    forEach()

2018-01-18 02:18:41

【干货】前端重要概念精炼总结--持续更新

1.Q:JavaScript脚本放在哪里  A:放在header中的脚本,在页面加载之前就被装载,待调用(例如事件),类似函数声明;放在body中的脚本,在页面加载完成后就执行,类似于执行一个函数。

2018-01-17 19:34:53

Vue2.0使用axios引入本地JSON文件踩的坑

今天学习Vue2.0使用axios引入本地JSON文件踩的坑。1.如何引入axios,import、prototype 本地JSON文件需放在static文件夹之下。(以及图片文件)。参见http://blog.csdn.net/Mr_YanYan/article/details/787830912.response是个Object对象,但是response.data才是本地

2017-12-28 01:30:29

浏览器中的 ES6 module 实现

捣腾了一晚上,发现在浏览器实现ES6module必须,使用firefox54以上和chrome60以上,并且chrome仍然有问题,跨域报错,得放在服务器下,firefox可以实现。文章转载至众成翻译-文蔺http://www.zcfy.cc/article/ecmascript-modules-in-browsers-2744.htmlES6的模块特性

2017-12-13 00:27:10

[JavaScript,ES6]函数声明提升和预解析的总结和试验

1.变量的声明被提前到作用域顶部,赋值保留在原地2.函数声明整个“被提前”(且后面不再重新“赋值”)3.函数表达式时,只有变量“被提前”了,函数没有“被提前”4.在块中定义的函数声明或函数表达式,只会提升其声明部分,也就是只提升变量名,不提升函数的定义哦。不要在块中声明函数!5.如果在提升的时候发生重命名了怎么办? 首先还是都会提升(函数声明整个“被提前”,且后

2017-12-09 18:42:31

[Vue]不能使用索引直接修改数组,但可以使用索引更新对象数组内的属性

由于JavaScript的限制,Vue不能检测以下变动的数组当你利用索引直接设置一个项时,例如:vm.items[indexOfItem]=newValue当你修改数组的长度时,例如:vm.items.length=newLength可以使用Vue.set和javascript方法splice(Array.prototype.splice)实现,触发状态更新。

2017-12-02 01:33:04

[Vue][自定义事件]关于组件prop双向绑定的理解和程序调试

父组件使用prop传递数据给子组件。子组件通过自定义事件与父组件通信。自定义事件从子组件向父组件传递数据的步骤可大致归纳为:1.子组件模板中的原生事件(如click)绑定回调函数2.回调函数实现子组件内部数据的更新,同时触发自定义事件:$this.emit(//customEvent)3.父组件模板中v-on监听自定义事件$emit+v-on偏向于事件函数的监听和触发

2017-11-27 22:09:58

查看更多

勋章 我的勋章
    暂无奖章