以图明志

JavaScript

如何加快JavaScript的加载与执行

高性能网站建设进阶指南
JS 有个很无语的阻塞特性,就是当浏览器在执行JS 代码时,不能同时做其他任何事情,无论其代码是内嵌的还是外部的。浏览器在碰到一个引入外部JS 文件的script标签时会停下所有工作来下载并解析执行它,在这个过程中,页面渲染和用户交互完全被阻塞了,为了避免页面加载时的停顿甚至空白页的出现,JS 脚本应尽量放置在页面底部。

JavaScript

如何写出规范的JavaScript代码

规范对每一个程序员来说都是非常重要的
作为一名开发人员(WEB前端JavaScript开发),不规范的开发不仅使日后代码维护变的困难,同时也不利于团队的合作,通常还会带来代码安全以及执行效率上的问题。本人在开发工作中就曾与不按规范来开发的同事合作过,与他合作就不能用"愉快"来形容了。现在本人撰写此文的目的除了与大家分享一点点经验外,更多的是希望对未来的合作伙伴能够起到一定的借鉴作用。

计算机算法

JavaScript各种排序的性能比较

各种排序算法在JavaScript下的表现
排序是经常使用的编程例子,在JavaScript里各种排序的性能又如何呢?每个浏览器测试得出的数据会不一样。比如我用chrome 测试 一般快速排序都会最快,IE 则根据数组长度有可能希尔最快。不要用太大数据去测试冒泡排序(浏览器崩溃了我不管)。

JavaScript

非阻塞式JavaScript脚本及延伸知识

页面加载完毕后再加载js代码
JavaScript 倾向于阻塞浏览器某些处理过程,如HTTP 请求和界面刷新,这是开发者面临的最显著的性能问题。保持JavaScript文件短小,并限制HTTP请求的数量,只是创建反应迅速的网页应用的第一步。一个应用程序所包含的功能越多,所需要的JavaScript 代码就越大,保持源码短小并不总是一种选择。尽管下载一个大JavaScript 文件只产生一次HTTP 请求,却会锁定浏览器一大段时间。

JavaScript

原生JavaScript如何实现淡入淡出效果?

淡入淡出的原生实现
淡入淡出效果,在日常项目中经常用到,可惜原生JS没有类似的方法,而有时小的页面并不值得引入一个jQuery库,所以就自己写了一个,已封装, 有用得着的朋友, 可以直接使用。 代码中另附有一个设置元素透明度的方法, 是按IE规则(0~100)设置, 若改成标准设置方法(0。00~1。00), 下面使用时请考虑浮点精确表达差值。

JavaScript

浅析JavaScript的垃圾回收机制

对于避免内存泄露很有帮助
JavaScript语言是一门优秀的脚本语言。其中包含脚本语言的灵活性外还拥有许多高级语言的特性。例如充许构建和实例化一个对象,垃圾回收机制(GC:Garbage Collecation)。通常我们使用new创建对象,GC负责回收对象占用内存区域。因此了解GC,可以加深对javascript垃圾回收机制的理解。

JavaScript

JavaScript使用数组拼接字符串性能如何?

字符串拼接是比较消耗性能的操作
传统上,字符串连接一直是js中性能最低的操作之一。早期浏览器没有对这种运算进行优化。由于字符串是不可变的,这意味着要创建中间字符串来存储连接的结果。频繁地在后台创建和销毁字符串导制性能异常低下。发现这一点后,开发者们利用数组对象进行优化。

JavaScript

写一个JavaScript日期格式化扩展函数

将一个日期对象按照定制的格式进行输出
我们都知道在Java和PHP语言中,有专门用于格式化日期对象的类和函数,例如Java中的DateFormat等等,通过这些类和函数,我们可以方便的将一个日期对象按照格式的要求输出为字符串。尽管Javascript的Date对象中内置提供了这些输出为字符串的方法,但是这些字符串不是我们来控制格式的,因此如果我们需要我们自己定制的特殊格式,那么又该怎么办呢?

