Tips (2010.8.30-2010.9.3)

九月 3, 2010 by 小寒 0 comments
  1. 【CSS】做投影效果，标准浏览器用box-shadow，IE用filter: progid:DXImageTransform.Microsoft.Shadow(color=’#66666666′, Direction=135, Strength=2)
  2. 【CSS】做外发光效果，标准浏览器用box-shadow，IE用filter:progid:DXImageTransform.Microsoft.Glow(Color=#444444, Strength=3);
  3. 【PHP】”name1[]=1&name1[]=2″，到了后台会自动转成数组，$_POST["name1"]的值为[1, 2]。
  4. 【ASP.NET】”name1=1&name1=2″，到了后台会自动转成用逗号分隔的字符串，Request.Form["name1"]的值为1, 2。
  5. 【HTML】IE下有个unselectable的属性，设为on以后，点击就不会获得焦点了。
  6. 【HTML】IE下有hidefocus属性，设为true以后会隐藏虚线框，和outline: none一样。
  7. 【JS】随机输出1到10个数，不重复： 
    var arr = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
var i = 10;
while(i) {
    var output = Math.round(Math.random() * (--i));
    console.debug(arr.splice(output, 1));
}

前端相关

Tips (2010.8.4-2010.8.11)

八月 11, 2010 by 小寒 3 comments
  1. 【JS】创建元素的时候用innerHTML，删除元素的时候用removeChild，替换元素内容的时候用replaceChild。性能分析见http://www.6e6.org/post/49.html
  2. 【HTML】仅在Firefox中，table元素宽度属性百分比大于100%时，Firefox会按100%处理；如果是style中的CSS特性，则不会这么处理。建议给TABLE元素设置宽度的时候，不要使用width属性，而是使用CSS中的width特性。（Google）
  3. 【JS】设置option元素中的文本时需要注意：用doc.createElement(‘option’)创建的节点，IE是无法直接设置text来改变文本的。必须通过 option.appendChild(doc.createTextNode(txt));来实现。但是，一旦节点被插入到页面DOM后，就可以直接设置option.text了。（熊松松）
  4. 【JS】取得textarea里面文字的数量，标准浏览器下可以用textarea.textLength属性，而IE下用textarea.value.length属性。
  5. 【JS】escape不编码字符有69个：*，+，-，.，/，@，_，0-9，a-z，A-Z
    encodeURI不编码字符有82个：!，#，$，&，’，(，)，*，+，,，-，.，/，:，;，=，?，@，_，~，0-9，a-z，A-Z
    encodeURIComponent不编码字符有71个：!， ‘，(，)，*，-，.，_，~，0-9，a-z，A-Z

前端相关