功能 - 随笔分类 - 惊觉小菜鸟

input即时————模糊匹配（纯html+jquery简单实现）

摘要：<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src=" 阅读全文

posted @ 2017-07-31 15:18 惊觉小菜鸟阅读(445) 评论(0) 推荐(0)

h5+的Downloader下载网络图片缓存到本地的案例

摘要：之前展示图片都是通过<img src="网络图片地址"> , 每次都请求服务器, 加载比较慢;如何做到显示图片的时候先从本地获取,没有则联网下载,缓存到本地;下次直接从本地拿,无需再联网; 用Android机测试是成功的,苹果机还没有试: 阅读全文

posted @ 2017-07-12 13:19 惊觉小菜鸟阅读(628) 评论(0) 推荐(0)

清除webkit浏览器css设置滚动条

摘要：主要有下面7个属性 ::-webkit-scrollbar 滚动条整体部分，可以设置宽度啥的 ::-webkit-scrollbar-button 滚动条两端的按钮 ::-webkit-scrollbar-track 外层轨道 ::-webkit-scrollbar-track-piece 内层滚动阅读全文

posted @ 2017-04-07 17:25 惊觉小菜鸟阅读(920) 评论(0) 推荐(0)

左滑删除

摘要：成品示例图额，先上图吧。下面分别是在PC浏览器里和在Mobile浏览器里的效果。 PC浏览器手机浏览器实现思路为了说明我的实现思路，做了两个图来辅助说明。首先，请看图1。在图中，我们设置每一行的宽度超过浏览器的宽度，其超出的部分就是放置按钮的区域。由于超出了浏览器的最大宽度，因此按钮区域此阅读全文

posted @ 2017-04-05 14:28 惊觉小菜鸟阅读(418) 评论(0) 推荐(0)

JS 插件 fastclick.js 解决手机端click点击延迟

摘要：FastClick 是一个简单，易于使用的JS库用于消除在移动浏览器上触发click事件与一个物理Tap(敲击)之间的300延迟。对于非移动浏览器不启作用，禁用缩放标签。 <meta name="viewport" content="initial-scale=1.0, user-scalable 阅读全文

posted @ 2017-03-03 10:06 惊觉小菜鸟阅读(1629) 评论(0) 推荐(0)

jquery lazyload延迟加载技术的实现原理分析_jquery

摘要：前言懒加载技术(简称lazyload)并不是新技术，它是js程序员对网页性能优化的一种方案。lazyload的核心是按需加载。在大型网站中都有lazyload的身影，例如谷歌的图片搜索页，迅雷首页，淘宝网，QQ空间等。因此掌握lazyload技术是个不错的选择，可惜jquery插件lazy loa 阅读全文

posted @ 2017-03-03 09:52 惊觉小菜鸟阅读(1800) 评论(0) 推荐(0)

jquery-懒加载技术(简称lazyload)

摘要：第一：lazyLoad简介及作用：网站性能优化的插件，提高用户体验。页面如果有很多图片的时候，当你滚动到相应的行时，当前行的图片才即时加载的，这样子的话页面在打开只加可视区域的图片，而其它隐藏的图片则不加载。第二：使用场合涉及到图片，falsh资源，iframe，网页编辑器(CK)，JS文件阅读全文

posted @ 2017-03-03 09:48 惊觉小菜鸟阅读(432) 评论(0) 推荐(0)

自定义表单验证--jquery validator addMethod的使用

摘要：原文地址：jquery validator addMethod 方法的使用作者：蜡笔小玄 jQuery.validate是一款非常不错的表单验证工具，简单易上手，而且能达到很好的体验效果，虽然说在项目中早已用过，但看到这篇文章写得还是不错的，转载下与大家共同分享。一、用前必备官方网站：http:// 阅读全文

posted @ 2017-02-28 10:13 惊觉小菜鸟阅读(14176) 评论(0) 推荐(0)

倒计时

摘要：html 天小时分钟<span id="seco 阅读全文

posted @ 2017-02-27 14:35 惊觉小菜鸟阅读(105) 评论(0) 推荐(0)

html5 上传头像示例及其注意事项

摘要：转自【B5教程网】:http://www.bcty365.com/content-142-5244-1.html 这次分享一个简易的上传头像示例，其大致流程为：一、将选择的图片转为base64字符串function preview(file) {//预览图片得到图片base64 var prevDi 阅读全文

posted @ 2017-02-27 14:27 惊觉小菜鸟阅读(2549) 评论(0) 推荐(0)

移动端之touch事件--手指的滑动事件

摘要：转自【B5教程网】:http://www.bcty365.com/content-142-5243-1.html 总结：touchmove的最后坐标减去touchstart的起始坐标。X的结果如果正数，则说明手指是从左往右划动；X的结果如果负数，则说明手指是从右往左划动；Y的结果如果正数，则说明手指阅读全文

posted @ 2017-02-27 14:24 惊觉小菜鸟阅读(1813) 评论(0) 推荐(0)

h5直播

摘要：直播开发之旅 ① 状态控制：目前我们先考虑直播的三种状态：直播前，直播中，结束。针对每个状态我们肯定会有不同的显示，这三种状态可以是三个页面，相互切换，或者一个页面，控制页面相关隐藏和显示。可是我们怎么知道，当前主播已经切换成某种状态了呢？通过轮询吗？当然不是，轮询肯定是可以实现的。不阅读全文

posted @ 2017-02-27 14:02 惊觉小菜鸟阅读(1867) 评论(1) 推荐(0)

基于jquery 移动插件的实现

摘要：引用谢灿勇地址 http://www.cnblogs.com/st-leslie/p/6002148.html 一个思路分析：大致上实现的思路有以下两种。一、判断块是否被按下(mousedown)，然后在点击事件中嵌套移动事件(mousemove)，同时在里面放置一个松开的事件(mouseup) 阅读全文

posted @ 2017-02-27 12:41 惊觉小菜鸟阅读(572) 评论(0) 推荐(0)

惊觉小菜鸟

随笔分类 - 功能

公告