摘要:根据项目需要自己尝试做了一个div块的触摸移动效果,用原生js写的。效果如下:页面的html文档: 拖动Demo 其中这行非常重要(单就这个demo来说),如果缺少这行代码,那么图片只能拖动一次,再次触... 阅读全文
posted @ 2015-08-20 16:52 U_can 阅读 (124) 评论 (0) 编辑
摘要:1、减少HTTP请求次数据统计,有80%的最终用户响应时间是花在前端程序上,而其大部分时间则花在各种页面元素,如图像、样式表、脚本和Flash等的下载上,减少页面元素将会减少HTTP请求次数,这是快速显示页面的关键所在。一种减少页面元素个数的方法是简化页面设计,但是否存在其他方式,能做到既有丰富内容... 阅读全文
posted @ 2015-08-04 11:05 U_can 阅读 (119) 评论 (0) 编辑
摘要:自己写了一个tab选项卡的切换,感觉还不错,跟大家分享一下。一、点击切换页面效果:html页面: tab面板切换 ... 阅读全文
posted @ 2015-08-02 22:32 U_can 阅读 (2968) 评论 (0) 编辑
摘要:前阵子我突然在技术群里看到有人提起flex布局。以前没听说过,只能怪我平常没有好好学习。找了度娘才知道原来早就出来了。这次做的页面主要是显示在移动端的,所以我尝试用了flexbox布局。1、页面分析:主要分为两部分,图片与文字的混排,左右两栏,自适应。页面的主要代码如下: ... 阅读全文
posted @ 2015-07-30 12:00 U_can 阅读 (83) 评论 (0) 编辑
摘要:昨天拿到设计稿后,发现设计师设计的边框阴影比较特别,我平常没有接触过。所以一开始我是直接切图和把边框当做背景来使用。等把页面全部做来后,我在网上搜了box-shadow相关方面的文章,发现还是有很多牛人总结了。下面就是我学习后的结果。 ... 阅读全文
posted @ 2015-07-27 18:39 U_can 阅读 (132) 评论 (0) 编辑
摘要:如果你是一名前端er,又想在移动设备上开发出自己的应用,那怎么实现呢?幸好,webkit内核的浏览器能帮助我们完成这一切。接触 webkit webApp的开发已经有一段时间了,现把一些技巧分享给大家 :1. viewport:也就是可视区域。对于桌面浏览器,我们都很清楚viewport是什么,就是... 阅读全文
posted @ 2015-07-13 10:49 U_can 阅读 (42) 评论 (0) 编辑
摘要:数组常用的排序法有:冒泡排序法、选择排序法、插入排序法、(快速排序法)。1、冒泡排序法(交换式排序法):其基本思想是通过对待排序序列从后向前(从下标较大的元素开始),依次比较相邻元素的排序码,若发现逆序则交换,使排序码较小的元素逐渐从后部移向前部,就像水底下的汽泡一样逐渐向上冒。举例说明:$arr[... 阅读全文
posted @ 2015-07-12 23:28 U_can 阅读 (67) 评论 (0) 编辑
摘要:页面呈现流程 在讨论页面重绘、回流之前。需要对页面的呈现流程有些了解,页面是怎么把html结合css等显示到浏览器上的,下面的流程图显示了浏览器对页面的呈现的处理流程。可能不同的浏览器略微会有些不同。但基本上都是类似的。 1. 浏览器把获取到的html代码解析成1个Dom树,html中的每个t... 阅读全文
posted @ 2015-05-22 11:49 U_can 阅读 (61) 评论 (0) 编辑
摘要:1、直角星星矩阵 1 2 3 4 test 5 6 7 "; 14 } 15 ?>16 17 2、等腰星星矩阵 1 2 3 4 ... 阅读全文
posted @ 2015-04-29 13:20 U_can 阅读 (65) 评论 (0) 编辑
摘要:1、单行文本溢出显示省略号的css写法1 overflow:hidden;2 text-overflow:ellipsis;3 white-space:nowrap;/*不换行*/2、多行文本显示省略号 这里根据应用场景来实现 1)Webkit浏览器或移动端页面 可以使用webkit的私有属性... 阅读全文
posted @ 2015-04-03 12:23 U_can 阅读 (697) 评论 (0) 编辑