前端开发随笔小记 - 随笔分类 - tx天翔

CSS - Select 标签在不同浏览器中的高度设置

摘要：当使用Select标签时，在不同浏览器中显示的高度不同，如何解决此问题：解决方法链接：http://stackoverflow.com/questions/20477823/select-html-element-with-heightDemo：http://jsfiddle.net/JSDavi/... 阅读全文

posted @ 2016-01-05 14:01 tx天翔阅读(6820) 评论(0) 推荐(0)

CSS - DIV标签width根据内容自适应

摘要：设置样式：父标签｛width： auto;display: inline-block;｝子标签｛// 内容自动填充父节点宽度；｝JSFiddle Demo:http://jsfiddle.net/JSDavi/uvty2zyc/1/ 阅读全文

posted @ 2015-11-24 16:21 tx天翔阅读(6964) 评论(0) 推荐(0)

JS - Cookie: getCookie, setCookie

摘要：JS function for Cookie如果cookie未设置，判断时与空字符串‘’比较；function setCookie(cname, cvalue, exdays) { var d = new Date(); d.setTime(d.getTime() + (exdays*2... 阅读全文

posted @ 2015-11-10 11:52 tx天翔阅读(1180) 评论(0) 推荐(0)

JS - IE中没有console定义

摘要：由于IE中没有Console相关定义，所以不能使用它输出打印信息，且会出现脚本中断。所以在IE中务必去掉（注释掉）console相关脚本代码。阅读全文

posted @ 2015-11-03 10:08 tx天翔阅读(358) 评论(0) 推荐(0)

JS - IE or not:判断是否为IE浏览器方法

摘要：问题：使用JS判断是否为IE浏览器方法：1.IE='\v'=='v' （失败！）if('\v'=='v') // true only in IE2.IE=(!+"\v1") （失败！）if(!+"\v1") // true only in IE3.IE=top.execScript?1:0if(to... 阅读全文

posted @ 2015-08-13 15:38 tx天翔阅读(188) 评论(0) 推荐(0)

JS - Object and Property的删除用法

摘要：在JS中，Object和Property的删除用法： 1 var myObject = {name:'jimmy', age:12, height:123} 2 delete myObject["jimmy"]; 3 delete myObject.age; 4 with (myObject) { ... 阅读全文

posted @ 2015-08-11 15:55 tx天翔阅读(488) 评论(0) 推荐(0)

JS - Constructor还可以这样用

摘要：JS中Constructor好用法：即在只知道一个对象实例的情况下（不知道对象名），重新初始化一个新实例； 1 function Person( firstname, lastname, age ) { 2 this.firstname = firstname; 3 this.lastnam... 阅读全文

posted @ 2015-08-11 15:51 tx天翔阅读(232) 评论(0) 推荐(0)

CSS - Transform(Translate) abnormal shadow in firefox

摘要：问题：当在Firefox中实现动画translate时，会出现虚影的状况；经查找相关的解决方法，父容器添加样式：outline: 1px solid transparent;//即可解决问题。但不保证肯定能解决，也有其他解决方案，相关的问题地址：stackoverflow 阅读全文

posted @ 2015-08-11 14:00 tx天翔阅读(215) 评论(0) 推荐(0)

CSS - Tooltip-arrow 绘制三角形

摘要：问题：纯CSS实现bubble的三角形部分方法：使用border来绘制三角形；例如 1 .trangle { 2 width: 0; 3 border-color: transparent; 4 border-style: solid; 5 background-co... 阅读全文

posted @ 2015-08-10 17:41 tx天翔阅读(399) 评论(0) 推荐(0)

CSS - toggle collapse 类似bootstrap的展开效果

摘要：问题：toggle collapse 类似bootstrap的展开效果（展开一个关闭另一个）Demo：http://jsfiddle.net/JSDavi/L47vscw4/方案：使用transition动画，变换高度。阅读全文

posted @ 2015-07-28 18:04 tx天翔阅读(838) 评论(0) 推荐(0)

CSS - Span 下的width设置不可用？

摘要：解决：Span 下的width设置不可用？内联元素-span有根据内容自动伸缩的能力，当需要对其宽度设定时，出现无效的情况。Demo：http://jsfiddle.net/JSDavi/ad62kvga/方案：修改display：inline-block；阅读全文

posted @ 2015-07-28 10:23 tx天翔阅读(310) 评论(0) 推荐(0)

CSS - display:inline-block 相邻元素间有4px的空白间距

摘要：取消“display:inline-block 相邻元素间有4px的空白间距”Demo：http://jsfiddle.net/JSDavi/p6gcx6nx/例子：aaaaaabbbbbbccccccc解决方案：1、清除（inline-block）元素“”和“”的空白，即上一元素的结束标签和下一元... 阅读全文

posted @ 2015-07-28 10:15 tx天翔阅读(427) 评论(0) 推荐(0)

CSS - 内联元素span 强制换行失败的可能原因

摘要：在CSS中，标签span 强制换行失败：（使用display：block）可能原因：float：left or float：right 阅读全文

posted @ 2015-07-20 18:23 tx天翔阅读(425) 评论(0) 推荐(0)

IDEA - 自动添加代码

摘要：自动添加代码Surroundwith快捷键：Ctrl+Alt+T有if、while、function、try、。。。。阅读全文

posted @ 2015-07-15 11:15 tx天翔阅读(449) 评论(0) 推荐(0)

随笔分类 - 前端开发随笔小记