摘要:
移动端实现下拉刷新 第一部分:四个touch事件 1.touchstart:只要将手指放在了屏幕上(而不管是几只),都会触发touchstart事件。 2.touchmove: 当我们用手指在屏幕上滑动时,这个事件会被连续触发。 如果我们不希望页面随之滑动,我们可以使用event的preventDe 阅读全文
摘要:
关注点一: display:none;一旦用于某个元素,那个这个元素在页面中就不再占据位置。 visibility:hidden;用于某个元素时,这个元素还会占据位置。 关注点二: 即使使用了display:none;只是在dom树中其不再显示了,但是,文件中还有这个元素(废话!)。 关注点三: 我 阅读全文
摘要:
第一部分:网站整体问题 1. 在hover或click时,没有明确的色彩等样式变化,如腾讯采取的是背景和颜色同时变化,搜狐和知乎采取的是颜色字体颜色的改变,无论时哪种,我觉得都是必要的。 2. 与上一个问题类似,当我点进去便民服务时,上面的导航条并没有明确的告诉我:我现在处于便民服务模块,这就会增加 阅读全文
摘要:
1.如何将多个png图片合成一个? 首先,打开ps,新建一个透明色画布,然后再将两张图片拖入(注意:回车拖入),然后再选中这三个图层,右键选择合并图层,最后快速导出为png即可。 2.如何快速找到ps中某一图片所对应的图层? 先将鼠标选中左边工具栏中最上面的移动图标,然后将左上角的选项选择为图层, 阅读全文
摘要:
用一个父元素包裹三个子元素,将父元素的white-space设置为nowrap;这样子元素就会排在父元素中而不会换行了,通过这种方式,我们也就可以在移动端使用包裹元素的margin值实现类似的单页应用了。但是使用display:inline-block;不可避免的会出现一些问题。 首先看下面的代码: 阅读全文
摘要:
设置async:false;即可将请求设置为同步的,所以,我们就可以实现:在ajax请求之后再执行下面的语句。 阅读全文
摘要:
display:table-cell;这个属性用的不多,它和td差不多,但是如果可以用好还是能收益不少的,下面举例说明。 1. 父元素display:table-cell,并设置verticle-align:middle; 那么无论子元素是块级元素还是行内元素都可以做到垂直居中。 <!DOCTYPE 阅读全文
摘要:
作为前端工程师,将设计师的设计稿转化为html页面,其中有一个必不可少的环节就是将psd文件中的一些图片随心所欲的使用,而我们经常用到的就是png图片。 第一部分:基本介绍 首先我们先对比几种图片: 1.jpg 优点:体积比png小,打开速度比png快 缺点:属于有损压缩,每次保存都会产生数据损失( 阅读全文
摘要:
user agent stylesheet 从字面意义上很容易理解他表示用户浏览器的样式表。 今天在做项目时,无意间发现一个元素我并没有设置li的text-align:center ; 但其中的img却神奇的居中了,于是通过审查元素发现了其中的端倪,如下所示: 在右下角处,我们可以看到 -webki 阅读全文
摘要:
line-height详解 要说line-height就必须要知道这几个概念了: 顶线、中线、基线、底线。 这也就是在vertical-align中可能用到的top,middle,baseline和bottom属性了。那么究竟是什么呢? 撒玛利亚人 写的非常好,大家可以学习。 这里,由上到下即为 顶 阅读全文