2013年08月_BJ_benjamin

转载 10年的程序员生涯

展望未来，总结过去10年的程序员生涯，给程序员小弟弟小妹妹们的一些总结性忠告走过的路，回忆起来是那么曲折，把自己的一些心得体会分享给程序员兄弟姐妹们，虽然时代在变化，但是很可能你也会走我已经做过的10年的路程，有些心得体会你可以借鉴一下，觉得说得有道理的你就接纳，觉得说得没道理的，你就抛弃，以下是我发自内心的，给大家的忠告，特别是针对那些小弟弟妹妹们。01. 自己的户口档案、养老保险

2013-08-27 19:17:42 1010 1

转载 AMD 和 CMD 的区别有哪些?

看到玉伯在介绍seajs和requirejs时，说“RequireJS 遵循的是 AMD（异步模块定义）规范，SeaJS 遵循的是 CMD （通用模块定义）规范”。能否详细（举例）说明下这个2个规范和实现的机制呢？AMD 规范在这里：https://github.com/amdjs...CMD 规范在这里：https://github.com/seajs...AMD 是 Requi

2013-08-26 19:06:00 2342

转载淘宝栅栏布局模块化命名浅析

先来看下淘宝网的一处3栏布局：点击放大这里是对应的代码：我们可以看到 class=”grid-c3-s5e7″ 这个命名似乎有些特别，再看看其包含的class=”col-main” 和 class=”col-sub” 以及 class=”col-extra skin-orange”再多一些样本代码：.grid-c, .grid-c2-s4, .grid-c2

2013-08-26 10:15:32 1480

翻译 spin.js无图片实现loading进度条,支持但非依赖jquery

特点：1.无图片，无外部CSS2.无依赖（支持jQuery,但非必须）3.高度可配置4.分辨率无关5.旧版本IE不支持时，采用VML支持6.使用关键帧动画，采用setTimeout()7.兼容各种主流浏览器，包括IE68.MIT认证spin.js动态创建进度条，可用来替换使用ajax加载gif图片

2013-08-24 12:37:02 4220

本文将为大家介绍的是二十条MySQL性能优化的经验，这些小经验有助于大家更好的使用MySQL进行WEB开发。今天，数据库的操作越来越成为整个应用的性能瓶颈了，这点对于Web应用尤其明显。关于数据库的性能，这并不只是DBA才需要担心的事，而这更是我们程序员需要去关注的事情。当我们去设计数据库表结构，对操作数据库时(尤其是查表时的SQL语句)，我们都需要注意数据操作的性能。这里，我们不会讲过多的SQL

2013-08-21 15:12:45 1101

转载 web设计之合理限制用户的操作

煎一个鸡蛋，你需要哪些厨具？厨房里各种厨具都有，因为你可能下一餐要吃油焖大虾，红烧排骨。但是现在你只要煎个鸡蛋。也许，你需要的也只有这些…… 榨汁机，电饭煲，菜刀……没有这些，我们不能榨果汁，煮饭，切菜，这将限制我们在其它时候可能发生的动作，但是现在，我要做的只是煎一个鸡蛋而已。一个盛鸡蛋的碗

2013-08-21 14:41:22 1127

原创快速查找数组中的某个元素，并返回下标

//实现一：function isHasElementOne(arr,value){ for(var i = 0,vlen = arr.length; i < vlen; i++){ if(arr[i] == value){ return i; } } return -1;}//实现二：function isHasElementTwo(arr,value){ v

2013-08-19 19:59:26 9000 1

原创正则表达式：数值及数值型字符串三位一组格式化

var formatNumber = function(str,split){ var type = typeof str; switch (type){ case "number": str = str.toString(); case "string": return str.replace(/(\d+?)(?=(?:\d{3})+$)/g,"$

2013-08-15 23:20:19 1552

原创 IE6/7下移除button、input 默认边框和去掉焦点线

一、去掉边框：看看基本的HTML：通常解决这样的bug最好的方法就是在button和input的标签外添加一个标签，然后将样式写在这个标签上，并且把button和input的默认样式都去除掉。实现方式一：设置CSS： input{margin:0;padding:0;} .wrap{background-color:#0f0;} .input_

2013-08-15 00:13:54 5943

转载最火的前端开源项目

对于开发者而言，了解当下比较流行的开源项目很是必要。利用这些项目，有时能够让你达到事半功倍的效果。为此，本文整理GitHub上最火的前端开源项目列表，内容涵盖了Hack Design、Designer School、TheExpressiveWeb、如何成为优秀的前端开发工程师、Web开发教学材等，这里按分类的方式列出前九个。详细内容如下：一、Architecture 网站架构，一

2013-08-14 22:42:39 2504

原创解决IE6,IE7不能隐藏绝对定位溢出的内容

令人蛋疼的IE，IE6/IE7下父元素有相对/绝对定位时，子元素在IE6和IE7下overflow:hidden;失效。情况一：（在parent上增加position:relative） .parent{ width:100px; height:100px;border:1px solid #f00; overflow:hidden; position:relative;} .so

2013-08-13 22:01:34 1508

原创 HTML4.0元素默认样式

html, address,blockquote,body, dd, div,dl, dt, fieldset, form,frame, frameset,h1, h2, h3, h4,h5, h6, noframes,ol, p, ul, center,dir, hr, menu, pre { display: block; unicode-bidi: embed }li

2013-08-12 19:47:10 927

原创 javascript 模式之API模式

javascript API模式：可以帮助我们为函数提供更好，更整洁的接口。这些模式主要包括以下几个：1)回调模式：函数也是对象，因此可以作为参数传递，看如下例子：function demo01 (callback){ callback();}function test01(){ console.log("aaa");}demo01(test01);//"a

2013-08-11 22:47:20 893

翻译浏览器是如何工作的系列：渲染树的构建

四、渲染树的构建当DOM被构建时，浏览器构建另一个渲染树，这棵树上的可视化元素将被按正确的顺序显示。这是文档的可视化表示。目的在于使可视化元素按他们的顺序渲染他们的内容。在Firefox中，这些元素在渲染树中称作“帧”，webkit使用术语渲染器或者渲染对象，一个渲染器知道如何去布局和绘制它自己和它的孩子。 Webkits 渲染对象类，基于渲染器的类有以下定义： clas

2013-08-10 15:57:21 1690

Benjamin——前端攻城师