随笔分类 -  javascript

1 2 3 4 下一页
js中逗号运算符123
摘要：今天看到群里聊到了逗号运算符，就总结一下，我对它的理解吧，勿喷！（ps：苦逼孩子，人家都讨论完半天了，刚才看到！！尼玛！）逗号运算符：是按顺序执行表达式，并且获得右边表达式的值。来个例子：var a = 10;var b = 20;var c = (a++,b++,100);console.log(a);console.log(b);console.log(c);值是11,21,100大彻大悟了么？关于运算符优先级问题可以查看：https://developer.mozilla.org/zh-CN/docs/JavaScript/Reference/Operators/Operator_Pre 阅读全文
posted @ 2013-03-11 23:18 刘卿 阅读(2688) 评论(2) 推荐(0)
javaScript转整数
摘要：我常用到的2中转整数的方法：1、'0.12323' | 02、parseInt('0.00001')这些都很简单，这里要说的是1方法在前面字符串超过2147483647时就会出现错误2方法里的值必须是字符串不然在处理0.00001这类的数值时会返回最后一位 阅读全文
posted @ 2013-02-18 16:07 刘卿 阅读(1155) 评论(0) 推荐(0)
深入理解JavaScript 模块模式
摘要：英文：http://www.adequatelygood.com/2010/3/JavaScript-Module-Pattern-In-Depth模块模式是JavaScript一种常用的编码模式。这是一般的理解，但也有一些高级应用没有得到很多关注。在本文中，我将回顾基础知识，浏览一些不错的高级技巧，甚至我认为是原生基础的。基础知识首先我们开始简单概述模型模式。三年前Eric Miraglia(YUI)的博文使模型模式众所周知。如果你已经很熟悉模型模式，可以直接阅读“高级模式”。匿名闭包这是一切成为可能的基础，也是JavaScript最好的特性。我们将简单的创建匿名函数，并立即执行。所有函数内 阅读全文
posted @ 2013-02-17 10:49 刘卿 阅读(10724) 评论(0) 推荐(2)
js浏览器缩放比例检测
摘要：检测当前浏览器是否缩放https://github.com/Johnqing/browserZoom 阅读全文
posted @ 2013-02-16 16:44 刘卿 阅读(1938) 评论(0) 推荐(1)
转：利用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-smushit github地址：https://github.com/colorhook/node-smushit3.编写代码//jsvar fs = require('fs');var jsp = require(&q 阅读全文
posted @ 2013-01-24 13:58 刘卿 阅读(15461) 评论(3) 推荐(0)
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(){ this.createElem(); this.snowRun(); }, getRndAndFillZero :function (){ var str=Math.ceil(Math.random()*16777215).toStr... 阅读全文
posted @ 2013-01-22 15:00 刘卿 阅读(423) 评论(0) 推荐(0)
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;width:200px;z-index:10000;-moz-transform:rotate(-3deg);-moz-transform-origin: 50% 0; -webkit-transform:rota 阅读全文
posted @ 2013-01-20 16:08 刘卿 阅读(907) 评论(1) 推荐(0)
转：浅谈javascript的原型继承
摘要：javascript的继承在很多框架中都有运用，尤其是原型式继承。首先要理解一个概念，什么是原型式继承？所谓的原型式继承，就是在函数内部先创建一个临时性的构造函数，然后将传入的对象做这个构造函数的原型，最后返回这个临时类型的新实例。请看源码：function clone(o) { var F = function(){}; F.prototype = o; return new F();}首先看ext（4.1的1896行开始）的原型式继承。var TemplateClass = function(){};var ExtObject = Ext.Object = { ch... 阅读全文
posted @ 2012-12-31 11:42 刘卿 阅读(427) 评论(0) 推荐(0)
js变量小秘密
摘要：var a = 1;function b() { a = 10;return;}b();alert(a);--------------------------------------------------------var a = 1;function b() { a = 10; return; function a() {}} b(); alert(a);这个的值是神马呢？第一个不用想就知道 是10第二个有return 看着也是 应该是10悄悄运行下看看，你会发现 原来第二个竟然是1这是为神马呢先复习一个概念 变量声明在作用域内是始终可见的然后 想想 函数声... 阅读全文
posted @ 2012-12-28 18:04 刘卿 阅读(268) 评论(3) 推荐(0)
以前写过的一个第三方分享按钮
摘要：var Share = function(webSet,url,sourceImg){ if(!sourceImg){sourceImg = ""} if(sourceImg!="") { sourceImg = "&pic=" + sourceImg; }; var text = "我喜欢 @悦淘街 的这个分享：", webText = url, con = text+webText; webSet == "sina" ? window.open("http://v.t.si 阅读全文
posted @ 2012-12-27 12:14 刘卿 阅读(253) 评论(0) 推荐(0)
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提前隐式声明为 var i = undefined，log（i）为 undefined 阅读全文
posted @ 2012-12-24 22:16 刘卿 阅读(168) 评论(0) 推荐(0)
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:expression( test() );}</style>计算了<input id="c" />次<div> <ul> <li><a href="#"... 阅读全文
posted @ 2012-12-19 13:29 刘卿 阅读(174) 评论(1) 推荐(0)
类和模块
摘要：每个javascript对象都是一个属性的集合，相互之间没有任何联系。javascript也可以定义对象的类，让每个对象都共享某些属性，这种“共享”的特性是非常有用的。类的成员或实例都包含一些属性，用以存放或定义他们的状态，其中有一些属性定义了它们的行为。待续。。。。。。 阅读全文
posted @ 2012-12-01 23:05 刘卿 阅读(137) 评论(0) 推荐(0)
同源策略
摘要：同源策略是对javascript代码能给操作哪些web内容的一条完整的安全限制。文档的来源包含协议、主机，以及载入文档的URL端口。从不同web服务器载入的文档具有不同的来源。通过同一主机的不同端口载入的文档具有不同的来源。使用http：协议载入的文档和使用https：协议载入的文档具有不同的来源，即使它们来自同一个服务器。脚本本身的来源和同源策略并不相关，相关的是脚本所嵌入的文档的来源。 阅读全文
posted @ 2012-11-30 12:05 刘卿 阅读(180) 评论(0) 推荐(0)
客户端javascript线程模型
摘要：javascript语言核心并不包含任何线程机制，并且客户端javascript传统上也没定义任何线程机制。单线程执行是为了让编程更加简单。单线程意味着浏览器必须在脚本和事件处理程序执行的时候停止响应用户输入。html5定义了一种并发的控制方式，叫做“Web worker”。Web worker是一种用来执行计算密集任务而不冻结用户界面的后台线程。运行在Web worker里的代码不能访问文档内容，不能和主线程或其他worker共享状态，只可以和主线程和其他worker通过异步事件进行通信，所以主线程不能检测并发性，并且Web worker不能修改javascript程序的基础单线程执行模型。 阅读全文
posted @ 2012-11-29 23:35 刘卿 阅读(288) 评论(0) 推荐(0)
JS 事件
摘要：1、设置js对象属性为事件处理程序事件处理程序属性的名字由“on”后面跟着事件名组成。这些属性名 都必须小写事件处理程序的缺点：设计都是围绕着假设每个事件目标对于每种事件类型将最多只有一个处理程序。2、设置html标签属性为事件处理程序属性值为javascript代码字符串。这段代码应该是事件处理程序函数的主体，而非完整的声明。缺点：客户端编程的通用风格是保持html内容和javascript行为分离，遵循这条规则的程序员禁止/避免使用html事件处理程序属性，因为这些属性直接混合了javascript和html通过html属性注册事件处理函数时，浏览器会把javascript编码转换到一个函 阅读全文
posted @ 2012-11-28 19:41 刘卿 阅读(1444) 评论(0) 推荐(0)
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> <script> function deviceMotionHandler(eventData) { // var accel 阅读全文
posted @ 2012-11-05 16:19 刘卿 阅读(10151) 评论(0) 推荐(0)
JS 图片按序排列效果
摘要：PS：JS中用到的库是我开发的悦淘街的库，由于特殊原因此demo必须放到悦淘街页面下才可访问，大家可以使用其他类库替换，只是提供一个思路。运动函数可以看（JS手风琴特效、运动函数）这里的<ul id="ulNode"> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8&l 阅读全文
posted @ 2012-10-30 18:11 刘卿 阅读(2685) 评论(0) 推荐(0)
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 type="text/javascr 阅读全文
posted @ 2012-09-17 16:28 刘卿 阅读(4240) 评论(0) 推荐(0)
原生js实现抽奖
摘要：公司栏目需要增加老-虎-机抽奖，所以匆忙弄了一个，大家可以试试。这个程序为了安全，是通过服务端算好结果，前端展示效果，大家可以用来娱乐下<script type="text/javascript" src="../Public/js/common.min.js?v=201207181003"></script><script type="text/javascript">var CONFIG = new Object();CONFIG['uid'] = '385';C 阅读全文
posted @ 2012-07-19 13:56 刘卿 阅读(634) 评论(0) 推荐(0)

1 2 3 4 下一页