- 博客(9)
- 收藏
- 关注
原创 编写高质量代码——JavaScript篇
一、避免团队合作时的js冲突 使用大写的GLOBAL作为全局变量的变量名。在不同的匿名函数中,根据功能生命一个不同的命名空间,每个匿名函数中GLOBAL对象的属性都不要直接挂在GLOBAL对象上,而是挂在此匿名函数的命名空间下。 二、JavaScript分层 JavaScript分为三层,从下往上以此是base层、common层和page层。base层的功能是给common层
2015-07-07 22:57:14 1052
原创 PHP压缩上传图片
最近手上的项目页面要显示很多图片,虽然用了jQuery的lazyload,但是效果并没理想,滑动到一个区域还要比较长的时间图片才完全显示出来。于是想着将上传上去的900KB+压缩备份一份缩略图。PHP压缩图片两个步骤:1、添加类//php生成缩略图片的类class ResizeImage{public $type;//图片类型public $width;//实际宽度pub
2015-06-14 12:20:21 2853
原创 高性能建设网站的14个规则
规则1——减少HTTP请求1、图片地图 coords(x1,y1,x2,y2)2、CSS Sprites3、内联图片 一个页面使用不多于一个的脚本和样式表。4、脚本和样式表的合并 遵守编译型语言的模式,保持JavaScript的模块化,而在生成过程中从一组特定的模块生成一个目标文件。将适当的文件连接为一个单独的文件,进行精简,拥有多个
2015-06-12 11:48:59 769
原创 CSS3实现3D效果的弹出框
首先,用css3做一个触发弹出框的按钮:border-radius: 10px;/*圆角*/-webkit-border-radius: 10px;-moz-border-radius: 10px;-o-border-radius: 10px;box-shadow: 10px 10px 5px #888;/*阴影(x,y,w,color)*/-webkit-
2015-06-05 16:06:04 1363
原创 canvas绘制基本图形
canvas是HTML5元素,可用于通过JavaScript绘制2D图形。 canvas是通过像素渲染的。在canvas中,一旦图形绘制完成,它就不会继续得到浏览器的关注。如果其位置发生变化,那么整个场景都要重新绘制,包括任何或许已被覆盖的对象。 canvas具有以下特征:依赖分辨率不支持事件处理器弱的文本渲染能力能够以.png或.jpg格式保存结果图像最适合图像密
2015-05-28 15:33:11 851
原创 编写高质量前端代码——HTML&CSS篇
最近刚读完《编写高质量代码——Web前端开发修炼之道》,赶紧总结巩固下记忆,也方便平时查阅。 1、结构、样式和行为分离 这个不用多说,现在也是这样编码的。在此基础上,还要做到精简、重用、有序。用更少的代码实现更多功能,避免重复编码,经常用的方法写成公共插件,注意代码逻辑。 2、table布局与CSS布局 与table布局相比,CSS布局具有代
2015-05-24 16:46:30 2529
原创 纯CSS实现三角形
有时候图形不一定非要通过切图来获取,除了H5里SVG可以绘制图形以外,三角形这种基本的图形用CSS就可以快速绘制了。比如以下代码: triangle.tip{ width: 150px; height: 30px; position: relative; top: 20px; left: 30px;}.tip span{
2015-05-11 21:38:57 437
原创 html5之数据存储
1、Web存储 localStorage和sessionStorage是HTML5在客户端存储数据的两种新方法。 localStorage是没有时间限制的数据存储,sessionStorage是针对一个session的存储。 客户端存储即在本地存储数据,不是通过服务器请求传递,而是只在请求时使用数据。在不影响网站性能的情况存储大量数据。 不同网站存储
2015-03-28 16:13:38 423
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人