JavaScript

一个JavaScript反射使用的例子

程序在运行时能够获取自身的信息
反射机制指的是程序在运行时能够获取自身的信息。例如一个对象能够在运行时知道自己有哪些方法和属性。在JavaScript中有一个很方便的语法来实现反射,即for(…in…)语句。这里var p表示声明的一个变量,用以存储对象obj的属性(方法)名称,有了对象名和属性(方法)名,就可以使用方括号语法来调用一个对象的属性(方法)。

JavaScript

闲话JavaScript与Cookies

看看JavaScript是如何操作Cookies的
使用 Cookies 我们已经知道,在 document 对象中有一个 cookie 属性。但是 Cookie 又是什么?"某些 Web 站点在您的硬盘上用很小的文本文件存储了一些信息,这些文件就称为 Cookie。"—— MSIE 帮助。一般来说,Cookies 是 CGI 或类似,比 HTML 高级的文件、程序等创建的,但是 JavaScript 也提供了对 Cookies 的很全面的访问权利。

JavaScript

如何用JavaScript做一个可拖动的div层

看看常见的可拖动层是如何实现的
可拖动的层在Web设计中用处很多,比如在某些需要自定义风格布局的应用中,控件就需要拖动操作,下面介绍一个,希望可以满足你的需求,顺便学习一下可拖动的层是如何实现的。下面是效果演示……

JavaScript

写一个JavaScript“返回顶部”功能

淡入、淡出、减速滚动
在web页面中,如果页面较高,为了方便用户快速地返回顶部,都会添加一个返回顶部按钮。效果演示可以查看本页。如果页面有滚动高度,右下角就会有一个含有“返回顶部”字样的黑色背景半透明的小条条。点击这里“返回顶部”字样的按钮后,页面就像是抹了润滑剂一样,倏地一声就滑到顶部了,同时,该点击按钮也玩起了躲猫猫 – 不见了。

JavaScript

JavaScript的lazyload延迟加载是如何实现的

简单介绍下懒加载的实现
懒加载技术(简称lazyload)并不是新技术, 它是js程序员对网页性能优化的一种方案.lazyload的核心是按需加载.在大型网站中都有lazyload的身影,例如谷歌的图片搜索页,迅雷首页,淘宝网,QQ空间等.因此掌握lazyload技术是个不错的选择,可惜jquery插件lazy load官网(http://www.appelsiini.net/projects/lazyload)称不支持新版浏览器。

JavaScript

分享一些JavaScript简易小技巧

很实用的一些经验之谈
这里主要提两个很有用的属性,可以让你操作表单方便不少。form有一个elements属性。作用呢就是可以得到一个表单下的所有表单元素,这样在批量处理表单元素时就很有用,如:表单元素的序列化,或者验证之类的很有帮助。对于第一个表单元素也有一个类似属性为form.这样可以很轻松得到一个表单元素属于哪个表单。

JavaScript

深入浅出JavaScript变量作用域

受益匪浅的一篇精品文章
在学习JavaScript的变量作用域之前,我们应当明确几点:1. JavaScript的变量作用域是基于其特有的作用域链的。2. JavaScript没有块级作用域。3. 函数中声明的变量在整个函数中都有定义。JavaScript首先在inner函数中查找是否定义了变量rain,如果定义了则使用inner函数中的rain变量。

数据结构

为什么js拼接字符串StringBuilder效率那么高

闲谈StringBuilder
大家都知道StringBuilder在拼接大量字符串的时候相对String来说具有很高的效率,这是由于StringBuilder在内部处理上使用了字符串的链式存储表示法(串的块链存储法)。串的块链存储结构的C代码是这样的……由此,可以看到它同时具有线性表和链表的特性。
3 / 14 首页 < Prev 1 2 3 4 5 Next > 尾页 页码: