会员
周边
众包
新闻
博问
闪存
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
Angelina
博客园
首页
新随笔
联系
订阅
管理
1
2
下一页
2017年6月13日
如何编写高性能的 javascript
摘要: 服用后: 服用后: 服用后: 1.4 使用 firstChild 和 nextSibling 代替 childNodes 遍历 dom 元素 服用后: 2. 字符串 服用后: 3. 循环语句 服用后: 3.2 顺序无关的遍历时,用 while 替代 for 服用后: 4. 条件分支 服用后: 5.2
阅读全文
posted @ 2017-06-13 16:48 nalee
阅读(272)
评论(0)
推荐(0)
2017年6月8日
HTML中<input>和<textarea>的区别
摘要: 在HTML中有两种方式表达文本框 一个是<input>元素的单行文本框 一种是<textarea>的多行文本框。 <input>元素: 1.一定要指定type的值为text; 2.通过size属性指定显示字符的长度,value属性指定初始值,Maxlength属性指定文本框可以输入的最长长度; <t
阅读全文
posted @ 2017-06-08 15:49 nalee
阅读(10433)
评论(1)
推荐(0)
用一个div模拟textarea的实现
摘要: contenteditable是HTML5的属性,兼容IE6以上,不用担心兼容性问题。
阅读全文
posted @ 2017-06-08 15:29 nalee
阅读(1366)
评论(0)
推荐(0)
2017年6月1日
ios和android适配
摘要: 一些情况下对非可点击元素如(label,span)监听click事件,ios下不会触发 三星手机遮罩层下的input、select、a等元素可以被点击和focus(点击穿透) 安卓浏览器看背景图片,有些设备会模糊。 h5页面有个问题就是,当输入框在最底部,点击软键盘后输入框会被遮挡。 关于Web移动
阅读全文
posted @ 2017-06-01 22:36 nalee
阅读(485)
评论(0)
推荐(0)
css3常用属性
摘要: CSS3 动画属性(Animation) CSS 背景属性(Background) CSS 边框属性(Border 和 Outline) Box 属性 Color 属性
阅读全文
posted @ 2017-06-01 18:34 nalee
阅读(189)
评论(0)
推荐(0)
inline-block空隙怎么解决
摘要: 方法一:移除空格 元素间留白间距出现的原因就是标签段之间的空格,因此,去掉HTML中的空格,自然间距就木有了。考虑到代码可读性,显然连成一行的写法是不可取的,我们可以: 或者是: 或者是借助HTML注释: 方法二:使用margin负值 margin负值的大小与上下文的字体和文字大小相关,间距对应大小
阅读全文
posted @ 2017-06-01 18:09 nalee
阅读(787)
评论(0)
推荐(0)
css3动画的性能优化
摘要: 目前对提升移动端CSS3动画体验的主要方法有几点:尽可能多的利用硬件能力,如使用3D变形来开启GPU加速 一个元素通过translate3d右移500px的动画流畅度会明显优于使用left属性;原因是因为: CSS动画属性会触发整个页面的重排relayout、重绘repaint、重组recompos
阅读全文
posted @ 2017-06-01 17:54 nalee
阅读(4281)
评论(0)
推荐(0)
常用布局的实现(两列布局、三列适应布局,两列等高适应布局等)
摘要: 两列布局:左侧定宽,右侧自适应方法一:利用float和负外边距 优点:考虑了页面优化,右侧主内容区先加载,左侧后加载。 缺点:多添加了一层div包裹。 方法二:利用外边距 优点:代码简洁,便于理解 缺点:不利于页面优化,右侧主内容区后加载 方法三:利用position 优点:考虑到了页面优化,右侧内
阅读全文
posted @ 2017-06-01 17:20 nalee
阅读(1670)
评论(0)
推荐(0)
垂直水平居中的实现方式
摘要: 1、绝对定位+margin:auto 效果: 实现原理:利用css定位规则,设置左右、上下方向定位为0,margin为auto,让css根据定位计算margin值,用hack的方式实现居中。居中块(绿色)的尺 寸需要可控,因为css计算margin时也需要参考尺寸值,由于四周为0,所以自动计算的尺寸
阅读全文
posted @ 2017-06-01 16:52 nalee
阅读(762)
评论(0)
推荐(0)
遇到的兼容性问题与解决方法
摘要: 浏览器兼容问题一:不同浏览器的标签默认的外补丁和内补丁不同 问题症状:随便写几个标签,不加样式控制的情况下,各自的margin 和padding差异较大。 碰到频率:100% 解决方案:CSS里 *{margin:0;padding:0;} 备注:这个是最常见的也是最易解决的一个浏览器兼容性问题,几
阅读全文
posted @ 2017-06-01 16:39 nalee
阅读(4197)
评论(0)
推荐(0)
1
2
下一页
公告