cookie是储存在用户本地终端上的数据。 在我们登陆网站时有记录密码，也有时间限制比如说7天，5天等等这都是我们利用cookie来写的， 这就是利用了cookie的会话周期，但cookie同时又是不安全的我们可以打开网页看到用户输入的密码，而且又是依赖于服务器环境的， 再写cookie时还要设置储存路径，而我们获取出来的值又是字符串，同时它又是非常小的，只有4kb, 下面我们来封装一下coookie 封装设置cookie： function ...
数据库是属于服务器的，这是天经地义的事，但是有时候数据也许并非需要存储在服务器，但是这些数据也是一条一条的记录，怎么办？今天来带领你领略一下H5的一个新特性--indexedDB的风骚。你会情不自禁的发出感叹--不可思议！一、链接数据库 indexedDB没有创建数据库的概念，你可以直接链接数据库，如果你链接的数据库并不存在，那么会自动的创建一个数据库。看下面的这个例子。 <!DOCTYPE html><html lang="en"><head><meta c...
FileReader是File-API重要的组成部分 用于读取本地文件FileReader创建要想使用读取文件功能 同样需要实例化FileReader对象var fr = new FileReader();它为我们提供了一些接口方法和事件方法通过实例对象可以调用5个方法 其中4个指定文件读取方式 另1种方法用来中断文件读取API参数描述FileReader.readAsBinaryStringFile/Blob文件读取为二进制字符串，每字节包含一个0到255之间的整数FileReader.readAsTextFile/Blob[,encoding]文件...
一，lufylegend.js是什么？lufylegend是一个HTML5开源引擎， 它实现了利用仿ActionScript3.0的语法进行HTML5的开发，包含了LSprite，LBitmapData，LBitmap，LLoader，LURLLoader，LTextField，LEvent等多个AS开发人员熟悉的类， 支持Google Chrome，Firefox，Opera，IE9，IOS，Android等多种热门环境。利用lufylegend可以轻松的使用面向对象编程，并且可以配合Box2dWeb制作物理游戏， 另外它还内置了LTweenLite缓动类等非常实用的功...
经过前两部分的讲解，我们大概知道内容滑动切换的基本开发思路和技巧，现在我们在第三部分将前面两部分的代码进行优化，封装成一个jQuery插件：jquery.hwSlide.js。开发者可以轻松创建各种图片轮播效果、焦点图效果、图文混排滑动效果。查看演示 下载源码hwSlider具有以下特性：多个参数定制，满足不同项目需求。 支持移动端触控滑动。 支持图文混排，支持各种html元素。 响应式自适应屏幕尺寸。 同一页面支持多个滑动...
越来越多的开发者热衷于使用html5+JavaScript开发移动Web App。不过，HTML5 Web APP的出现能否在未来取代移动应用，就目前来说，还是个未知数。一方面，用户在使用习惯上，不喜欢在浏览器上输入复杂的网址；另一方面，Html5 Web App 存放在服务器端，在每次使用时需要进行数据传递，会造成流量浪费。有些开发者不想接触复杂的JAVA代码，那么，有什么办法，既可以使用HTMl5开发应 用，又可以将其简单封装成APK文件呢？ 一、Android...
这篇文章主要介绍了html5 canvas简单封装一个echarts实现不了的饼图的相关资料，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧说明我用echars很久了，如果出现如上图所示样式的饼图，我用echarts很难实现，官方给的文档没有这种模式的饼图。试过用d3和canvas分别画饼图，因为本人对canvas比较熟悉和d3还要引入插件，本着轻量化的原则，所以采用canvas封装。官方饼图两种模式：（1）半径模式（2）面...
function ajax(data){ //data{data:"",dataType:"xml/json",type:"get/post",url:"",asyn:"true/false",success:funtion(){},failure:function(){}}//datapost={username:123,pwd=456}//dataGet="username=123&pwd=456"//第一步：创建XHR对象var xhr=null;if(window.XMLHttpRequest){//标准的浏览器 xhr=new XMLHttpRequest(); }else{xhr=new ActiveXObject(Microsoft.XMLHTTP);}//第二步：准备发送前的一些配置参数var type=...
//demo.js 调用 window.onload = function () { // $().getClass("a").css("color","red");//旧方法 /* $("#box").css("color", "red").click(function(){ alert($(this).html()) });*/ //$(".a").css("color","green") // $("p").find(".a").css("color","blue"); $("div").find("span").css("color","red") // $("div").find(".a").css("color","red"); //$("div").find("#bb").css("colo...
也许很多框架都自带了这样的弹出泡泡框，但我没接触过，现在需要用，于是便自己封装了一个，虽然还不完美，但已经可以用了。这个小控件可以重定义样式，通过传递配置参数，或修改默认配置参数都可以进行样式调整。不管怎么说，就当是练手，或给新人提供一个参考学习的机会也行吧 /* * js 对象合并 */function extend(newObj, defaultObj) { var result = {}; for (var p in defaultObj) { result[p] = defaultObj...
封装php类批量解析css成json格式 业务需求 我相信很多同学有过做一个自定义建站系统的想法，好比某空间的自定义拖拽组件，如果想要实现一个可视化建站系统，那CSS作为前端样式而言，是必须要存入到数据库中作为配置项的，所以，这里不可避免的需要对css做解析，我这里给出我的解析方法，当然还有很大的优化空间，这只是一个初版，实现了最原始的解析过程，希望大家拍砖。 实现方法 话不多说，先上代码，咱们先睹为快。 /**...
最近封装上瘾，想起以前做的一个轻巧的弹出框，是样式和脚本分离的，于是重新封装了一下，把样式标签统一到js里了。里面还有一些问题，但不影响使用，有兴趣的同学，可以参考完善下，有好的建议，请不吝赐教。 var PopDialogDefaultConfig = { hasCover: true, //是否带遮罩层 colorOfCover: "#000", //遮罩层颜色 transparencyOfCover: 80, //遮...
// http://paulirish.com/2011/requestanimationframe-for-smart-animating/// http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating// requestAnimationFrame polyfill by Erik Mller. fixes from Paul Irish and Tino Zijdel// MIT license(function() { var lastTime = 0; var vendors = [ms, moz, webkit, o]; for(var x = 0; x < vendors.length && !window.requestAnimation...
css3出来已经很久了，现在来谈判断浏览器是否支持某个css3的属性虽说有点过时了，但是还是可以谈谈的，然后，此篇主要谈的不是判断是否支持，而是怎么封装更好，为什么这么封装，欢迎吐槽。 入题，判断浏览器是否支持css3 transition，方法很简单，只需要下面这句代码就行了： transition in document.body.style chrome和ie支持document.body，但是Firefox不支持，Firefox支持document.documentElement，对于没有doctype...
移动端 单页有时候 制作只用到简单的css3动画即可，我们简单封装一下，没必要引入zepto框架。 上面图片对应的 js var leftsbox=document.getElementById("leftsbox"); var boxdiv=leftsbox.getElementsByTagName("div"); leftsbox.onclick=function(){ for(var i=0;i<boxdiv.length;i++){ var that=boxdiv[i]; transform(that,{ translate3d:220px,10px,0,left:1em,opacity:0.2,perspective...