- 博客(135)
- 收藏
- 关注
RSS订阅原创 深入CSS属性(六)：margin
一、属性介绍margin 属性接受任何长度单位，可以是像素、英寸、毫米或 em。可取值：auto 浏览器计算外边距。length 规定以具体单位计的外边距值，比如像素、厘米等。默认值是 0px。% 规定基于父元素的宽度的百分比计算的外边距。inherit 规定应该从父元素继承外边距。二、常见问题1.IE6下浮动元素双倍边距问题解决方法：IE6中设置block
2014-03-02 16:11:44
1875
原创 深入CSS属性(三)：line-height
一、line-height的定义line-height(行高)，相邻文本行基线间的距离。那什么是基线呢？对于文字“Benjamin-xx工程师”，来说基线（base line）并不是汉字文字的下端沿，而是英文字母“x”的下端沿。二、line-height理解有的时候我们会遇到，不给盒子设置宽度，只设置行高，为啥也能产生高度，那么CSS中的高度由哪个来决定的呢？如果一个标签没有设置高
2014-03-01 17:20:27
1834
原创 关于select下拉框最后一项鼠标经过不能变色及设置宽度后下拉框无法滚动的bug?
浏览器环境:Chrome v32.0.1700.76 m操作系统： Windows7页面demo:Examples 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25
2014-01-24 12:57:40
2048
原创 匆匆的2013——Benjamin
我的2013随着年龄的增大，愈发感觉“光阴似箭”这几个字的含义，匆匆走过2013，现在回眸， 回忆自己的一年，爱过、恨过、悲过、笑过。由于这一年里主要忙于项目，团队中只有自己一个前端，所以没有更多的时间去专研技术，只能下班后写个blog来充饥，打开自己的blog,不知不觉前端相关博文已70篇有余，基本上每月有10篇左右blog进账，后端的技术也有了了解和提升。始终坚信分享能提高自己、帮助他
2014-01-02 14:00:04
1278
原创 获取颜色值转换为十六进制
一、 分析： * 常见的颜色形式： * a)background-color:red * b)background-color:#00F * c)background-color:#0000F * d)background-color:rgb(0,0,255)二、实现： /** * [parserColor 颜色转换为十六进制] * @param
2013-12-30 12:46:59
3984
原创 javascript:replace()方法使用详解
一、基本语法：replace(regexp|substr, newSubStr|function[, flags]);二、参数介绍：1)参数一： a)regexp:一个 RegExp 对象.该正则所匹配的内容会被第二个参数的返回值替换掉. b)substr：被替换掉的一个 String. 2)参数二： a)newSubStr：替换掉第一个参数在原字符串中的匹配部分.该
2013-12-24 14:09:13
5020
原创 实现hao123返回顶部、游戏等快捷导航
周末没事，实现下hao123返回顶部快捷导航功能，请路过的大神指点！下面为相关代码：HTML： 游戏 购物 生活 视频 轻松 到底部 CSS： .wh{width:960px;hei
2013-12-21 19:36:55
1789
原创 HTML页面呈现时莫名其妙出现个空行
最近一个项目中，HTML代码里面没有多出的行，但在页面显示的时候，莫名其妙多出了一个空格或多余的行，分析半天也不知道什么原因，在网上搜索了下，发现是文档编码为UTF-8 BOM的原因。怎么解决这个问题呢？只需把这个HTML文档存为UTF-8无BOM的格式就OK了。
2013-12-21 16:38:20
5505
原创 jquery delegate 给a标签绑定hover事件
Note that as of jQuery 1.4.3, the type of event that is reported when using 'hover' with .delegate() or .live() is no longer mouseover/mouseout (as it ought to be). Now it will be mouseenter/mouseleav
2013-12-20 18:54:00
6260
原创 MYSQL:SQL_CALC_FOUND_ROWS 和count(*) 性能比较
测试：1.创建表： //此处使用了覆盖索引 CREATE TABLE IF NOT EXISTS `Ben` ( `aa` int(10) unsigned NOT NULL AUTO_INCREMENT, `bb` int(10) unsigned NOT NULL, `cc` varchar(100) NOT NULL, PRIMARY KEY (`aa`),
2013-12-18 13:01:46
5797
1
原创 Why am i a number?
console.log("Why am i a " + typeof + ""); //Why am i a number一、加号的运算：1)首先运行加号左右表达式，并将传入ToPrimitive，参考ECMASCRIPT规范2)表达式操作数其中一个为String,用字符串拼接,返回String( left ) 和 String( right )拼接结果3)如果一个操作数是对象，对
2013-12-17 12:56:35
1113
原创 校验：javascript判断两个IP地址是否在同一个网段
1）基本思路：要判断两个IP地址是否在同一个网段，将它们的IP地址分别与子网掩码做与运算，得到的结果为网络号，如果网络号相同，就在同一子网，否则，不在同一子网。2）具体实现： /** * [isEqualIPAddress 判断两个IP地址是否在同一个网段] * @param {[String]} addr1 [地址一] * @param {[String]}
2013-12-12 18:57:58
4429
1
原创 命名空间的使用和优缺点
一、命名空间的实现：(function(win){ var Benjamin = win.Benjamin = {}; Benjamin.namespace = function(str){ if(!str || !str.length) return null; var parent = Benjamin, arr = str.indexOf(".")
2013-12-11 11:16:53
3845
原创 Emmet（zencoding）插件语法及常用简写
一、Emmet支持的简写规则:1. E 代表HTML标签。2. E#id 代表id属性。3. E.class 代表class属性。4. E[attr=foo] 代表某一个特定属性。5. E{foo} 代表标签包含的内容是foo。6. E>N 代表N是E的子元素。7. E+N 代表N是E的同级元素。8. E^N 代表N是E的上级元素。二、Emmet连写（E*N）和
2013-12-09 17:03:40
1405
原创 Tips:表单提交时各控件的值
一、禁用状态所有禁用的表单控件都不会提交值二、启用状态 1.checkbox/radio: 1)未选中:不会提交参数 2)选中: a)设置value值，提交参数值为value值 b)未设置value值，提交参数值为"on
2013-12-07 09:45:10
1290
原创 javascript console对象的兼容性解决方案
/** * * @authors Benjamin(http://blog.csdn.net/cuew1987) */(function (win){ //重置为空函数，避免JS报错 var console = win.console || {}, fns = ['assert', 'clear', 'count', 'debug', 'dir', 'd
2013-12-07 09:37:37
1536
原创 javascript中的类型转换与测试
一、默认类型ToPrimitive 转换类型值Undefined结果等于输入的参数（不转换）。Null结果等于输入的参数（不转换）。Number结果等于输入的参数（不转换）。String结果等于输入的参数（不转换）。Boolen结果等于输入的参数（不转换）。Object
2013-12-01 09:33:47
1360
原创 总结javascript的那些怪癖
/** * * @authors Benjamin(http://blog.csdn.net/cuew1987) * @date 2013-11-29 14:04:00 * @content 总结javascript的那些怪癖(trick) *//** * trick01:NaN是个数值 * NaN：表示某个值不是数值，但其本身又是数值，且不等于其自
2013-11-30 23:12:25
1389
转载 影响一生的职业建议
前段时间我和一个同事进行了一次有趣的讨论。我们重新审视了我们的工作历史，并探讨了那些可以称之为丰富多彩的个人特性是如何对我们产生长期的负面影响的。之后我发现在我刚走出校园的时候确实有点混蛋（某些人也许会说我现在依然有点混蛋，不过这是题外话了）。那时候的我是一个自负，刻薄并不知道尊重其他人的人。不过我想那时候的我知道这些并反而对于这样的我感到自豪。过去，我喜欢直接指出那些更加资深的工程师他们
2013-11-29 13:23:45
853
原创 javascript：navigator.userAgent
navigator.userAgent解释：返回用户代理头的字符串表示(就是包括浏览器版本信息等的字符串)常见应用：使用navigator.userAgent属性判断用户使用的浏览器与操作系统，常见操作系统使用率统计与浏览器使用率统计都是通过userAgent属性实现的.写这篇博文的主要目的是要介绍一个地址，可以直接测试浏览器的userAgent，这个网站包含全世界的多种常用浏览器。在
2013-11-27 12:53:22
2765
原创 初识Flexbox 布局
一、首先创建一个flexbox容器 .flexboxcontainer{ display: -webkit-flex; display: flex; }二、flex项按行排列flex项目默认按行排列，也可设置为column，按列排列，默认设置为row .flexboxcontainer{ display: -webkit-flex; display:
2013-11-27 00:29:48
1722
原创 深入javascript引擎对脚本的处理过程
javascript程序与宿主环境进行交互，是通过一系列预定义的方法和属性实现的，这些方法和属性会再映射成浏览器的内部原生代码，所以与其他很对常规的编程语言不同，浏览器开放的这些借口往往受限且有针对性。a）无论是独立的窗口还是在框架里面，每个展示在浏览器里面的html文档，都被赋予了一个独立的javascript执行环境实例，在这个环境里面加载的脚本的所有全局变量和函数都拥有一个独立的命名空间
2013-11-26 23:47:57
2577
2
转载 Broswer:浏览器缩放的检测
最近遇到检测浏览器窗口缩放的问题，不经意间看到刀哥的这篇文章，在此收藏了，感谢刀哥的分享。以下正文。。。很多 WEB 开发者可能都会碰到这种头痛的问题，就是当用户对页面进行缩小或放大时，原本好好的布局就被破坏了。如果让网页支持自适应的缩小和放大布局，对于开发者来说是一个不小的挑战。在我看来如果用户有意识的去对网页进行缩放，那么就应该知道缩放会破坏布局。还有很多用户其实压根不知道自己是何时对
2013-11-25 23:51:19
2052
原创 seajs+easyui实战
* *author Benjamin *date 2013-11-24 *content seajs+easyui使用 *//** * 首先来看看在seajs中jquery和jquery插件如何使用 */1.jquery.jsdefine(function(require,exports,module)){ //原jquery.js代码
2013-11-24 23:34:47
2788
转载 为 Web 设计师准备的 25+ 款扁平 UI 工具包
Flat UI Kit by Riki Tanone (free) Flat UI Kit (PSD) by Devin Schulz (free) Eerste UI Kit (free) Metro UI kit (free) Ui Kit by Abhimanyu Rana (free) Flat Ui Kit
2013-11-20 09:45:33
3803
原创 Linux:Failed to get exclusive lock on the configuration file
错误描述：一个正在运行的进程在使用“configuration”文件，因此获不能获取配置文件的锁，而导致失败。解决方案：打开进程管理器，在其中找到三个虚拟机的进程，分别为：vmware-usbarbibrator.exevmware-unity-helper.exevmware-vmx.exekill掉vmware-vmx.exe 并重启虚拟机
2013-11-19 20:10:41
4569
1
转载 使用 WebSockets 的 9 个应用场景
没有其他技术能够像WebSocket一样提供真正的双向通信，许多web开发者仍然是依赖于ajax的长轮询来实现。（注：我认为长轮询是富于创造性和多功能性的，虽然这只是一个不太完美的解决办法（hack））对Websocket缺少热情，也许是因为多年前他的安全性的脆弱，抑或者是缺少浏览器的支持，不管怎样，这两个问题都已经被解决了。决定手头的工作是否需要使用WebSocket技术的方法很简单：
2013-11-19 09:51:18
1440
原创 console.table()调试javascript
/** * * @authors Benjamin * @date 2013-11-18 13:08:18 * console.table()调试javascript * 直接进入实例 *///定义一个对象var obj = { "name":"张三", "age" :20, "sex" :"male"};console.log("---
2013-11-18 13:29:24
1307
原创 javascript 全类型检查type.js
(function (root) { var typeArr = [ 'Null', 'Undefined', 'Object', 'Array', 'String', 'Number', 'Boolean', 'Function', 'RegExp', 'Element', 'NaN', 'Infinite' ], type = function (o) { var s = null, type
2013-11-16 23:54:03
1391
原创 常见表单重复提交问题和处理方法
/*** * @authors Benjamin* @date 2013-11-13 10:16:59*/一、常见的重复提交问题： a>点击提交按钮两次。 b>点击刷新按钮。 c>使用浏览器后退按钮重复之前的操作，导致重复提交表单。 d>使用浏览器历史记录重复提交表单。 e>浏览器重复的HTTP请求。 二、防止表单重复提交的方法 a>
2013-11-13 10:31:35
5403
原创 深入理解__proto__ 、constructor和prototype的关系
之前我对Javascript的原型链中, 原型继承与标识符查找有些迷惑, 如, 如下的代码:function Foo() {};var foo = new Foo();Foo.prototype.label = "laruence";alert(foo.label); //output: laruencealert(Foo.label);//output: undefine
2013-11-12 09:56:21
3758
3
转载 2014年及之后的9大IT趋势预测
虽然这一年还未结束，但要预测很多新的进展已经到时候了。所以我打算尽早开始我的预测季。本来我只打算对来年做出一些预测的，但我们正处在一些罕见的接合点上，发现一连串的趋势已经开始明确化了，我敢肯定，其中的一些趋势会持续超过未来12个月。 下面就是我对未来12个月甚至更长时间的九大趋势预测。 1、云成为新的硬件。这是Pivotal的CEO Paul Maritz提出的。其论点是：新的计
2013-11-11 09:47:52
908
原创 PHP学习系列之文件上传
<?php/** * * @authors Benjamin * @date 2013-11-10 19:51:10 * PHP学习系列之文件上传 * * 一、上传配置 * upload_max_filesize = 2M 上传的最大文件大小 * file_uploads = on 开启文件上传 * max_execution_time
2013-11-10 22:15:06
944
原创 PHP学习系列之会话控制
<?php/** * * @authors Benjamin * @date 2013-11-10 14:33:44 *//** * PHP学习系列之会话控制 * * 一、cookie * * cookie 是由服务器发送到浏览器的变量。cookie 通常是服务器嵌入到用户计算机中的小文本文件。 * 每当计算机通过浏览器请求一个页
2013-11-10 15:17:47
1056
转载 content="IE=edge,chrome=1"详解
http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">http-equiv="X-UA-Compatible"这个是IE8的专用标记，是用来指定Internet Explorer 8 浏览器模拟某个特定版本IE浏览器的渲染方式，以此来解决IE浏览器的兼容问题。例如指定IE8浏览器使用IE6的渲染方式呈现界面。曾经css hack
2013-11-10 14:26:40
2623
原创 PHP学习系列之文件访问及文件操作
<?php/** * PHP学习系列之文件访问及文件操作 * 一、文件访问 * filetype() * 输出文件相关类型（dir/file/link(linux)） * * stat() * 返回数组，获取指定文件名文件的基本属性 * * clearstatcache() * 清除缓存 * * is_executable() * 判断文件
2013-11-10 11:39:27
1067
原创 PHP学习系列之深入理解MVC
MVC模式（Model-View-Controller）是软件工程中的一种软件架构模式，把软件系统分为三个基本部分：模型（Model）、视图（View）和控制器（Controller）。MVC模式的目的是实现一种动态的程序设计，使后续对程序的修改和扩展简化，并且使程序某一部分的重复利用成为可能。除此之外，此模式通过对复杂度的简化，使程序结构更加直观。软件系统通过对自身基本部份分离的同时也赋予了
2013-11-09 14:15:02
1978
原创 收录：前端面试题
一、单选题1、 以下哪条语句会产生运行错误：（）A. var obj = ();B. var obj = [];C. var obj = {};D. var obj = //;2、 以下哪个单词不属于javascript保留字：（）A. withB. parentC. classD. void3、 请选择结果为真的表达式：（）A. null inst
2013-11-07 19:44:53
1044
原创 PHP 学习系列之httpd.conf 详解及多站点配置
/** * PHP学习环境 * Win32 + PHP5.3.10 + Apache2.2.21 + Mysql5.5.20 */一、Apache httpd.conf 详解与多站点配置：1.Apache httpd.conf 详解1)Listen 80 :监听端口2)LoadModule php5_module "g:/wamp/bin/php/php5.3.10
2013-11-03 18:03:52
1475
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人