短路运算(逻辑中断)     1.短路运算的原理:当有多个表达式(值)时,左边的表达式值可以确定结果的时候就不再继续运算右边的表达式的值     2.逻辑与 &&     如果第一个表达式的值为真,则返回表达式2的值     如果第一个表达式的值为假,值返回表达式1的值     3.逻辑或 ||     如果第一个表达式的值为真,则返回表达式1的值     如果第一个表达式的值为假,则返回表达式2的值     运算符优先级     逻辑运算符 先&& 后 ||   …

//boolean Number //Number:0,1.2,0377八进制.0xff进制 Infinity无穷大(10/0),指数(科学计数法) //Infinity * 0==NaN //Infinity + Infinity = Infinity //Infinity - Infinity = Infinity; //-Infinity + Infinity = Infinity; //Infinity *10 = Infinity; //几个重要的方法 //--parseInt/par…

一.网络优化 YSlow有23条规则,中文可以参考这里.这几十条规则最主要是在做消除或减少不必要的网络延迟,将需要传输的数据压缩至最少. 1)合并压缩CSS.JavaScript.图片,静态资源CDN缓存 通过构建工具Gulp,可以在开发的时候就将合并压缩的事情一起做掉. 之所以要做合并压缩是因为:HTTP 1.x不允许一个连接上的多个响应数据交错到达(多路复用),因而一个响应必须完全返回后,下一个响应才会开始传输. 也就是说即使客户端同时发送了两个请求,而且CSS资源先准备就绪,服务器也会先发…

前言 本篇博文来自一次公司内部的前端分享,从多个方面讨论了在设计接口时遵循的原则,总共包含了七个大块.系卤煮自己总结的一些经验和教训.本篇博文同时也参考了其他一些文章,相关地址会在后面贴出来.很难做到详尽充实,如果有好的建议或者不对的地方,还望不吝赐教斧正. 一.接口的流畅性 好的接口是流畅易懂的,他主要体现如下几个方面: 1.简单 操作某个元素的css属性,下面是原生的方法: document.querySelector('#id').style.color = 'red'; 封装之后 fun…

JavaScript数组是一种特殊类型的对象. JavaScript数组元素可以为任意类型,最大容纳232-1个元素. JavaScript数组是动态的,有新元素添加时,自动更新length属性. JavaScript数组元素索引可以是不连续的,它们之间可以有空缺. 1.创建数组 调用构造函数Array()创建数组: var a = new Array(); //空数组,等同于数组直接量[] var b = new Array(5); //创建指定长度的数组 var c = new Array(…

在JavaScript中,对于 if else 的逻辑判断你肯定非常熟悉,本文罗列了几种你不一定知道的简写方式,仅供参考. 例子: 已知小明考了68分,小于60分为不及格,大于60分为及格,问:小明是否通过了考试? 1.传统的写法 if(score < 60){ alert('不及格'); }else{ alert('及格'); } 这没什么好说的,最基本的if else语法.可读性应该是最好的. 2.利用三目运算符来进行判断 score < 60 ? alert('不及格') : alert…

