摘要：拿走即用使用前引入文件：http://files.cnblogs.com/ccto/util-cookie.js使用方法：//设置cookieCookieUtil.set("name", "xiaoMo");CookieUtil.set("util", "cookie");//读取cookieCookieUtil.get("name");CookieUtil.get("util");//删除cookieCookieUtil.unset("name");Co 阅读全文

摘要：function share(name, _href, _title) { var url = ""; if (name == "hexun") { ... 阅读全文

摘要：文件结构、内容下载文件后你会发现如下所示的文件结构，分为编译版和源码版。编译版：正常情况下，编写页面常用到的样式集（不含响应式）以及插件集。源码版：bootstrap官网下整站的源码。包含很多模板页和less文件，并采用node.js搭建。1.1编译版 bootstrap/ ├── css/ │ ├── bootstrap.css─────────全部样式集合（不含响应样式）(123KB) │ └── bootstrap.min.css────────────（压缩版）(104KB) ├── js/ │ ├── bootstrap.js────────────全部13款... 阅读全文

摘要：少叙闲言在表单中我们常用到输入日期，有日期就会有格式要求，所以我们会采用插件一类的方法来统一输入格式，例如yyyy-mm-dd、yyyy/mm/dd，这一类的格式在直接以字符串的形式传入Date()来获取时间对象的时候，Chrome和FF都会表现正常，但IE下全系歇菜......正题demo：1 var time_1 = "2012-12-12";2 var time_2 = "2012/12/12";3 4 alert(new Date(time_1)) //Chrome/FF: Thu May 30 2013 09:40:45 GMT+0800 (中 阅读全文

摘要：目的：了解jQuery实例对象的组成方式，并打造出形如 $(".class tag #id") 这种路径组合似的查找解析：上代码之前，先介绍一下$(oo)或者$(xx)什么的，其实就是一个含有length属性的类数组，其中包含的是符合规则的DOM元素，通过$(oo)[0]、$(oo)[1]、$(oo)[2]……这种形式，但又不是数组，因为没有Array的原型方法（push，slice等）。所以我们1 var jQuery = window.jQuery = window.$ = function (selector, context) {2 return new jQuer 阅读全文

摘要：目的：了解什么是jQuery对象，以及jQuery对象的原型方法和静态方法解析：复制上一篇中“二”部分的代码：一、 1 (function (window, undefined) { 2 var jQuery = window.jQuery = window.$ = function (selector, context) { 3 return new jQuery.fn.init(selector, context); 4 } 5 jQuery.fn = jQuery.prototype = { 6 init: function (sele... 阅读全文

摘要：目的：了解jQuery整体结构，自己构造出$(oo).xx这种东西解析：在jQuery中，你会发现整篇满眼的“$(xx)”、“$(oo).css(xx)”这种，是的，它就是构造jQuery对象的构造函数简称，你可以这样理解:$==window.$==window.jQuery也就是说我们常用的$为widow对象下的一个属性，那么这个属性是怎么跑到window上的呢？我们先把源码中多余的代码去掉会看到：一：1 (function(window,undefined){2 3 //code4 5 })(window)说明：1、通过定义一个匿名函数，创建了一个“私有”的命名空间，该命名空间下，... 阅读全文

摘要：你是个有代码洁癖的人，或者你是那种“较真”的JSer，又或者你在移动客户端上“省吃俭用”的从代码里精挑细琢的抠出几K的流量你时常怀疑你的代码是否100%都用在了刀刃上？是否发挥着它200%的查克拉？那么......You got it！jQuery(1.9.1)：洋洋洒洒源码9500+行，Sizzle引擎1700+行，压缩完90+K，对有些小功能，小模块来说，简直就是杀鸡用屠龙刀啊。尽管可以定制一下自己需要的组件，但是还是无法剔除里面大量的兼容、容错等判断的代码。我只是想便捷的选几个元素，或是手机端用用，你这是要闹哪样啊？So......本篇系列旨在解决下列问题：1.项目里只需要引用简单的cs 阅读全文

摘要：实现条件：IE9+ 、Firefox 、Chrome 、IOS5+ 、android2.3+配置前引入文件：http://files.cnblogs.com/ccto/roundChart2.js（源文件为250行）配置说明： 1 var roundChart = new RoundChart({ 2 boxId: "divId", //容器ID （必选） 3 data: { //数据 （必选） 长度统一 4 items: ["超级大单", "大单", "中单", "小单", "超级大 阅读全文

摘要：问题：demo：1 <style>2 html, body {margin: 0;padding: 0;}3 body {background-color: #aaa;height: 2000px;}4 #alertFram {background-color: #a00;width: 50px;height: 50px;position: fixed;left: 50%;top: 20%;}//IE6下fixed失效5 </style>6 <div id="alertFram"></div>解析问题：IE直到IE7才支持fi 阅读全文

摘要：少叙闲言如今手机换代都快赶上换衣服速度了，每每出新手机都是各种搭载最新系统，大家都在关心android5.0该不该叫切糕？IOS的最新版啥时候出完美越狱……，可偏偏就总有些人抱着旧系统来测你的页面，没有那金刚钻，还非要揽这瓷器活？！android碎也就那么地了，你苹果来凑什么热闹啊……，今儿接到个任务，说是领导家有个亲戚，上我们时候首页的一个fixed元素在ios旧版本中失效，让做兼容……，好吧，为了什么鬼亲戚，我只能蝴蝶效应了……正题demo：<style> html, body, div, p {margin: 0;padding: 0; } body {height: 300 阅读全文

摘要：demo1:1 <p id="p"> 123</p> <!--1之前有个半角空格-->2 <script>3 var p = document.getElementById("p");4 alert(p.innerHTML.length) //IE6、7、8弹出3，忽略了空格 标准浏览器弹出4 没有忽略空格5 </script>解析1：1 alert(p.innerHTML.charAt(0) == "\u0020") //IE6、7、8的charAt(0)为1 标准浏览器的 阅读全文

摘要：问题：demo1：1 elem.setAttribute('class', 'bg'); //IE6、7中无效果demo2：<label>姓名：</label><input type="checkbox" id="name"/><script> var lab = document.getElementsByTagName('label')[0]; lab.setAttribute('for', 'name'); //IE6、7 阅读全文

摘要：你感觉自己是JSer？来看看下面的测试……是男人就挨个琢磨，不许一顿滚动条！1 && 3答案：3布尔值在"&&"运算时候，如果左为true时，总是返回右边，反之则直接返回左边1 && "foo" || 0答案："foo"布尔值在"||"运算时候，如果左为false时，总是返回右边，反之则直接返回左边1 || "foo" && 0答案：1结合第1题和第2题(1,2,3)答案：3","运算，直接输出最后一个x = { 阅读全文

摘要：最近接到一个功能拓展需求，新需求中所引用的数据接口却只能提供XML格式……无奈自身功力有限，没有想到JS方面理想的解决方案，只好寻求AS工程师的帮忙，经过近2天的联调，最终解决了各浏览下的跨域访问。下面记录demo版代码：父页面HTML：<iframe id="hiddenIframe" style="width:0px; height:0px; border:0px none; *width:1px; *height:0px; overflow:hidden;"></iframe><button value="获 阅读全文

摘要：什么是继承啊？答：别人白给你的过程就叫继承。为什么要用继承呢？答：捡现成的呗。好吧，既然大家都想捡现成的，那就要学会怎么继承！在了解之前，你需要先了解构造函数、对象、原型链等概念......JS里常用的两种继承方式：原型链继承（对象间的继承）类式继承（构造函数间的继承）原型链继承：//要继承的对象var parent={ name : "baba" say : function(){ alert("I am baba"); }}//新对象var child = proInherit(parent);//测试alert(c... 阅读全文