随笔分类 - Javascript原生
Javascript原生
摘要：DOMContentLoaded readystatechange load beforeunload unload DOMContentLoaded DOM文档加载的步骤为 DOMContentLoaded 事件将被触发，当初始HTML文档已经完成加载和解析时，而无需等待样式表，图像和子帧的完全加
阅读全文
摘要：转自：http://www.haorooms.com/post/js_yinghangkahao 前言 今天来讲讲js中实现input中输入数字，控制每四位加一个空格的方法！这个主要是应用于我们在填写表单的时候，填写银行卡信息，要求我们输入的数字是四位一个空格！今天主要介绍两种方式来实现这个方法！但
阅读全文
摘要：Javascipt语法不支持"类"（class）[es6已经支持]，但是有模拟类的方法。今天我主要谈谈Javascipt中模拟“类”的方法及js中继承的总结和回顾。 js中实现“类”与继承，既是重点，又是难点。很多同学可能都对js中“类”与继承都有所了解，但是深入剖析的时候，感觉力不从心、模棱两可。
阅读全文
摘要：删除数组元素在工作中经常会用到，本文讲解一下Javascript根据下标删除数组元素的方法，需要了解的朋友可以参考下 将一下代码放在全局js文件中： Js代码 使用方法： Js代码
阅读全文
摘要：例如我们有数字： var arr1 =['aa','bb','cc','dd','ee','ff','gg','hh']; var arr2 = [ {id:1,name:'lanyan'}, {id:2,name:'wanming'}, {id:3,name:'tingting'}, {id:4,
阅读全文
摘要：一般我们在项目中 如果用webpack的话，基本都会用到webpack-dev-server,配置大致如下： 如果用到代理的时候 会用proxy这个属性： 这里表示访问 任何一个 页面都会启动代理，访问http://localhost:8088 的端口页面，有个同事在做 配置的时候 用法如下： 说明
阅读全文
摘要：在项目中经常会有需要判断浏览器是否是手机端还是PC端，这里有2个函数 供参考： 用法： let ismobileBool = isMobile(); //true 代表是手机端，false代表是PC端 另外一个函数也是可以 用作判断 用法为： var browser = browserRedirec
阅读全文
摘要：问题 #1: 事件委托 也叫事件委派，时间代理等 当构建应用程序时，有时你需要将事件监听器绑定到页面上的按钮，文本或图像上，以便在用户与元素交互时执行某些操作。 如果我们以一个简单的待办事项列表为例，面试官可能会告诉你，他们希望在用户单击其中一个列表项时需要执行某些操作。 他们希望你用 JavaSc
阅读全文
摘要：本文实例讲述了JavaScript判断数组是否包含指定元素的方法。分享给大家供大家参考。具体如下： 这段代码通过prototype定义了数组方法，这样就可以在任意数组调用contains方法 用法：
阅读全文
摘要：编写一个javscript函数 fn，该函数有一个参数 n（数字类型），其返回值是一个数组，该数组内是 n 个随机且不重复的整数，且整数取值范围是 [2, 32]。 调用的方法： testRan(10) 会产生一个随机的包含10位数字的数组 ，已测试通过。 在早读上看到的一个题，拿来练手了。
阅读全文
摘要：for..in...时，注意hasOwnProperty验证 var obj = { a: 10, b: 20 }; // 注意词句代码 Object.prototype.c = 30; var item; for (item in obj) { console.log(item); console
阅读全文
摘要：某些场景下，比如响应鼠标移动或者窗口大小调整的事件，触发频率比较高。若处理函数稍微复杂，需要较多的运算执行时间，响应速度跟不上触发频率，往往会出现延迟，导致假死或者卡顿感。 为了解决这个问题，我们只能通过减少执行函数的次数来提高响应速度。 throttle 和 debounce 是解决请求和响应速度
阅读全文
摘要：在前端开发中尤其是在nodejs开发中经常会遇到这样的场景（以ajax为例）：有3个（或者更多个）Ajax请求，并且第2个请求依赖于第1个，第3个请求依赖于第2个，那我们可能就会在发第一个Ajax后回调再执行第二个Ajax，第二个执行后再在回调里面执行第三个，如此就形成了回调金字塔了，也显得复杂，当
阅读全文
摘要：根据 http://blog.csdn.net/hero82748274/article/details/45700465这里的思路对读写文件做了一个 封装： webpack在打包的时候可以借助assets-webpack-plugin插件形成全部打包文件的json map,不过因为项目需要这个生成
阅读全文
摘要：这里已经对用户的行为进行了监听，在屏幕中用手滑动就可以执行相应的程序。
阅读全文
摘要：一个最常用的场景 截取两个字符串中间的字符串 var str = "iid0000ffr"; var substr = str.match(/id(\S*)ff/); alert(substr2); 你会发现逗号后面是你要的东西 /S*表示多个字符串 为什么想要的东西在逗号后,也就是数组第二个. 是
阅读全文
摘要：获取浏览器滚动的高度： scrollTop=document.documentElement.scrollTop || document.body.scrollTop getBoundingClientRect() 这个方法返回一个矩形对象，包含四个属性：left、top、right和bottom。
阅读全文
摘要：我之前在 《前端搭环境之从入门到放弃》这篇文章中吐槽过，webpack中可以写commonjs格式的require同步语法，可以写AMD格式的require回调语法，还有一个require.ensure，以及webpack自己定义的require.include，再加上ES6的import语法，这么
阅读全文
摘要：注明：转自吕大豹博客： http://www.cnblogs.com/lvdabao/p/es6-promise-1.html 去年6月份， ES2015正式发布（也就是ES6，ES6是它的乳名），其中Promise被列为正式规范。作为ES6中最重要的特性之一，我们有必要掌握并理解透彻。本文将由浅到
阅读全文
摘要：HTML5中新添加了很多事件，但是由于他们的兼容问题不是很理想，应用实战性不是太强，所以在这里基本省略，咱们只分享应用广泛兼容不错的事件，日后随着兼容情况提升以后再陆续添加分享。今天为大家介绍的事件主要是触摸事件：touchstart、touchmove和touchend。 一开始触摸事件touch
阅读全文
浙公网安备 33010602011771号