- 博客(10)
- 收藏
- 关注
原创 Web前端性能优化实践
摘要: 本文记录了笔者所参与的一个网站平台开发中所采取的Web前端性能优化技术,对优化前后的性能进行分析对比,表明了Web前端性能优化的有效性和必要性。由于水平有限,针对该网站所作的测试肯定存在不科学、不合理的地方,不当之处请谅解。本文仅供相关技术参考之用。
2015-01-03 23:32:37 544
原创 12306网站前端初步优化之我见
去年这个时候,我针对12306网站的验证码同步验证等问题写了一个优化建议。今年来看,它还是没有改进。再批判它一次!
2014-01-04 14:08:24 1817 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 1096
原创 深入理解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 3517 1
原创 使用impress.js模板制作的HTML5网页幻灯片
很早就关注了impress.js这个项目,但是直到最近使用Octopress搭建github个人博客后,才有动力自己也做一个在线演示文稿。自己感兴趣的领域之一是电影,觉得最好是做一个电影推荐页面,于是主题就定为了“关于希腊神话与传说的电影集锦”。演示页面:http://borninsummer.com/blog/impressPages/greek_mythology_movies.htm
2013-11-29 18:54:51 2802
原创 HTML5 Canvas的一个有趣实例
例子来源于《HTML5 Canvas核心技术-图形、动画与游戏开发》第2章的程序2-16.这个程序里为canvas对象注册onmousemove事件处理函数时,先使用context.putImageData()函数载入鼠标按下之前的图像数据,然后再绘制线条。如果每当鼠标移动时,实时绘制鼠标指针的轨迹点到按下鼠标的点之间的每条线段,则会变得比较有趣:可以画出放射状的图案,哈哈。如下图所示。
2013-10-05 23:36:04 1910 1
原创 <div>的display:none属性的继承
先看一段代码 请输入您收到的选课代码 个人信息。 class为tabPage的四个div,如果使用JQuery将第四个div显示,即show(),那么style="display:none;" 属性会继承到其所有div子元素上。换成则不会有这样的情况了
2013-09-03 13:45:38 1742
原创 一个问题,关于函数嵌套后的变量作用域
一个问题,关于变量作用域。//载入当前课程、当前作业的全部学生列表function getStudentsAssignmentsList(courseID){ courseID = courseID || currentCourseID; var self = this; var assignmentID = $(self).attr("name"); currentAssignment
2013-08-28 22:20:38 897
原创 分享一个气泡提示框: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 4335
原创 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 646
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人