会员
众包
新闻
博问
闪存
云市场
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
dehua.Chen
博客园
首页
新随笔
联系
订阅
管理
2016年6月7日
JavaScript各种遍历方式详解
摘要: 为了方便例子讲解,现有数组和json对象如下 for 可以直接看示例,用得太多了,很简单 关于for循环,有一下几点需要注意 for循环中的i在循环结束之后仍然存在与作用域中,为了避免影响作用域中的其他变量,使用函数自执行的方式将其隔离起来()(); 避免使用for(var i=0; i 的方式,这
阅读全文
posted @ 2016-06-07 21:27 dehua.Chen
阅读(163)
评论(0)
推荐(0)
编辑
2016年6月2日
JavaScript上下文和闭包
摘要: "this" 上下文 上下文通常是取决于一个函数如何被调用。当函数作为对象的方法被调用时,this 被设置为调用方法的对象: 同样的原理适用于当调用一个函数时通过new的操作符创建一个对象的实例。当以这种方式调用时,this 的值将被设置为新创建的实例: 当调用一个未绑定函数,this 将被默认设置
阅读全文
posted @ 2016-06-02 17:18 dehua.Chen
阅读(549)
评论(0)
推荐(1)
编辑
2016年5月7日
移动端-笔记
摘要: meta基础知识 H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 viewport模板——通用 移动端touch事件当用户手指放在移动设备在屏幕上滑动会触发的touch事件 touchstart——当手指触碰屏幕时候发生。touchmove——当手指在屏幕上滑动时连续触发。通常我们再滑屏页面,会
阅读全文
posted @ 2016-05-07 11:22 dehua.Chen
阅读(287)
评论(0)
推荐(1)
编辑
2016年4月28日
前端开发者应该知道的 CSS 小技巧
摘要: 使用:not()去除导航上不需要的边框 为body添加行高 垂直居中任何元素 逗号分离的列表 使用负nth-child选择元素 使用SVG图标 文本显示优化 在纯CSS幻灯片上使用max-height 继承box-sizing 表格单元格等宽 使用Flexbox摆脱边界Hack 使用属性选择器选择空
阅读全文
posted @ 2016-04-28 15:24 dehua.Chen
阅读(160)
评论(0)
推荐(0)
编辑
jQuery图片轮播
摘要: 1.很多时候使用方法ul列表去展示。当然这也有一些好处,比如float对齐之类的。当然直接用p或者div也行。 2.了解overflow属性。在溢出情况下的处理。其实轮播就是在不断的处理ul溢出的情况。 3 jQuery animate的动画效果。当然如果不用这个也行。一个setInterval就能
阅读全文
posted @ 2016-04-28 11:35 dehua.Chen
阅读(684)
评论(0)
推荐(0)
编辑
2016年4月20日
css属性的选择对动画性能的影响
摘要: 现在手机的占比越来越高,各种酷炫页面层出不穷,这些特效都离不开css动画。说到css动画,主流的情况也就无非这两大类:位移和形变。而我们在写一个动画特效的过程中,如何去提升它的性能呢?当然首先我们需要去了解一下基本的概念,比如浏览器渲染的工作原理等,这些我也在读了几位大牛写的相关文章后才有了一定的了
阅读全文
posted @ 2016-04-20 11:03 dehua.Chen
阅读(679)
评论(0)
推荐(0)
编辑
CSS3中的background-size(对响应性图片等比例缩放)
摘要: background-size的基本属性 background-size: 可以设定背景图像的尺寸,该属性是css3中的,在移动端使用的地方很多,比如最常见的地方在做响应性布局的时候,比如之前做的项目中有轮播图片,为了自适应不同大小分辨率的图片,我门需要使用css3中的媒体查询来针对不同的分辨率设置
阅读全文
posted @ 2016-04-20 09:58 dehua.Chen
阅读(2460)
评论(0)
推荐(1)
编辑
2016年3月27日
巧用margin/padding的百分比值实现高度自适应(多用于占位,避免闪烁)
摘要: 一个基础却又容易混淆的css知识点 本文依赖于一个基础却又容易混淆的css知识点:当margin/padding取形式为百分比的值时,无论是left/right,还是top/bottom,都是以父元素的width为参照物的! 也许你会说,left/right以父元素的width为参照物好理解,但是t
阅读全文
posted @ 2016-03-27 20:58 dehua.Chen
阅读(1252)
评论(0)
推荐(1)
编辑
用纯css改变下拉列表select框的默认样式
摘要: 将浏览器默认的下拉框样式清除,然后应用上自己的,再附一张向右对齐小箭头的图片即可。 IE8/9并不支持 appearance:none CSS属性,想要支持的话可能需要非常特殊的方法,参考SF: 我们需要为其添加一个父容器,容器是用来覆盖小箭头的,然后为select添加一个向右的小偏移或者宽度大于父
阅读全文
posted @ 2016-03-27 13:46 dehua.Chen
阅读(6927)
评论(0)
推荐(0)
编辑
CSS垂直居中
摘要: 1.文本的水平垂直居中 line-height + text-align:center 2.利用盒模型的水平垂直居中 我们一般讲的盒模型都是说的块级盒的盒模型,也只有块级盒的盒模型用得多一点,块级盒block-level box又是分别由content-box、padding-box、border-
阅读全文
posted @ 2016-03-27 11:09 dehua.Chen
阅读(292)
评论(0)
推荐(0)
编辑