javascript
文章平均质量分 75
HEYLeonL
这个作者很懒,什么都没留下…
展开
-
WEB开发者必备的7个JavaScript函数
防止高频调用的debounce函数 这个 debounce 函数对于那些执行事件驱动的任务来说是必不可少的提高性能的函数。如果你在使用scroll, resize, key*等事件触发执行任务时不使用降频函数,也行你就犯了重大的错误。下面这个降频函数 debounce 能让你的代码变的高效:// 返回一个函数,that, as long as it continues to be i转载 2016-04-07 10:31:28 · 166 阅读 · 0 评论 -
声明JavaScript函数的六种方法
一个函数一次性定义的代码块可以多次调用。在JavaScript中,一个函数有很多元素组成,同时也受很多元素影响:函数体的代码函数的参数列表接受外部变量域的变量返回值当函数被调用时,this指上下文命名和匿名函数函数对象作为变量声明arguments对象(在ES6中的箭头函数中将丢弃这个)这些元素都会影响到函数,但具体影响函数的行为还是取决于函数的声明转载 2016-07-29 17:02:13 · 4115 阅读 · 0 评论 -
JavaScript:事件流与事件处理程序
*事件**:就是文档或浏览器窗口中发生的一些特定的交互瞬间。事件流事件流:描述的是从页面中接收事件的顺序。IE和Netscape提出了完全相反的事件流的概念。IE的事件流是事件冒泡流,而Netscape的事件流是事件捕获流。事件冒泡IE的事件流叫事件冒泡。即事件开始时由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播到较为不具体的节点(文档)。以下面的HTML转载 2016-07-29 17:03:30 · 299 阅读 · 0 评论 -
为什么整个互联网行业都缺前端工程师?
现在,几乎整个互联网行业都缺前端工程师,不仅在刚起步的创业公司,对上市公司乃至巨头这个问题也一样存在。没错,优秀的前端工程师简直比大熊猫还稀少。每天,100offer的HR群都有人在吐槽招不到前端工程师。实话说对这些需求,Betty也无能为力,因为在供不应求的前端招聘市场上,优秀的前端工程师才是有话语权的那一方。不仅在国内的互联网行业,在国外,前端工程师一样是需求旺盛、供不应求的香饽饽。转载 2016-07-29 17:04:55 · 289 阅读 · 0 评论 -
JavaScript: What's the difference between HTML attribute and DOM property?
It is easy to confuse attribute with property when manipulating DOM object by JavaScript. document.getElementById('test').getAttribute('id'),$('#test').attr('id'), document.getElementById('test').id a转载 2016-08-17 13:10:37 · 257 阅读 · 0 评论 -
Lodash 中 assign,extend 和 merge 的区别
简介我们经常在别人的代码中看见 assign,extend,merge 函数,这三个函数用起来很相似,都是合并源对象的属性到目标对象中。既然都是合并对象,为什么还分三个不同的函数呢?它们之间到底有什么区别呢?assign(object, [sources])我们先看看官方网站上面的定义:Assigns own enumerable string keye转载 2016-08-22 12:39:16 · 26084 阅读 · 0 评论 -
HTML元素坐标定位
视口坐标是相对于窗口的坐标,而文档坐标是相对于整个文档而言。例如,在文档坐标中如果一个元素的相对于文档的Y坐标是200px,并且用户已经把浏览器向下滚动了75px,那么视口坐标中元素的Y坐标为200px – 75px = 125px。 如何获取浏览器滚动条的位置?Window对象的pageXOffset和pageYOffset属性在所有浏览器中提供这些值,除IE8以及更早的版本。IE和所转载 2016-09-14 14:58:29 · 2211 阅读 · 0 评论 -
常用的javascript设计模式
阅读目录什么是设计模式单体模式:工厂模式:单例模式观察者模式(发布订阅模式)策略模式模板模式代理模式外观模式设计模式太多了,貌似有23种,其实我们在平时的工作中没有必要特意去用什么样的设计模式,或者你在不经意间就已经用了设计模式当中的一种。本文旨在总结平时相对来说用的比较多的设计模式。回到顶部什么是设计模式百度百科: 设计模式(Design p转载 2016-09-14 15:04:26 · 336 阅读 · 0 评论 -
Using the Chrome Debugger Tools, part 3: The Sources Tab
Using the Chrome Debugger Tools, part 3: The Sources TabA few months ago, I started putting together a series of tutorials on the excellent Chrome debugger tools. Having explored the Elements tab转载 2016-08-26 16:59:32 · 739 阅读 · 0 评论 -
深入浅出 妙用Javascript中apply、call、bind
apply、call 在 javascript 中,call 和 apply 都是为了改变某个函数运行时的上下文(context)而存在的,换句话说,就是为了改变函数体内部 this 的指向。 JavaScript 的一大特点是,函数存在「定义时上下文」和「运行时上下文」以及「上下文是可以改变的」这样的概念。 先来一个栗子:1转载 2016-11-02 09:03:50 · 292 阅读 · 0 评论 -
Understanding ES5, ES2015 and TypeScript
What is the difference between ES5, ES2015 (formerly known as ES6), and TypeScript? Which should we learn and use?First, let’s create a foundation for our discussion for each of these. TypeScript转载 2016-11-30 09:29:52 · 735 阅读 · 0 评论 -
JavaScript Module Systems Showdown: CommonJS vs AMD vs ES2015
Introduction: Why Are JavaScript Modules Needed?If you are familiar with other development platforms, you probably have some notion of the concepts of encapsulation and dependency. Different piece转载 2016-11-30 09:40:37 · 796 阅读 · 0 评论 -
41个Web开发者必须收藏的JavaScript实用技巧
1. 将彻底屏蔽鼠标右键oncontextmenu=”window.event.returnValue=false”return(false)>td>notable> 可用于 Table2. 取消选取、防止复制body onselectstart=”return false”>3.JS不允许粘贴onpaste=”return false”4. JS防止复制转载 2016-07-14 17:14:31 · 551 阅读 · 0 评论 -
JavaScript Functions that Return Functions
A few weeks back, I tweeted that I loved functions that returned functions. I got quite a few replies to the tune of....WTF?! It's important that people understand the value of functions that return转载 2016-07-14 14:17:23 · 246 阅读 · 0 评论 -
extjs源码分析-(Ext.urlDecode/urlEncode)
//把json格式转化成url的编码方式 // e.g. Ext.urlEncode({foo: 1, bar: 2}); would return "foo=1&bar=2" urlEncode: function(o, pre){//o为json对象,pre为前缀 var undef, buf = [], key, e = encodeURICompo转载 2016-04-13 09:49:25 · 1817 阅读 · 0 评论 -
JavaScript中浏览器兼容问题
浏览器兼容性问题是在实际开发中容易忽略而又最重要的一部分。我们在讲老版本浏览器兼容问题之前,首先要了解什么是能力检测,它是来检测浏览器有没有这种能力,即判断当前浏览器是否支持要调用的属性或者方法。下面做了一些简短的介绍。1、innerText 和 innerContent1)innerText 和 innerContent 的作用相同2)innerText IE8之前的浏览转载 2016-04-27 09:28:38 · 339 阅读 · 0 评论 -
前端通信进阶
在几年前,天空一声巨响,ajax 闪亮登场. 前端宝宝们如获至宝~ 已经表单提交神马的, 真的太 心累了. 有了ajax之后, 网页的性能可大幅提升,告别刷新,告别如水的流量. 不过,长江后浪推前浪,一代更比一代强. 由于ajax被同域限制着, 导致, 多服务器配置,云服务资源的存储 没办法充分利用. 所以,业界想到另外一种方法--JSONP. JSONP实际上和ajax没有半点关系,唯一相同的就转载 2016-04-14 10:20:02 · 515 阅读 · 0 评论 -
ES5中新增的Array方法详细说明
一、前言-索引ES5中新增的不少东西,了解之对我们写JavaScript会有不少帮助,比如数组这块,我们可能就不需要去有板有眼地for循环了。ES5中新增了写数组方法,如下:forEach (js v1.6)map (js v1.6)filter (js v1.6)some (js v1.6)every (js v1.6)indexOf (js v1.6)lastIndex转载 2016-04-14 13:17:36 · 668 阅读 · 0 评论 -
JSON.stringify与JSON.parse
outlineUsing native JSONMDN’s JSON用JSON.stringify来dump对象Using native JSON这里介绍是兼容ECMAScript 5 标准的原生JSON对象.原生的JSON对象包含两个关键方法1.JSON.parse() 解析JSON字符串,并且重构为JavaScript对象.具体使用如下:1转载 2016-05-05 08:33:18 · 1053 阅读 · 0 评论 -
JavaScript 练习题
找出数字数组中最大的元素(使用Math.max函数)var arr = [61, 22, 31, 4, 5];// 方法1var max = 0;arr.forEach(function (value, index) { max = Math.max(value, max);});// 方法2Math.max.apply(null, arr)转化一个数字数组为funct转载 2016-06-12 09:12:13 · 1003 阅读 · 0 评论 -
跟着9张思维导图学习Javascript
学习的道路就是要不断的总结归纳,好记性不如烂笔头,so,下面将 po 出我收集的 9 (+1 BOM的内容)张 javascript 相关的思维导图(非原创)。原文链接: http://www.spotty.com.cn/archives/98/思维导图小tips:思维导图又叫心智图,是表达发射性思维的有效的图形思维工具 ,它简单却又极其有效,是一种革命性的思维工具。思维导图运用图转载 2016-06-12 09:22:16 · 531 阅读 · 0 评论 -
Writing Modular JavaScript With AMD, CommonJS & ES Harmony
Modularity The Importance Of Decoupling Your ApplicationWhen we say an application is modular, we generally mean it's composed of a set of highly decoupled, distinct pieces of functionality stor转载 2016-06-28 09:47:01 · 699 阅读 · 0 评论 -
js禁用鼠标右键菜单(加强版)
之前我们也介绍过一些用javascript禁用右键的方法,比如:javascript禁止网页右键的方法与javascript禁止页面操作(右键、复制、F5刷新)等代码 ,今天介绍的这个可以算是这些版本的加强版。费话不多说了,看代码吧。script type="text/javascript">function doProhibit(){ if(window.Event)转载 2016-07-01 15:46:29 · 6345 阅读 · 0 评论 -
Firebug Console API 与命令行: Console.log
原文链接:http://www.factj.com/archives/552.html?f=geek前几天有人问我关于firebug console的问题,其实我平时用的最多也就是console.log,相当于alert()。还真没深入了解其他的api,今天看到了,所以转载过来分享一下Console API当打开 firebug (也包括 Chrome 等浏览器的自带调试工转载 2016-06-16 13:15:00 · 252 阅读 · 0 评论 -
Javascript缓存API
JavaScript ServiceWorker API的好处就是让WEB开发人员轻松的控制缓存。虽然使用ETags等技术也是一种控制缓存的技术,按使用JavaScript让程序来控制缓存功能更强大,更自由。当然,强大有强大的好处,也有弊处——你需要做善后处理,所谓的善后处理,就是要清理缓存。下面我们来看看如何创建缓存对象、在缓存里添加请求缓存数据,从缓存里删除请求缓存的数据,最后是如何完转载 2016-06-16 13:18:01 · 316 阅读 · 0 评论 -
ES5, ES6, ES2016, ES.Next: What's going on with JavaScript versioning?
JavaScript has a strange naming history. For its initial release in 1995 as part of Netscape Navigator, Netscape labeled their new language LiveScript, before renaming it to JavaScript a year later, h转载 2016-11-23 09:33:18 · 888 阅读 · 0 评论