以图明志

JavaScript

JavaScript滚动条的制作

setTimeout的第三个参数
这个效果的制作是借助setTimeout的第三个参数。setTimeout/setInterval,这两个函数相信前端开发同学都很熟悉。它们在非IE(6-9)浏览器中还可以如下使用。即传了第三个参数,第三个参数将作为回调函数的参数obj传入。在非IE浏览器中都弹出了1。这样有个好处,即解决了回调函数的执行上下文,比如要调用某个对象的某个方法,即可以通过参数把该对象传进去。

JavaScript

JavaScript Date的原型方法扩展

Date类型的常用操作
在JavaScript开发中,经常需要对Date类型的对象进行各种验证或格式化,但是js并没有提供那么多的那么细的函数,所以只好自己去用 prototype 扩充了,下面是我自己实现的Date类型常用操作方法,你可以将它另存为date.js,然后在程序中调用即可。

JavaScript

探讨JavaScript的事件冒泡

JavaSciprt事件中很重要的特性
JavaSciprt事件中有两个很重要的特性:事件冒泡以及目标元素。当一个元素上的事件被触发的时候,比如说鼠标点击了一个按钮,同样的事件将会在那个元素的所有祖先元素中被触发。这一过程被称为事件冒泡;这个事件从原始元素开始一直冒泡到DOM树的最上层。

JavaScript

你了解JavaScript非阻塞加载脚本吗

Loading Scripts Without Blocking
随着越来越多的网站涉及“Web 2.0”应用,JavaScript脚本的数量也急剧增加。这是令人忧虑的,因为脚本对页面性能有负面影响。主流的浏览器(例如IE 6 、7)会以下面2种方式发生阻塞:如果资源位于脚本的下方,那么他们会被阻塞下载。如果元素位于脚本的下方,那么他们会被阻塞渲染展示。

JavaScript

浅谈JavaScript函数与栈

没有栈就没有函数
JavaScript是单线程的,即同一时间只执行一条代码,所以每一个JavaScript代码执行块会“阻塞”其它异步事件的执行。其次,和其他的编程语言一样,Javascript中的函数调用也是通过堆栈实现的。在执行函数test的时候,test先入栈,如果不给alert(1)加setTimeout,那么alert(1)第2个入栈,最后是alert(2)。

JavaScript

比较全的JavaScript倒计时脚本

时间长的倒计时、秒表
JavaScript倒计时在Web中用得非常广泛,比如常见的团购啊、还有什么值得期待的事情,都可以用到倒计时。现在举了四个例子,比如时间长的倒计时,小时倒计时,最简的倒计时,还有秒表等等,应该可以满足大部分需求。

JavaScript

怎样去面试JavaScript开发者

JS 开发最容易,也最难
面试 Javascript 工程师难吗?Javascript 工程师的水平参差不齐,如何评定他们技术水平的高低?如何确定 Javascript 工程师适合承担哪方面的任务?我在腾讯时的面试经验是,通过不同纬度的结构化问题、由浅入深的进行考查。

JavaScript

JavaScript时间戳与其格式化

转换的方法总结
在 PHP + MySQL (日期类型为datetime) + ajax 应用中,有时候需要用 JavaScript 将时间戳类型格式化为一般的时间类型格式。下面提供一些转换的方法,比较常见的一些总结。先定义时间戳与其Date格式日期……

JavaScript

JavaScript去除数组中的重复值

使用原型函数prototype
用原型函数(prototype)可以定义一些很方便的自定义函数,实现各种自定义功能。Javascript 中的原型函数(prototype)的工作原理,在 javascript 中每次声明新函数的过程中,就会为其创建一个 prototype 的属性。下面是使用 prototype 自定义了3个函数,分别是去掉数组中的重复值,还有求数组中的最大值与最小值。

JavaScript

原生的强大DOM选择器querySelector

querySelector和querySelectorAll
在传统的 JavaScript 开发中,查找 DOM 往往是开发人员遇到的第一个头疼的问题,原生的 JavaScript 所提供的 DOM 选择方法并不多,仅仅局限于通过 tag, name, id 等方式来查找,这显然是远远不够的,如果想要进行更为精确的选择不得不使用看起来非常繁琐的正则表达式,或者使用某个库。

JavaScript

JSON对象转字符串的一些方法

JSON.stringify()适用范围有限
将后台程序(如php)发送过来的json数据转化为javascript的数组或者对象的方法十分简单,然而想将一个javascript对象转化为json格式的字符串却并不那么简单,特别是对象的属性值递归包含一个对象时(如 var obj={a:[2,3],b:{m:[3,4],n:2} } ),那么有没有什么方法将obj转化为json格式的字符串呢?

JavaScript

JavaScript正则表达式的浏览器的差异

不了解这些差异在开发时会浪费很多时间
JavaScript中的正则表达式在不同的浏览器中得到的结果可能会有差异,下面把正则表达式在五大主流浏览器(IE、Firefox、Chrome、Safari、Opera,以当前版本为准)之间的差异整理一下罗列出来。

JavaScript

如何按需动态加载js文件

动态加载JavaScript
JavaScript无非就是script标签引入页面,但当项目越来越大的时候,单页面引入N个js显然不行,合并为单个文件减少了请求数,但请求的文件体积却很大。这时候最好的做法就是按需引入,动态引入组件js和样式,文件load完成后调用callback,运行js。代码还是很简便的。首先判断文件load完成。加载状态ie为onreadystatechange,其他为onload、onerror。

JavaScript

高效率JavaScript代码的编写技巧

让复杂的JavaScript应用更有执行效率
使用DocumentFragment优化多次append,添加多个dom元素时,先将元素append到DocumentFragment中,最后统一将DocumentFragment添加到页面。该做法可以减少页面渲染dom元素的次数。经IE和FX下测试,在append1000个元素时,效率能提高10%-30%,FX下提升较为明显。

JavaScript

JavaScript计算两个日期间的天数

顺便介绍date对象和getTime()方法
有些时候我们需要计算两个日期间的天数,或者小时数等等。下面用JavaScript实现这个需求,然后学习一下需要用到的一些JavaScript函数。getTime()方法所返回了从1970年1月1号以来所积累的毫秒总数。用法dateObject.getTime(),这个方法得结合Date对象使用。Date 对象用于处理日期和时间。

JavaScript

IE下textarea去除回车换行符

textarea这个标签太麻烦了
在textarea中回车,会产生转义字符\r\n,有些时候我们不需要这两个转移字符,也就是清空textarea。下面的方法并不是清空,但是能够起到差不多的效果。如果在textarea中按回车,内容提交之后,在textarea中会留下\r\n这两个转义字符,光标会在第二行。
5 / 17 首页 < Prev 3 4 5 6 7 Next > 尾页 页码: