小小鱼

摘要： 根据项目需要自己尝试做了一个div块的触摸移动效果，用原生js写的。效果如下：页面的html文档： 拖动Demo 其中这行非常重要（单就这个demo来说），如果缺少这行代码，那么图片只能拖动一次，再次触... 阅读全文

摘要： 1、减少HTTP请求次数据统计，有80%的最终用户响应时间是花在前端程序上，而其大部分时间则花在各种页面元素，如图像、样式表、脚本和Flash等的下载上，减少页面元素将会减少HTTP请求次数，这是快速显示页面的关键所在。一种减少页面元素个数的方法是简化页面设计，但是否存在其他方式，能做到既有丰富内容... 阅读全文

摘要： 自己写了一个tab选项卡的切换，感觉还不错，跟大家分享一下。一、点击切换页面效果：html页面： tab面板切换 ... 阅读全文

摘要： 前阵子我突然在技术群里看到有人提起flex布局。以前没听说过，只能怪我平常没有好好学习。找了度娘才知道原来早就出来了。这次做的页面主要是显示在移动端的，所以我尝试用了flexbox布局。1、页面分析：主要分为两部分，图片与文字的混排，左右两栏，自适应。页面的主要代码如下： ... 阅读全文

摘要： 昨天拿到设计稿后，发现设计师设计的边框阴影比较特别，我平常没有接触过。所以一开始我是直接切图和把边框当做背景来使用。等把页面全部做来后，我在网上搜了box-shadow相关方面的文章，发现还是有很多牛人总结了。下面就是我学习后的结果。 ... 阅读全文

摘要： 如果你是一名前端er,又想在移动设备上开发出自己的应用，那怎么实现呢？幸好，webkit内核的浏览器能帮助我们完成这一切。接触 webkit webApp的开发已经有一段时间了，现把一些技巧分享给大家 ：1. viewport：也就是可视区域。对于桌面浏览器，我们都很清楚viewport是什么，就是... 阅读全文

摘要： 数组常用的排序法有：冒泡排序法、选择排序法、插入排序法、（快速排序法）。1、冒泡排序法（交换式排序法）：其基本思想是通过对待排序序列从后向前（从下标较大的元素开始），依次比较相邻元素的排序码，若发现逆序则交换，使排序码较小的元素逐渐从后部移向前部，就像水底下的汽泡一样逐渐向上冒。举例说明：$arr[... 阅读全文

摘要： 页面呈现流程 在讨论页面重绘、回流之前。需要对页面的呈现流程有些了解，页面是怎么把html结合css等显示到浏览器上的，下面的流程图显示了浏览器对页面的呈现的处理流程。可能不同的浏览器略微会有些不同。但基本上都是类似的。 1. 浏览器把获取到的html代码解析成1个Dom树，html中的每个t... 阅读全文

摘要： 1、直角星星矩阵 1 2 3 4 test 5 6 7 "; 14 } 15 ?>16 17 2、等腰星星矩阵 1 2 3 4 ... 阅读全文

摘要： 1、单行文本溢出显示省略号的css写法1 overflow:hidden;2 text-overflow:ellipsis;3 white-space:nowrap;/*不换行*/2、多行文本显示省略号 这里根据应用场景来实现 1）Webkit浏览器或移动端页面 可以使用webkit的私有属性... 阅读全文