Kathyxxu Blog

智者远见

表单常用代码

1.去除字符串左右两边的空格 我的左右两边都有空格 inputObj.value.replace(/^(\s|\u00A0)+|(\s|\u00A0)+$/g, "") 2.验证用户是否输入 if(!inputObj.value.replace(/^(\s|\u00A0)+|(\s|\u00A0)+$/g, "")){ alert('em...

Posted by 徐璇 on November 14, 2015

webkit-box弹性盒子

栗子1：icon和文字对齐并居中显示 正在加载... <div class="ajax-loader"> <i class="ico ico-ajax-loader"></i> <span>正在加载...</span> </div> <style type="te...

Posted by 徐璇 on November 9, 2015

Location对象

完整的url由以下几个部分组成： protocal://host:port/path?query#hash 例如页面的url为： http://www.example.com:8080/news/post/2013/index.html?type=js&color=red#print/color/red Location对象属性 location.href返回页面完整的ur...

Posted by 徐璇 on February 23, 2014

javascript模式笔记4——对象创建模式

1.命名空间(namespace) 1.1 命名空间模式 //5个全局变量 //反模式 //构造函数 function Parent(){} function Child(){} //一个变量 var some_var = 1 ; //一些对象 var module1 = {}; module1.data = { a : 1, b : 2 }; var modul...

Posted by 徐璇 on December 10, 2013

javascript模式笔记3——函数

1.函数 特点1. 函数是第一类对象（first-class object） 可以在运行时动态创建，还可以在程序执行过程中创建 可以分配给变量，可以将其引用复制到其他变量，可以被扩展，甚至可以被删除（除少数情况外） 可以作为参数传递给其他函数，也可以由其他函数返回 可以有自己的属性和方法 特点2. 函数提供作用域 块不创建作用域，js中仅存在函数作用域 ...

Posted by 徐璇 on December 5, 2013

javascript模式笔记2——字面量和构造函数

对象字面量： //开始定义一个空对象 var dog = {}; //添加属性 dog.name = "wangwagn"; //添加方法 dog.getName = function(){ return dog.name; } //改变属性和方法 dog.getName = function(){ return "Fido"; } //删除属性和方法 delet...

Posted by 徐璇 on December 2, 2013

javascript模式笔记1——基本技巧

关于全局变量 js使用函数管理作用域，变量在函数内声明，只在函数内有效，外部无法访问。 全局变量在函数外声明，在函数内无需声明就可使用。 js如下特性，即意外创建全局变量： 可以直接使用变量，甚至无需声明 有个暗示全局变量，即任何变量若未经声明，就为全局对象所有 myGolbal = "hello"; //反模式 console.log(myGolbal); //...

Posted by 徐璇 on November 25, 2013

javascript基础三：this

在JAVA，C，C#，C++等语言中，this很专一，总是指向当前的运行对象。 但是javascript的this却很花心，在哪个对象的家里，它就是那个对象的！ 请牢牢记住这句话： this变量永远指向函数运行时所在的对象，而不是函数被创建时所在的对象。如果处在匿名函数中或者不处于任何对象中，this都指向宿主的根对象（在浏览器里面就是 window）。 另外，javascript中...

Posted by 徐璇 on October 7, 2013

javascript基础二：javascript创建对象

工厂模式、构造函数模式、原型模式

1.创建对象 var person = new Object(); person.name = 'kathy'; person.age = 25; person.job = 'frontend'; person.sayName = function(){ alert(this.name); } 缺点： 使用同一个接口创建很多对象，会产生大量重复代码 2.工厂模式 ...

Posted by 徐璇 on September 10, 2013

javascript基础一：六大基本数据类型Undefined、Null、Boolean、Number、String、Object

5种简单数据类型： Undefined、Null、Boolean、Number 和 String 1种复杂数据类型： Object typeof 返回的是字符串，有六种可能： “undefined”、”boolean”、”number”、”string”、”object”、”function” undefined vs null vs NaN var a1; var a2 = tru...

Posted by 徐璇 on September 3, 2013

FEATURED TAGS
js基础 js模式笔记 webkit-box
ABOUT ME

专注前端开发，关注交互体验

FRIENDS