轩枫阁

javascript 命名规则之变量匈牙利命名法

匈牙利命名法语法：变量名＝类型＋对象描述

• 类型指变量的类型
• 对象描述指对象名字全称或名字的一部分，要求有明确含义，命名要容易记忆容易理解。

提示: 虽然JavaScript变量表面上没有类型，但是JavaScript内部还是会为变量赋予相应的类型。

提示: 匈牙利命名法是一位微软程序员发明的，多数的C,C++程序都使用此命名法。 查看全文

编者注：这里的“重构”指的是将设计图（比如PSD）转换为html + css + js。

用这个标题，是因为前一段时间组里有一个开放式讨论：怎样才算一个好重构？

其实，”好”与”坏”向来都是相对的，因为每个人眼中看待”好”与”坏”的标准不一样，不如从自身的角度考虑一下：如何做一个好重构？

先来看一个平时我们遇到的最多的两栏布局：

基本的html代码：

来看具体的CSS代码实现（忽略margin）：

查看全文

过去一直去，未来一直来，只有现在~

采用wordpress建站的时候，发现页面会生成很多冗余的代码，有些东西其实我们用不到，而且没什么很大的作用，这些代码我找了半天也没找到源代码怎么删除，最终发现是wp_head() 这个方法输出的代码。

wp_head()是wordpress的一个非常重要的函数，基本上所有的主题在header.php这个文件里都会使用到这个函数，而且很多插件为了在header上加点东西也会会到wp_head()，比如SEO的相关插件。但是，在wp_head()出现的这个位置，会增加很多并不常用的代码。 查看全文

原本本站的图片浏览想通过自己敲代码代码一步一步实现出来，但理想是美好的。刚开始写就遇到了问题，首先是冒泡问题，这个好解决。然后因为本站的图片一般都偏大，一般都会有1600X1920的大小，这个尺寸对于我们1366X768的电脑分辨率来说，怎么显示是个问题。而且要控制图片居中显示，只能在图片加载完之后再获取图片的高宽，再加以控制居中显示。后面也只好用插件wp-lightbox-2来实现这种效果，现在也知道javascript图片预加载技术可以解决这个问题。

图片预加载技术的典型应用

如lightbox方式展现照片，无疑需要提前获得大图的尺寸，这样才能居中定位，由于javascript无法获取img文件头数据，必须等待其加载完毕后才能获取真实的大小然后展示出来，所以lightbox显示的图片的速度体验要比直接输出的差很多，而本文说提到的预加载技术主要针对获取图片尺寸。 查看全文