Xzavier

行到水穷处,坐看云起时

温故js系列(14) 详解代码中的流程控制

JavaScript-流程控制 JavaScript是单线程的,一个语句一个语句的执行。语句是执行过程中的流程、限定与约定,形式上可以是单行语句,或者由一对大括号”{}”括起来的复合语句,复合语句整体可以作为一个单行语句处理。那么,代码中,流程控制就显得格外重要了。JavaScript也规定了一些语句和一些关键字用于流程控制。 if语句 if (条件表达式) {语句} if(2 &g...

Javascript: void(0); 为啥我们的代码中会用到void?

背景 其实我们并没有经常在我们的js代码里使用到 void 关键字,但是也经常看到和使用到: <a href="javascript: void(0);" id="one">xzavier</a> 我在之前学习的时候,就知道 javascript: 这玩意儿是个伪协议,让href逝去其默认的行为,从而执行js代码,然后 void(0); 吧,就是什么都没发生,...

温故js系列(13) 数组去重 - 由慢到快由繁到简

JavaScript-数组去重由慢到快由繁到简演化 indexOf去重 Array.prototype.unique1 = function() { var arr = []; for (var i = 0; i < this.length; i++) { var item = this[i]; if (arr.indexOf(ite...

温故js系列(12) 数组 & 数组使用详解

Array对象 在 JavaScript 中 Array 是一个用来构造数组的全局对象,它是一个高阶的类似有序列表的对象,是JavaScript内置对象里非常重要的一个。 创建数组: 数组字面量 var arr = []; var arr = [1, 2, 3]; var arr = [[1],2,[2,[123]]]; 数组构造函数 var arr = ne...

温故js系列(11) 对象 & 对象使用详解

Object对象 在 JavaScript 中,对象,是对一些具体事物的一种抽象,所有其他对象都继承自这个对象。Object 是一个无序集合,将变量和值集合在一起,可以存放任意类型对象(JavaScript中的一切皆对象,这句话应该没有对错,无论正反两个方面,支持者都能说出他们的解释)。 对象创建 字面量方式 var obj = { key: 'value', nam...

CSS小技巧 业务代码中常常遇到的小总结

业务代码中可用的CSS技巧 兼容chrome下的10px字体 p { font-size: 10px; -webkit-transform: scale(.83); } 此方法在前端页面需要展示更小字体,兼容浏览器时非常有用。 文本溢出显示省略号… p { display:block; white-space:nowrap; overfl...

温故js系列(10) Ajax&&优缺点&&node后端

2005年Jesse James Garrett 发表了一篇文章,标题为:“Ajax:A new Approach to Web Applications”。他在这篇文章里介绍了一种技术叫:Ajax,即Asynchronous JavaScript And XML。这种技术能够向服务器请求数据而不须刷新整个页面,会带来更好的用户体验。 XMLHttpRequest Ajax技术核心是XM...

温故js系列(9) 详解加法运算符

JavaScript一路走来,备受争议,与其说它备受争议,不如说它不够完美。不够完美?那完美了还得了,它的强大你还没体会到吗?它是如此的灵活,当然随之而来的便是开发的代价,它不像强类型语言那样规规矩矩,今天就说说这个加法运算符。当然,这个不是之前的温故,不是我说,随意翻译,顺便分享,后附原文。 这里不讲+转换类型,详见第四章运算符详解,运算符详解 本职工作:加法运算符 var resu...

jQuery笔记(2) 动画效果

jQuery-动画效果浅析 动画可以给网站的用户体验加分,让网页更加活泼。不过,什么东西都需要适量,简易快捷的动画会给网站加分不少。比如购物网站的个人中心按钮hover效果啊,各种hover产生的动画等。不过,现在CSS3的新特性可以模拟很多动画,可以多用CSS3去实现一些动画效果了。比如box-shadow,text-shaow,animation,transform等。jquery作为...

jQuery笔记(1) 选择器

jQuery-选择器浅析 jQuery 最核心的组成部分就是:选择器引擎,选择器引擎Sizzle占了jQuery很大一部分。它继承了CSS 的语法,可以对DOM 元素的标签名、属性名、状态等进行快速准确的选择,并且不必担心浏览器的兼容性。jQuery选择器实现了CSS1~CSS3 的大部分规则之外,还实现了一些自定义的选择器,用于各种特殊状态的选择。 基础选择器 选择类型 ...