1. 根据给定的条件在原有的数组上,得到所需要的新数组. ——<JavaScript 王者归来> var a = [-1,-1,1,2,-2,-2,-3,-3,3,-3]; function f(s,e) { var ret = []; for(var i in s){ // 根据原有的数组长度进行循环 ret.push(e(s[i])); } return ret; } f(a,function(n){return n>0?n:0}); // 传输一个匿名函数作为逻辑判断 2. 比原生…

本文主要记录在学习过程中遇到的JavaScript难点或者容易疏忽的细节,也方便自己日后翻阅学习. 1.arr.length === + arr.length arr.length === + arr.length 是一种鸭式辨型的判断方法.这句话包含两层意思: arr有length这个属性 arr.length是一个Number(可以试一下x === +x) 鸭式辨型的经典假设:只要是会游泳的鸟类,不管它是什么,我都把它当成鸭子.只要arr有length这个属性,且它是个Number,我都把a…

如何写JavaScript才能逼格更高呢?怎样才能组织JavaScript才能让别人一眼看出你不简单呢?是否很期待别人在看完你的代码之后感叹一句“原来还可以这样写”呢?下面列出一些在JavaScript时的装逼技巧. 1. 匿名函数的N种写法 你知道“茴”的四种写法吗?ε=(･д･｀*)ﾊｧ… 扯淡,但你或许不知道匿名函数的好几种写法.一般情况下写匿名函数是这样的: (function(){})(); 复制代码 但下面几种写法也是可以的: !function(){}(); +function()…

No1.语法和类型 1.声明定义 变量类型:var,定义变量:let,定义块域(scope)本地变量:const,定义只读常量.    变量格式:以字母.下划线“_”或者$符号开头,大小写敏感.    变量赋值:声明但未赋值的变量在使用时值为undefined,未声明的变量直接使用会抛异常.    未赋值变量作计算:结果为NaN.例如: var x, y = 1; console.log(x + y); //结果为NaN,因为x没有赋值. 2.作用域 变量作用域:在ES6之前没有块声明域,变量作…

总结了一些JavaScript在开发编码中的使用技巧,如有不对,欢迎指正. 一.JavaScript在HTML和XHTML的使用 使用<script>元素有两种方式:直接在页面中嵌入JavaScript代码和引入外部JavaScript文件. 1. 先说一下在HTML页面使用内嵌的JavaScript方式 <script type="text/javascript"> function compare(a,b){ if(a < b){ console.lo…

一.表达式与运算符: 1.对于属性访问表达式: var arr = {first:"hh","second":"gg",third:null};alert(arr.first+"=="+arr["second"]+"=="+arr["third"]+"=="+arr.fourth); //hh==gg==null==undefined 如果命名的属…

导读: JavaScript和DOM DOM文档对象常用方法和属性 DOW文档对象运用 JSON数据交换格式 正则表达式 1.JavaScript和DOM [返回] 文档对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展标志语言的标准编程接口.在网页上,组织页面(或文档)的对象被组织在一个树形结构中,用来表示文档中对象的标准模型就称为DOM.DOM可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构,可以用于任何编程语言.DOM技术使得用户…

今天面试不小心掉进坑了,大公司特别喜欢考javascript,而且专门挑很tricky的case. javascipt的==简直就是黑魔法,以前偷懒总是用,感觉也没有问题,可是准备面试就需要有寻根问底的精神. 原题问[]==false; ![]==false console输出什么.结果是都是true Since the left and right sides of the equality are two different types, JavaScript can't compare t…

(1)基本数据类型介绍 JavaScript的数据类型分为两类:原始类型(primitive type)和对象类型(object type) 或者说是:可以拥有方法的类型和不能拥有方法的类型 或者说是:可变(mutable)类型和不可变(immutable)类型 原始类型主要包括:数字(number).字符串(string).布尔值(boolean).undefined (一般来说 未定义的值和定义未赋值的为undefined ) 其中NaN属于一种特殊的number 对象类型说白了数据类型就是…

http://www.cnblogs.com/webflash/archive/2010/06/11/1756255.html 作为一名开发人员(WEB前端JavaScript开发),不规范的开发不仅使日后代码维护变的困难,同时也不利于团队的合作,通常还会带来代码安全以及执行效率上的问题.本人在开发工作中就曾与不按规范来开发的同事合作过,与他合作就不能用“愉快”来形容了.现在本人撰写此文的目的除了与大家分享一点点经验外,更多的是希望对未来的合作伙伴能够起到一定的借鉴作用.当然,如果我说的有不科学…

在大多数情况下,为事件处理函数返回false,可以防止默认的事件行为.例如,默认情况下点击一个<a>元素,页面会跳转到该元素href属性指定的页. Return False 就相当于终止符,Return True 就相当于执行符. 在js中return false的作用一般是用来取消默认动作的.比如你单击一个链接除了触发你的 onclick时间(如果你指定的话)以外还要触发一个默认事件就是执行页面的跳转.所以如果 你想取消对象的默认动作就可以return false. <input ty…

大多数情况下,为事件处理函数返回false,可以防止默认的事件行为.例如,默认情况下点击一个<a>元素,页面会跳转到该元素href属性指定的页.return false 就相当于终止符,return true 就相当于执行符. 在javaScript中return false的作用一般是用来取消默认动作的.比如你单击一个链接除了触发你的 onclick时间(如果你指定的话,执行方法体)以外还要触发一个默认事件就是执行页面的跳转.所以如果你想取消对象的默认动作就可以return false.  …

身份证正则表达式 //身份证正则表达式(15位)isIDCard1=/^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$/;//身份证正则表达式(18位)isIDCard2=/^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/;地区.性别和身份证进行判断的正则表达式:<script>varaCity={11:”北京”,12:”天津”,13:”河…

如何写JavaScript才能逼格更高呢?怎样才能组织JavaScript才能让别人一眼看出你不简单呢?是否很期待别人在看完你的代码之后感叹一句“原来还可以这样写”呢?下面列出一些在JavaScript时的装逼技巧. 1. 匿名函数的N种写法 你知道“茴”的四种写法吗?ε=(･д･｀*)ﾊｧ… 扯淡,但你或许不知道匿名函数的好几种写法.一般情况下写匿名函数是这样的: (function(){})(); 复制代码 但下面几种写法也是可以的: !function(){}(); +function()…

JavaScript 基础   Page 13 (1)<script> 的属性:async,charset,defer='defer',language已废,src,type   (2)null 是一个空值,是一个特殊对象: undefined 表示空值,它不是对象 是未定义的意思:undefined==null 返回true;    (3)全局变量: 全局属性:undefined.Infinty.Nan 全局函数:isNaN()[Not a Number不是数字返回true].parseIn…

作为一名开发人员(We前端JavaScript开发),不规范的开发不仅使日后代码维护变的困难,同时也不利于团队的合作,通常还会带来代码安全以及执行效率上的问题.本人在开发工作中就曾与不按规范来开发的同事合作过,与他合作就不能用“愉快”来形容了.现在本人撰写此文的目的除了与大家分享一点点经验外,更多的是希望对未来的合作伙伴能够起到一定的借鉴作用.当然,如果我说的有不科学的地方还希望各路前辈多多指教.下面分条目列出各种规范要求,这些要求都是针对同事编码毛病提出来的,好些行业约定的其它规范可能不会再提…

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <sc…

让操作javascript对象数组像.net lamda表达式一样 随着web应用程序的富客户端化.ajax的广泛使用及复杂的前端业务逻辑.对js对象数组.json数组的各种操作越来越多.越来越复杂.如果处理js对象数组能够像.net lamda一样方便.灵活,这将是一件很美好的事. 由于最近项目中对json对象数组的操作很多,为了方便开发.使用方便.提高代码的重用性,就对js Array扩展一些类似 .net lamda一样的方法. 我们来先看一个例子 我们知道现在用json作为数据传输方式的…

作为一名开发人员(WEB前端JavaScript开发),不规范的开发不仅使日后代码维护变的困难,同时也不利于团队的合作,通常还会带来代码安全以 及执行效率上的问题.本人在开发工作中就曾与不按规范来开发的同事合作过,与他合作就不能用“愉快”来形容了.现在本人撰写此文的目的除了与大家分享一点 点经验外,更多的是希望对未来的合作伙伴能够起到一定的借鉴作用.当然,如果我说的有不科学的地方还希望各路前辈多多指教.下面分条目列出各种规范要求, 这些要求都是针对同事编码毛病提出来的,好些行业约定的其它规范可能…

如何写JavaScript才能逼格更高呢?怎样才能组织JavaScript才能让别人一眼看出你不简单呢?是否很期待别人在看完你的代码之后感叹一句“原来还可以这样写”呢?下面列出一些在JavaScript时的装逼技巧. 1. 匿名函数的N种写法 你知道“茴”的四种写法吗?ε=(･д･｀*)ﾊｧ… 扯淡,但你或许不知道匿名函数的好几种写法.一般情况下写匿名函数是这样的: (function(){})(); 但下面几种写法也是可以的: !function(){}(); +function(){}();…

string和number boolean javascript 类型会根据赋值的进行转成相应的类型. var str = ""; alert(typeof (str));//string str = 5; alert(typeof (str));//number var sum = str + 5; //+编程两个数字相加 alert(sum);//10       这一种比较明显,一眼就可以计算出其值.但是请看下面这种转换 var sum = "7" + &qu…

2016.12.6晚上十点半完成JavaScript的第二章学习,看了点第三章的开头总述,都说原生js每一个知识点都可以分分钟钟让你放弃,而我在努力探索着.月末的时候就回家放假了,希望在家也可以有个小小的练习,开学来的时候可以把js过一遍,啊还有jQuery呢!!! 三.判断.循环和函数(检查用户输入的有效性) 3.1    选择语句--if语句和swith语句(程序具有一定的逻辑判断能力) 3.1.1   如下代码:(将条件表达式的结果赋值给变量) 3.1.2   if语句        "如…

接上篇命令模式来继续看下js设计模式中另一种常用的模式,策略模式.策略模式也是js开发中常用的一种实例,不要被这么略显深邃的名字给迷惑了.接下来我们慢慢看一下. 一.基本概念与使用场景: 基本概念:定义一系列方法,封装起来使他们可以相互替换.也就是将策略封装在策略类中,当发起请求时管理类将请求委托给对应策略类. 概括而言,就是讲对应不同情况的策略(即不同的处理方法)专门分装在一个对象中,即策略对象里面包含所有的策略.事件请求不直接请求该策略对象,而是有个管理对象来处理请求转发给策略对象的不同接口…

一.数据和类型        俗话说物以类聚,人以群分:这里将人和物都按类别进行了区分.我们数据也一样,使用计算机我们能处理数值,也可以处理文本还可以处理图形.音频.视频等各种各样的数据,不同的数据有着各自所属的类型.这就是我们说的数据类型.        JavaScript是一门弱类型语言.我们会在各种JS入门书籍中看到这句话:通俗解释,当我们在JavaScript定义一个变量时,是不会预先设定好这个变量里面存储什么类型的数据(可参考js变量中和java的对比),统统只能使用 var 来声明…