- 博客(178)
- 收藏
- 关注
转载 博客迁移
最近博客园不是很稳定博客迁移到github新地址:johnqing转载于:https://www.cnblogs.com/starweb/archive/2013/04/12/3017522.html
2013-04-12 23:07:00
195
转载 js中逗号运算符123
今天看到群里聊到了逗号运算符,就总结一下,我对它的理解吧,勿喷!(ps:苦逼孩子,人家都讨论完半天了,刚才看到!!尼玛!)逗号运算符:是按顺序执行表达式,并且获得右边表达式的值。来个例子:var a = 10;var b = 20;var c = (a++,b++,100);console.log(a);console.log(b);console.l...
2013-03-11 23:18:00
237
转载 javaScript转整数
我常用到的2中转整数的方法:1、'0.12323' | 02、parseInt('0.00001')这些都很简单,这里要说的是1方法在前面字符串超过2147483647时就会出现错误2方法里的值必须是字符串不然在处理0.00001这类的数值时会返回最后一位转载于:https://www.cnblogs.com/starweb/archive/201...
2013-02-18 16:07:00
202
转载 深入理解JavaScript 模块模式
英文:http://www.adequatelygood.com/2010/3/JavaScript-Module-Pattern-In-Depth模块模式是JavaScript一种常用的编码模式。这是一般的理解,但也有一些高级应用没有得到很多关注。在本文中,我将回顾基础知识,浏览一些不错的高级技巧,甚至我认为是原生基础的。基础知识首先我们开始简单概述模型模式。三年前Er...
2013-02-17 10:49:00
221
转载 js浏览器缩放比例检测
检测当前浏览器是否缩放https://github.com/Johnqing/browserZoom转载于:https://www.cnblogs.com/starweb/archive/2013/02/16/2913520.html
2013-02-16 16:44:00
380
转载 css cursor自定义
cursor:url(http://localhost/d2/matches.cur),url(http://localhost/d2/matches.cur),n-resize; 1.IE6也支持cursor属性的URL值,然而,IE只支持CUR和ANI的格式。2.IE不支持CSS3的坐标。这时候光标图片将被忽略。3.Firefox1.5 (Gecko1.8), ...
2013-01-31 16:53:00
146
转载 转:利用node压缩、合并js,css,图片
1.安装nodejshttp://nodejs.org/2.安装各自的node packagejs我用的是UglifyJS github地址:https://github.com/mishoo/UglifyJScss我用的是clean-cssgithub地址:https://github.com/GoalSmashers/clean-css图片用的是node-smu...
2013-01-24 13:58:00
238
转载 js 彩色不规则小三角飘啊飘~
// 彩条function ColorBar(obj,timer){ this.target = obj; this.i = 0; this.wind = 0; this.timer = timer || 100; this.other = 0; this.init();}ColorBar.prototype = { init:function...
2013-01-22 15:00:00
139
转载 JS 元素左右晃动
<style type="text/css">body{margin:0px;padding:0px;}.top{width:100%;height:25px;background:#eeeeee;border-bottom:1px solid #dcdcdc;}.box{height:300px;position:absolute;top:20px;widt...
2013-01-20 16:08:00
476
转载 jquery弹簧式动画拓展
// 扩展过渡效果到 jQuery jQuery.extend(jQuery.easing,{ def : "easeOutQuad", swing : function(c, a, b, d, e) { return jQuery.easing[jQuery.easing.def](c, a, b, d, e)...
2013-01-20 13:12:00
101
转载 css combo打包
如果利用@import形式来组织你的css,那么你就可以用打包工具CSS Combo了:首先安装css combo:npm install -g css-combo然后进入你所在的入口文件(本例为style.css)目录,输入:csscombo style.css style.combo.css这样就会把style.css文件打包成style.combo.cs...
2013-01-17 23:31:00
124
转载 转:浅谈javascript的原型继承
javascript的继承在很多框架中都有运用,尤其是原型式继承。首先要理解一个概念,什么是原型式继承?所谓的原型式继承,就是在函数内部先创建一个临时性的构造函数,然后将传入的对象做这个构造函数的原型,最后返回这个临时类型的新实例。请看源码:function clone(o) { var F = function(){}; F.prototype = o;...
2012-12-31 11:42:00
139
转载 js变量小秘密
var a = 1;function b() { a = 10;return;}b();alert(a);--------------------------------------------------------var a = 1;function b() { a = 10; return; fun...
2012-12-28 18:04:00
89
转载 以前写过的一个第三方分享按钮
var Share = function(webSet,url,sourceImg){ if(!sourceImg){sourceImg = ""} if(sourceImg!="") { sourceImg = "&pic=" + sourceImg; }; var text = "我喜欢 @悦淘街 的这个分...
2012-12-27 12:14:00
118
转载 javascript预解析
var i = 0;function a(){ console.log(i); var i=1; console.log(i)}a();在执行js前,会对var和function做预解析当函数a执行时,它的执行环境中有i声明,所以不会使用作用域链上的全局变量i,这个i是初始化了,但是不用它.当运行第一个log(i)时,变量在函数体内始终是可见的,所以i提...
2012-12-24 22:16:00
95
转载 expression到底多影响性能
<style type="text/css"> body { font-size:12px; font-family:Verdana; line-height:1.9}div a { display:block; border:1px solid #FF3366; width:expre...
2012-12-19 13:29:00
144
转载 类和模块
每个javascript对象都是一个属性的集合,相互之间没有任何联系。javascript也可以定义对象的类,让每个对象都共享某些属性,这种“共享”的特性是非常有用的。类的成员或实例都包含一些属性,用以存放或定义他们的状态,其中有一些属性定义了它们的行为。待续。。。。。。转载于:https://www.cnblogs.com/starweb/archive/2012...
2012-12-01 23:05:00
108
转载 同源策略
同源策略是对javascript代码能给操作哪些web内容的一条完整的安全限制。文档的来源包含协议、主机,以及载入文档的URL端口。从不同web服务器载入的文档具有不同的来源。通过同一主机的不同端口载入的文档具有不同的来源。使用http:协议载入的文档和使用https:协议载入的文档具有不同的来源,即使它们来自同一个服务器。脚本本身的来源和同源策略并不相关,相关的是脚本所嵌入...
2012-11-30 12:05:00
97
转载 客户端javascript线程模型
javascript语言核心并不包含任何线程机制,并且客户端javascript传统上也没定义任何线程机制。单线程执行是为了让编程更加简单。单线程意味着浏览器必须在脚本和事件处理程序执行的时候停止响应用户输入。html5定义了一种并发的控制方式,叫做“Web worker”。Web worker是一种用来执行计算密集任务而不冻结用户界面的后台线程。运行在Web worker里...
2012-11-29 23:35:00
112
转载 JS 事件
1、设置js对象属性为事件处理程序事件处理程序属性的名字由“on”后面跟着事件名组成。这些属性名 都必须小写事件处理程序的缺点:设计都是围绕着假设每个事件目标对于每种事件类型将最多只有一个处理程序。2、设置html标签属性为事件处理程序属性值为javascript代码字符串。这段代码应该是事件处理程序函数的主体,而非完整的声明。缺点:客户端编程的通用风格是保持ht...
2012-11-28 19:41:00
122
转载 Node.js的核心与红利
文/田永强 唯有明晰历史,才能了然当下,预知未来。作者从历史角度解读Node.js,帮助读者透过猜忌和谣言,看清真实的Node.js,了解Node.js的核心与红利。 令人惴惴不安的Node.js 我们越来越频繁地看到关于JavaScript的新闻,刚开始谈到的是引擎性能提升,后来则是由HTML5和Node.js带来令人叹为观止的应用。如果只看表面,容易让人产生以下各种误解。 ...
2012-11-22 11:54:00
107
转载 《javascript高级程序设计》读书笔记-对象基础
3.1 ECMA-262把对象定位为“属性的无序集合,每个属性存放一个原始值、对象或者函数” 类是由对象定义的。类定义了对象的接口、内部属性和方法。 使用类创建对象时,生成的对象叫做类的实例。 ECMAScript没有正式的类。 对象定义存放在构造函数中。构造函数是用于创建对象的常规函数 3.1.1 面向对象语言需要开发者提供四种基本...
2012-11-15 16:47:00
107
转载 iPhone 5/iOS 6前端开发
检测iPhone 5/iOS 6 检测iOS 6很简单,用ua就可以了:Mozilla/5.0 (iPhone; CPU iPhone OS 6_0 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko) Version/6.0 Mobile/10A403 Safari/8536.25但是刷了iOS 6的所有iPhone的ua都...
2012-11-08 16:46:00
147
转载 ios和安卓一些总结
iOS对HTML5的支持要比Android表现的好。 Android在对HTML5的支持上确实比不过iOS,不管是HTML5的事件还是CSS3的性能。 正如jQuery之父说的那样:移动平台的开发是让人纠结的事件。在移动平台中,前端工程师对付Android要像对付IE6那样,需要写很多的恶心的代码或者Hack。 在实际的开发过程中,我们还需要注意以下几点: 1、在iOS和...
2012-11-07 20:52:00
68
转载 css3和js实现重力感应
<img src="http://img1.wgsails.com/yuetaojie/slider/227/193/089/index/轻复古.jpg" id="imgLogo" alt=""> <p id="moCalcTiltLR"></p> <p id="moCalcTiltFB"></p> ...
2012-11-05 16:19:00
408
转载 each和for对比
jq each遍历,for i++、i--。结果如下 转载于:https://www.cnblogs.com/starweb/archive/2012/11/02/2751173.html
2012-11-02 14:12:00
86
转载 JS 图片按序排列效果
PS:JS中用到的库是我开发的悦淘街的库,由于特殊原因此demo必须放到悦淘街页面下才可访问,大家可以使用其他类库替换,只是提供一个思路。运动函数可以看(JS手风琴特效、运动函数)这里的<ul id="ulNode"> <li>1</li> <li>2</li> <li>3&l...
2012-10-30 18:11:00
208
转载 css3 transform实例制作
<style type="text/css"> .red{background:#f60;width:100px;height:200px;margin:20px auto;} .tf_rotate{-webkit-transform: rotate(10deg);-moz-transform: rotate(10deg...
2012-10-24 18:42:00
108
转载 css背景透明度转换工具(兼容ie6)
<style type="text/css"> #writeBox{background:#000;color:#fff;font-size:12px;line-height:20px;border:1px solid #ddd;padding:10px;} </style> color:<input type="text" i...
2012-10-22 18:34:00
176
转载 转:HTML5语音输入(淘宝语音搜索)方法
谷歌的网站是时逛时新啊,今天在他们首页发现了HTML5的新玩法——语音搜索。可惜的是只有webkit核心的浏览器才能使用。用法很简单 只需要在input添加属性x-webkit-speech即可,例子如下: <input type="text" x-webkit-speech /> 这样你的输入框右边里就多了个「小话筒」,点击的时候就会提示 这时说出来识别后就可...
2012-10-18 18:52:00
83
转载 JavaScript 中 undefined 与 undeclared 之间的区别是什么?
我认为这个根本的区别在于,undefined是Js语言类型,而undeclared却是一种Js语法错误吧。 --------------------------------- 解答第一部分--------------------------------------- 在Js中,有两个表示‘空’的值undefined和null,其中比较有用的是 undefined。undef...
2012-10-18 14:55:00
205
转载 csscomb工具-css在线重排
http://csscomb.com/online/ 转载于:https://www.cnblogs.com/starweb/archive/2012/10/12/2721804.html
2012-10-12 18:28:00
146
转载 JS 16进制颜色透明度转换
color:<input type="text" id="color"> op:<input type="text" id="op" value="" /><input value="颜色转换" type="button" id="btn"><div id="writeBox"></div><script ty...
2012-09-17 16:28:00
566
转载 原生js实现抽奖
公司栏目需要增加老-虎-机抽奖,所以匆忙弄了一个,大家可以试试。这个程序为了安全,是通过服务端算好结果,前端展示效果,大家可以用来娱乐下<script type="text/javascript" src="../Public/js/common.min.js?v=201207181003"></script><script type="te...
2012-07-19 13:56:00
114
转载 学习blue的烟花效果
看了miaov blue课程讲烟花效果,边看边学习的,大家可以去看看blue的相关课程<style> body{background:#000;overflow:hidden;} div{ position:absolute;}</style><script type="text/javascript">func...
2012-06-10 02:09:00
178
转载 JS手风琴特效、运动函数
手风琴效果并且附上刚写的运动函数<style>.accordion h5{ float:left; margin:0 2px; width:50px; height:500px; cursor:pointer; background:#F0F; font:bold 24px Arial, Hel...
2012-06-09 01:52:00
111
转载 模拟JavaScript中类和继承
在面向对象的语言中,我们使用类来创建一个自定义对象。然而JavaScript中所有事物都是对象,那么用什么办法来创建自定义对象呢?这就需要引入另外一个概念 - 原型(prototype),我们可以简单的把prototype看做是一个模版,新创建的自定义对象都是这个模版(prototype)的一个拷贝 (实际上不是拷贝而是链接,只不过这种链接是不可见,给人们的感觉好像是拷贝)。...
2012-05-31 16:40:00
100
转载 js图片懒加载插件封装
昨天晚上弄的有点儿晚未做优化,现在添加了多个区块同时添加lazyload方法<style>.wrapper{width:150px;}</style><div class="wrapper" id="wrapper"> <img width="130" src="http://www.yuetaojie.com/Ap...
2012-05-30 00:35:00
107
转载 JS混淆加密工具
http://www.moralsoft.com/jso-online/hdojso.htm转载于:https://www.cnblogs.com/starweb/archive/2012/05/28/2522817.html
2012-05-28 23:21:00
97
转载 JS模拟dw的颜色选择器
这个插件是基于我自己封装的公共方法写的,大家可以通过绝对路径调用试试看,匆忙写的有问题联系我~~<script type="text/javascript" src="http://www.yuetaojie.com/App/Tpl/Home/Default/Public/js/common.js"></script><style type="t...
2012-05-25 15:23:00
255
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人