Beta_陳

摘要： 响应式布局使用的css技巧主要有： 1.百分比。在设置元素的样式时，应使用百分比，而不是固定的数值，尤其是图片的缩放，更是使用百分比，如果需要可以设置max-width。百分比的计算公式为： 目标元素宽度 / 上下文元素宽度=百分比宽度 如将固定宽度#wrap { width:960px;... 阅读全文

摘要： 在列容器中，根据不同的列数，子元素可设置类 ui-block-a|b|c|d|e。这些列将依次并排浮动。网格中的列是等宽的（总宽是 100%），无边框、背景、外边距或内边距。例：对于 ui-grid-a 类（两列布局），您必须规定两个子元素 ui-block-a 和 ui-block-b。对于 ui... 阅读全文

摘要： 文本重复Bug在IE6中，一些隐藏的元素（如注释、display:none;的元素）被包含在一个浮动元素里，就有可能引发文本重复bug。解决办法：给浮动元素添加display:inline;。躲猫猫bug在IE6和IE7下，躲猫猫bug是一个非常恼人的问题。一个撑破了容器的浮动元素，如果在他之后有不... 阅读全文

摘要： 双向的数据绑定数据绑定可能是AngularJS最酷最实用的特性。它能够帮助你避免书写大量的初始代码从而节约开发时间。一个典型的web应用可能包含了80%的代码用来处理，查询和监听DOM。数据绑定是的代码更少，你可以专注于你的应用。例子一： Hello, {{user.name}}! h... 阅读全文

摘要： 在我们设置png透明图片时，其他浏览器都显示很正常，唯独只有ie6看着不是透明的状态。第一种办法是：单独设置ie6的样式。例： _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="ima... 阅读全文

摘要： 虽然现在很少有人在用ie6了，但作为前端人员，是不的不面对的问题。在ie6中，使用float后的元素，在margin—left，这是你会发现距离和你想的不一样，其他的浏览器又是正常的，增大margin—left这一现象会更明显。解决此办法的最简单的方法是，在style中添加：display:inli... 阅读全文

摘要： 正则表达式用于字符串处理、表单验证等场合，实用高效。现将一些常用的表达式收集于此，以备不时之需。匹配中文字符的正则表达式： [\u4e00-\u9fa5]评注：匹配中文还真是个头疼的事，有了这个表达式就好办了匹配双字节字符(包括汉字在内)：[^\x00-\xff]评注：可以用来计算字符串的长度（一个... 阅读全文

摘要： 图像链接在被点击时会出现虚线框，即使松开了也仍然存在，在有的时候显得不美观。所以最好就把它给去掉 方法一 IE下可使用其私有的html属性：hideFoucs，在标签的结构中加入hidefocus="true"属性。即： 网 而在 Firfox 浏览器中则相对比较容易，直接给标签 a 定义样... 阅读全文

摘要： 之前按照例子，加载图像，发现加载图像，加载不上去，代码也没有错误，经过几次的尝试：发现需要重复调用下drawImage才可以。​后来，发现应该是加载的问题，大多数支持 canvas 标记的浏览器的当前版本中，当图片还没有加载完成时，如果你要去画它，结果是什么事情都不会发生。也就是说，如果你想画一个图... 阅读全文

摘要： 今天做了大量的canvas作业，发现很多的步奏都是一样的，我自己就封装了一个画直线形2D图形函数。功能不是很强大。 function drawModule(Json,strokeStyle,fillStyle) { if (fillStyle) { cont... 阅读全文