东成熙就

Web端H5播放FLV、HLS、MP4

Web端H5播放RTSP

WEB页调用电脑摄像头+拍照

记录一个用videojs播放监控的demo。示例：

编码：base64_encode($string);解密：base64_decode($string);编码：btoa(encodeURI($string));解密：decodeURI(atob(string));

Javascript 定时器调用方法

页面右侧悬浮一些按钮 如“回到首页”等，“回到顶部”默认不显示，下拉滚动条时，再显示。点击“回到顶部”，缓慢回到顶部；也可以直接回到顶部。

JS图片放大查看的3种方案

JS判读是否是移动端访问。如果是移动端，跳转到移动端网站。

Bootstrap的导航条下拉菜单为了适应移动设备没有鼠标hover的状态，都是点击弹出下拉菜单，为了适应一般网站使用，我稍作了一些修改，鼠标hover时就弹出二级菜单。

JQuery的cxselect插件，实现select下拉联动。

基于原生JavaScript精心雕琢，兼容了包括IE6在内的所有主流浏览器。她具备优雅的内部代码，良好的性能体验，和完善的皮肤体系，并且完全开源，你可以任意获取开发版源代码，一扫某些传统日期控件的封闭与狭隘。layDate本着资源共享的开发者精神和对网页日历交互无穷的追求，延续了layui一贯的简单与易用。她遵循LGPL协议，您可以免费将她用于任何个人项目。

/* 防止backspace键后退网页 */ document.onkeydown = function(event) { if (event.keyCode == 8) {// backspace的keycode=8 var type = document.activeElement.type;// 获取焦点类型 if (type == "

//取当前时间 格式 yyyy年mm月dd日 hh:mm:ss weekdayfunction CurentTime() { var now = new Date(); var year = now.getFullYear(); //年 var month = now.getMonth() + 1; //月 var day

JS阻止父层事件(JS冒泡问题)

两种办法实现 熔岩灯效果 就是鼠标移入的时候，背景跟着滑过去~

拉到浏览器显示区域才载入图片

后台程序处理输出数据：[{ "childrenDeps": [{ "childrenDeps": [{ "childrenDeps": null, "deptCode": null, "deptLevel": 3, "deptName": "运营管理中心(2)", "description": null, "id": 3, "parentId

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，采用完全独立于语言的文本格式，是理想的数据交换格式。同时，JSON是 JavaScript 原生格式，这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包。

JQuery实现4个效果，1. 顶部导航菜单固定显示。2. 某模块的标题栏在滚动时固定显示在顶部，回滚时原来位置显示。3. 滚动到最底部时，显示底部banner。4. 回到顶部。

之前有过记录，select下拉联动 （Bootstrap、JQuery插件之cxselect） http://blog.csdn.net/phpfer/article/details/49593891区别在这个级联性更强。

H5的Canvas实现刮刮卡效果。 刮开之后是随机生成的8位码。

为了学习理解IndexedDB，创建一个简单的web应用。生成一个数据库：demoDB，包括一个object storage:user(相当于用户表)，uid/uname/uemail三个字段。实现增加、删除、修改、查询功能。

定时进度条，进度100%以后可以切换图片等。setInterval() 和 setTimeout() 两个方法都可以实现。

弹幕效果 JQuery和HTML5 Canvas两种方法实现

三种方法实现定时跳转...

点击“开始”，计时开始。点击“停止”，计时停止。点击“清除”，清除已计算的时间。特点：计时的数据用HTML5的localStorage存储。

一个基于jquery jit-yc插件实现的orgchart结构图demo

通过JS(jQuery)一个插件将select元素实现树状选择，并可以选择不同的项。可用于配置用户权限、菜单等。

JS实现指定时期的倒讲时源码。 setInterval()实现。

原理就是把input type=file隐藏到下一层，用一个input type=txt覆盖到上一层。CSS部分：.file-box{position:relative;width:100%;}.ftxt{ width: 48%; display: inline-block; height: 32px; cursor: pointer; line-he

区分JS数组和JOSN对象

js判断数字；js判断邮箱格式；js判断金额（检查输入字符串是否符合金额格式,格式定义为带小数的正数，小数点后最多三位 如：10.003;0.328）；js判断IP地址；js判断手机号码