08 2016 档案

前端性能优化
摘要：第一，减少http请求是非常有效的措施减少http请求是非常有效的性能优化手段，例如常用的css sprite技术将背景图片进行合并来减少网络开销，合并ajax请求，也是减少http请求的手段，请求的发起和接收，比一个请求的网络开销要大得多。 第二，减少重定向重定向意味着两次连接，用户在访问一个页面 阅读全文
posted @ 2016-08-26 14:10 黑白红尘 阅读(209) 评论(0) 推荐(0)
iphone/ipad前端开发技巧
摘要：iPad开发的局限性 iPad用户侦测：User Agent(用户代理) 随着移动设备上网的普及，很多网站都会进行客户端浏览器类型侦测，主要是靠User Agent来进行识别，如果侦测到是手机浏览则可能重定向，让用户浏览移动设备专用版本。以往我们所指的移动设备，主要是手机等终端，现在，iPad也加入 阅读全文
posted @ 2016-08-26 14:08 黑白红尘 阅读(4385) 评论(0) 推荐(0)
Javascript获取浏览器版本
摘要：前两天有朋友请教我这个问题，说现在网上的资料太过于混乱不完整，我这里先简单整理一部分。 引入页面可自动在console面板打印浏览器及其版本信息 摘自大公爵ddamy.com 阅读全文
posted @ 2016-08-24 17:56 黑白红尘 阅读(558) 评论(0) 推荐(0)
javascript封装自定义滚动条方法，可自定义四个边框滚动条
摘要：还是根据我的个人习惯封装了一个方法 setScroll({ box :父盒子DOM对象, content : 内容盒子DOM对象, scrollall : 滚动条大盒子DOM对象, scroll : 滚动条DOM对象, direction: 垂直滚动条还是水平滚动条 }) 该方法传入一个object 阅读全文
posted @ 2016-08-10 10:32 黑白红尘 阅读(637) 评论(3) 推荐(0)
前端页面优化：javascript图片延迟加载
摘要：自己写了个简单的图片延迟加载小插件。 功能如下： 页面刷新，当前屏幕图片直接加载真实地址，body被卷去的部分和下方未显示的部分的img均加载通用图片如：loding.gif 随着屏幕上下滚动加载相应在窗口显示的img真实地址。 此处做了一个简单优化，因为延迟加载是计算每个图片距离顶部的距离然后循环 阅读全文
posted @ 2016-08-10 10:30 黑白红尘 阅读(503) 评论(0) 推荐(0)
原生js封装table表格操作，获取任意行列td，任意单行单列方法
摘要：V1.001更新增加findTable-min.js 本次更新，优化了代码性能方面，增加了部分新功能，可以获取多个table表格批量操作。 考虑到本人后面的项目中可能涉及到大量的表格操作，提前先封了 一个简单的操作方法，日后再加完善，但对于小页面需求是完全够 用的。该方法很强大。 f(elm,boo 阅读全文
posted @ 2016-08-10 10:29 黑白红尘 阅读(4431) 评论(2) 推荐(1)
JS封装移动端触摸滑动插件应用于导航banner【精装版】
摘要：自己封装了一个小插件，一个小尝试。 可用于类似于京东导航等效果，效果多样化，很方便。 欢迎大家提点意见。 mrChenSwiper( {parent, child, type, parentN, childN, goli,lisname} ); mrChenSwipe({ parent : 父盒子  阅读全文
posted @ 2016-08-10 10:25 黑白红尘 阅读(627) 评论(0) 推荐(1)
移动端纯原生JS不依赖ajax后台服务器实现省市县三级联动
摘要：最近好多天没有更新文章，是因为公司的项目忙的不行。今天有点时间，就突然想起在移动端项目中遇到三级联动的问题，网上查了很多资料，都是依赖各种插件，或者晦涩难于理解。于是，自己决定写一个出来。 当然，没有用到别的插件类库，也没有用ajax。写完这个小demo也学到不少，现在分享给大家代码。因为代码较多， 阅读全文
posted @ 2016-08-10 10:22 黑白红尘 阅读(1231) 评论(0) 推荐(0)
原生javascript实现老.虎机抽奖点名demo源码思路解析
摘要：想着使用原生Javascript做一个随机点名的小应用， 也可以做抽奖使用。 html简单化，人名单可以通过js生成并处理。 可以非常随意的添加修改人名字。 应用想带点特效，比如老.虎机转动的特效。 思路入下： 借鉴模板引擎的思想，在页面中添加一个指定ID的script标签，我们可以在任意文本中将提 阅读全文
posted @ 2016-08-10 10:20 黑白红尘 阅读(696) 评论(0) 推荐(0)
JS控制静态页面之间传递参数获取参数并应用
摘要：在项目中遇到这也一个问题： 有a.html和b.html。 1.a页面已经打开，b页面尚未打开，我希望在a页面设置好一些列参数，比如背景色，宽度等参数，传递给b页面，好让b页面在打开就能应用。 2.a页面已经打开，b页面无论是否打开。在a页面需要获取到b页面的一些元素甚至变量，以便于应用到a页面。 阅读全文
posted @ 2016-08-10 10:15 黑白红尘 阅读(748) 评论(0) 推荐(0)
unicode编码相互转换加密解密
摘要：需求：把字符串转换成unicode编码加密。 也可以把unicode编码解密并分析出汉字字母数字字符各多少个。 unicode编码 \u 后面是一个16进制编码，必要时需要进行转换。 看源码： 原文链接-摘自大公爵 阅读全文
posted @ 2016-08-10 10:13 黑白红尘 阅读(1809) 评论(0) 推荐(0)
判断多个节点自定义属性值是否一样
摘要：考虑到页面可能引入jquery，也加了判断。 封装了一个dataAttr函数，需要传入两个参数。 第一个参数：装有节点的数组或者伪数组，来判断这些数组的某个自定义属性值是否一致。 第二个参数：自定义属性。 返回值：true || false 。 上源码： 阅读全文
posted @ 2016-08-10 10:10 黑白红尘 阅读(329) 评论(0) 推荐(0)
HTML,JAVASCRIPT代码美化demo
摘要：看见别人的博客里面的源码展示十分漂亮，一时兴起，就自己做了个。 当然，网上已经有别人做好的非常完善的codemirror、highlight、prettify。而我在写自己的这个小demo之前呢，也没有做多少参考，按着自己的思路写了一个能简单实现效果的demo。 先上源码： 上图这些就是这部分代码完 阅读全文
posted @ 2016-08-10 09:24 黑白红尘 阅读(1087) 评论(0) 推荐(0)