zilong-thu-CSDN博客

原创 Web前端性能优化实践

摘要：本文记录了笔者所参与的一个网站平台开发中所采取的Web前端性能优化技术，对优化前后的性能进行分析对比，表明了Web前端性能优化的有效性和必要性。由于水平有限，针对该网站所作的测试肯定存在不科学、不合理的地方，不当之处请谅解。本文仅供相关技术参考之用。

2015-01-03 23:32:37 518

原创 12306网站前端初步优化之我见

去年这个时候，我针对12306网站的验证码同步验证等问题写了一个优化建议。今年来看，它还是没有改进。再批判它一次！

2014-01-04 14:08:24 1733 2

原创 JavaScript数组去重方法整理

常见的包括三类：暴力式嵌套遍历，先排序后遍历，词典式一次遍历。这里只贴代码吧。可直接放在浏览器的控制台运行。详细的介绍文章（含参考文章的链接）在 http://borninsummer.com/blog/2013/12/09/javascript-array-unique/function random(m,n){ var i=Math.random(); ret

2013-12-09 17:19:56 1038

原创深入理解JavaScript赋值表达式（一）

在读《JavaScript DOM编程艺术》时发现一个错误，顺便就稍微研究了一下JS的赋值表达式返回值问题。原本写在豆瓣读书笔记里，摘过来跟大家分享下。 http://book.douban.com/annotation/29593293/章节名：2.6.1 条件语句页码：第23页 2013-12-02 17:05:23别忘了，单个等号（=）是用于完成赋值操作的。如果你在条

2013-12-02 21:29:12 3444 1

原创使用impress.js模板制作的HTML5网页幻灯片

很早就关注了impress.js这个项目，但是直到最近使用Octopress搭建github个人博客后，才有动力自己也做一个在线演示文稿。自己感兴趣的领域之一是电影，觉得最好是做一个电影推荐页面，于是主题就定为了“关于希腊神话与传说的电影集锦”。演示页面：http://borninsummer.com/blog/impressPages/greek_mythology_movies.htm

2013-11-29 18:54:51 2740

原创 HTML5 Canvas的一个有趣实例

例子来源于《HTML5 Canvas核心技术-图形、动画与游戏开发》第2章的程序2-16.这个程序里为canvas对象注册onmousemove事件处理函数时，先使用context.putImageData()函数载入鼠标按下之前的图像数据，然后再绘制线条。如果每当鼠标移动时，实时绘制鼠标指针的轨迹点到按下鼠标的点之间的每条线段，则会变得比较有趣：可以画出放射状的图案，哈哈。如下图所示。

2013-10-05 23:36:04 1850 1

原创 <div>的display:none属性的继承

先看一段代码请输入您收到的选课代码个人信息。 class为tabPage的四个div，如果使用JQuery将第四个div显示，即show()，那么style="display:none;" 属性会继承到其所有div子元素上。换成则不会有这样的情况了

2013-09-03 13:45:38 1686

原创一个问题，关于函数嵌套后的变量作用域

一个问题，关于变量作用域。//载入当前课程、当前作业的全部学生列表function getStudentsAssignmentsList(courseID){ courseID = courseID || currentCourseID; var self = this; var assignmentID = $(self).attr("name"); currentAssignment

2013-08-28 22:20:38 859

原创分享一个气泡提示框：JS+CSS练习

分享一个气泡提示框，练习的技术有：（1）JS响应鼠标的事件；（2）纯CSS制作三角形。这是html：气泡对话框h1{ font-size: 60px; margin-top: 0; font-family: Arial, sans-serif; text-shadow: 2px 0px 10px #292929;

2013-08-17 00:10:26 4235

原创 JavaScript学习笔记-01

1. 获得数组a的最大数值的方法，数组a为：a = [0, 1, 2, 3, ......];（1）apply()方法：var biggest = Math.max.apply(Math, array_of_numbers);（2）数组自己的方法，reduce()：var biggest = a.reduce(function(max,x){return max>x?m

2013-08-08 17:05:51 624

zilong_07的专栏