2011年12月4日
[翻译] CSS3弹性盒模型布局模块 (aka Flex Box)介绍和demo/测试用例
摘要： 来源：Robert’s talk原文：http://robertnyman.com/2010/12/02/css3-flexible-box-layout-module-aka-flex-box-introduction-and-demostest-cases/翻译：网易前端开发组 纪老湿link：http://www.ued163.com/1864/%E7%BF%BB%E8%AF%91-css3%E5%BC%B9%E6%80%A7%E7%9B%92%E6%A8%A1%E5%9E%8B%E5%B8%83%E5%B1%80%E6%A8%A1%E5%9D%97-aka-flex-box%E4%BB 阅读全文
posted @ 2011-12-04 22:11 Ensonfield 阅读(264) 评论(0) 推荐(0) 编辑
前端面试题记录
摘要： 10月份的时候参加了几次互联网公司的校招，记录了一些面试题（淘宝第一轮和第二轮技术面＋百度第一轮和第二轮技术面），与大家分享下。百度一面：1.JS，CSS的兼容问题2.JS变量作用域3.JS函数闭包的理解及运用4.排序算法举例并书写代码实现5.盒模型（在IE下不兼容的一些问题）6.form表单提交没反应或反应很慢，导致用户多次重复点击，怎么优化解决？7.JS结点克隆的方法8.堆与栈的区别9.二叉树的前中后序遍历。淘宝一面：1.CSS三栏布局的方式，栅格布局实现2.firebug控制台操作命令，JS调试方法3.JS创建table的方法4.Linux常用命令5.alt与title在<img& 阅读全文
posted @ 2011-12-04 18:53 Ensonfield 阅读(1265) 评论(2) 推荐(0) 编辑
2011年11月1日
深入理解JS变量作用域
摘要： 在学习JavaScript的变量作用域之前，我们应当明确几点：JavaScript的变量作用域是基于其特有的作用域链的。JavaScript没有块级作用域。函数中声明的变量在整个函数中都有定义。1、JavaScript的作用域链首先看下下面这段代码：<script type="text/javascript"> var rain = 1; function rainman(){ var man = 2; function inner(){ var innerVar = 4; alert(rain); } inner(); ... 阅读全文
posted @ 2011-11-01 15:04 Ensonfield 阅读(247) 评论(0) 推荐(0) 编辑
2011年10月28日
输入框默认文字
摘要： 当鼠标点击输入框时，原有的默认文字消失。如果输入其它新内容，然后移开鼠标，输入框新内容不变；如果不输入新内容，鼠标离开输入框又还原默认文字。<form id="form1" name="form1" method="post" action=""> <label for="textfield">输入内容：</label> <input name="textfield" type="text" id="te 阅读全文
posted @ 2011-10-28 17:23 Ensonfield 阅读(331) 评论(0) 推荐(0) 编辑
2011年10月27日
输入框输入类型限制
摘要： css 之 ime-mode语法：ime-mode : auto | active | inactive | disabled取值：auto : 默认值。不影响ime的状态。与不指定 ime-mode 属性时相同active : 指定所有使用ime输入的字符。即激活本地语言输入法。用户仍可以撤销激活imeinactive : 指定所有不使用ime输入的字符。即激活非本地语言。用户仍可以撤销激活imedisabled : 完全禁用ime。对于有焦点的控件(如输入框)，用户不可以激活ime说明：设置或检索是否允许用户激活输入中文，韩文，日文等的输入法(ime)状态。此属性对于 currentsty 阅读全文
posted @ 2011-10-27 10:35 Ensonfield 阅读(409) 评论(0) 推荐(0) 编辑
2011年10月26日
Firebug & Chrome Console 控制台使用命令
摘要： Console API当打开 firebug (也包括 Chrome 等浏览器的自带调试工具)，window 下面会注册一个叫做 console 的对象，它提供多种方法向控制台输出信息，供开发人员调试使用。下面是这些方法的一个简单介绍，适时地运用它们，对于提高开发效率很有帮助。console.log(object[, object, ...])使用频率最高的一条语句：向控制台输出一条消息。支持 C 语言 printf 式的格式化输出。当然，也可以不使用格式化输出来达到同样的目的：var animal='frog', count=10;console.log("The 阅读全文
posted @ 2011-10-26 17:43 Ensonfield 阅读(358) 评论(0) 推荐(0) 编辑
title与alt
摘要： html中的title属性和alt属性让人有些混淆。 以前不知道有title这个属性，第一次用到它时，就和alt产生了混淆。一位朋友告诉我说，alt是图片img标签里用的，title是超链接里用的， 当时想可能是这样的吧，后来知道这是很不严谨的，alt是图片img标签里用的没错，可是你在img标签里使用title属性，结果一样可以出现效果。 在记事本中分别写三条语句，保存成html进行测试： <img src="D:\Documents\我的文档\图片收藏\2-02.gif" alt="这是我校的logo" /> <img src=&q 阅读全文
posted @ 2011-10-26 14:43 Ensonfield 阅读(213) 评论(0) 推荐(0) 编辑
2011年10月24日
JS正则表达式
摘要： 建立正则表达式对象语法re = newRegExp(/pattern/[flags])flags 参数说明：g（全文查找出现的所有pattern）i（忽略大小写）m（多行查找）\将下一个字符标记为一个特殊字符、或一个原义字符、或一个 后向引用、或一个八进制转义符。例如，’n’ 匹配字符 “n”。’\n’ 匹配一个换行符。序列 ‘\\’ 匹配 “\” 而 “\(” 则匹配 “(”。.匹配除 “\n” 之外的任何单个字符。要匹配包括 ‘\n’ 在内的任何字符，请使用象 ‘[.\n]‘ 的模式。x|y匹配x或y。例如，’z|food’ 能匹配 “z” 或 “food”。’(z|f)ood’ 则匹配 阅读全文
posted @ 2011-10-24 15:01 Ensonfield 阅读(198) 评论(0) 推荐(0) 编辑
2011年10月19日
CSS教程:定位属性在元素中的层级关系
摘要： 注意：这里把position : static这个默认的定位属性值同意认为没有定位，position:relative、position:absolute和position:fixed都认为是有定位 。position:fixed在ie6下未支持，所以本位不做实例，在其他浏览器下同样适用。一、在没有定位属性的兄弟元素中，一般在html结构下面的元素层级高于结构上面的元素。二，兄弟元素中有定位属性的元素层级高于没有这两个属性的其他兄弟元素。看一个在结构上面元素上加position:absolute例子，这个可能大家很常用：<div style="width:400px; heig 阅读全文
posted @ 2011-10-19 16:13 Ensonfield 阅读(1445) 评论(0) 推荐(0) 编辑
2011年10月12日
纯JS拼图小游戏
摘要： 废话不多说，直接上代码。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; 阅读全文
posted @ 2011-10-12 15:19 Ensonfield 阅读(655) 评论(0) 推荐(0) 编辑