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