自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(22)
  • 资源 (4)
  • 收藏
  • 关注

原创 Javascript—history

window.history 对象在编写时可以不使用window这个前缀,为了保护用户隐私,对Javascript访问该对象的方法作出了隐私,它的方法有:history.back()    与浏览器点击后退按钮相同history.forward()   与浏览器点击前进按钮相同。

2016-08-30 17:44:46 167

原创 Javascript—location

1. location对象:window.location 对象用于获得当前页面的地址(URL),并把浏览器重新定向到新的页面2. location对象的属性:       location.hostname  返回web主机的域名       location.pathname   返回当前页面的路径和文件名       location.port              返回

2016-08-30 17:24:07 240

原创 Javascript—有效变量名称

A.  _$te$t2B. withC. a bcD. 2aJavascript变量名称 以一个字符必须是一个字母/下划线(_)或一个美元符号($);其他字符可以是字母/下划线/美元符号/数字

2016-08-29 19:04:55 1237

原创 Javascript—事件委托

EventUtils解决浏览器问题以及事件委托。

2016-08-29 17:41:53 293

原创 IE兼容性

在使用IE中,有两点注意:(1)在IE的DOM0级事件中,事件处理程序会在其所属元素的作用域内运行;而是用attachEvent()方法的情况下,事件处理程序会在全局作用域中运行,因此,this 等于 window。var btn = document.getElementById("btn");btn.atachEvent("onclick",function(){    ale

2016-08-29 16:50:30 304

原创 Javascript—字符串和数字运算

console.log(1+"2"+"2");console.log(1++"2"+"2");console.log("A"-"B"+"2");console.log("A"-"B"+2);1.  console.log(1+"2"+"2");做加法时要注意双引号,当使用双引号时,Javascript会认为是字符串,字符串相加等于字符串合并。这里是1222. con

2016-08-29 13:56:14 1765

原创 Javacript—正则表达式匹配规则

匹配规则1. 字面量字符和元字符大部分字符在正则表达式中,就是字面的含义,比如/a/ 匹配,/b/匹配b。如果在正则表达式中,某个字符只表示它字面的含义,那么它们就叫做“字面量字符”(literal characters) 。除了字面量字符以外,还有一部分字符有特殊含义,不代表字面的意思,他们叫做“元字符”(metacharacters)。元字符有:(1)点字符(.) 匹配除了回车(\

2016-08-27 18:52:37 397

原创 Javascript—Json

1. JSON 格式JSON格式是一种用于数据交换的文本格式,简单说,JSON格式就是一种表示一系列的“值”的方法,这些值包含在数组或对象中,是他们的成员。对于这一系列的“值”,规定:(1)数组或对象的每个成员的值,可以是简单值,也可以是复合值。               简单值分为4种:字符串、数值(必须以十进制表示)、布尔值和null(NaN,Infinity,-Infinity

2016-08-27 10:47:34 399

原创 H5—websql

H5内置了两种本地数据库,一种为SQLLite,一种为indexedDB.

2016-08-27 10:43:22 384

原创 H5—Web Storage

HTML5提供了两种在客户端存储数据的新方法:web Storage: 浏览器端数据存储机制,使得网页在浏览器端存储数据,它分为两类:sessionStorage和localStorage。sessionStorage保存的数据用于浏览器的一次会话当会话结束(通常是该窗口关闭),数据被清空;localStorage保存的数据长期存在,下一次访问该网站的时候,网页可以直接读取以前保存的数

2016-08-26 13:40:54 355

原创 Javascript—产生颜色梯度

在网上找到的按照一定数量产生颜色梯度的js文件。具体见附件。

2016-08-26 13:39:18 643

原创 Javascript—var操作符

使用var操作符定义的变量将成为该变量的作用域中的局部变量。如果在函数中使用var 定义一个变量,那么这个变量在函数退出后就会被销毁;省略var操作符,会创建一个全局变量;var  a=b=4;  ---->  var a=b;b=4;所以,               (function(){var a=b=5;})();console.log(b);      

2016-08-24 19:15:11 244

原创 Javascript—正则表达式

1. 新建Javascript 正则表达式有两种方式:(1)一种是使用字面量,以斜杠表示开始和结束。var regex = /xyz/(2)另一种是使用RegExp构造函数。var regex=new RegExp('xyz');上面两种写法是等价的,都是新建了一个内容为xyz的正则表达式。他们的主要区别是:第一种方法在编译时新建正则表达式,第二种方法在运行时新建正则表达式。他

2016-08-24 17:16:54 145

原创 Angular—ng-class

ng-class用来设置DOM元素的样式,用在html页面中,喜欢的一个例子,希望后面补充.sky{color: white;background-color: lightblue;padding:20px;font-family: "courier new";}.tomato{background-color: coral;paddin

2016-08-21 19:26:31 202

原创 Angular—ngRoute

ngRoute进行视图的切换,同一个主页面中部分内容或者整个页面的切换,关键看 ng-view 的位置。1、主html代码: 这里的内容在变不变 2、JS配置页面代码:var bookStoreApp = angular.module('bookStoreApp',['ngRoute',  'bookStoreCtrls'

2016-08-20 19:11:53 268

转载 CSS—position

原文:http://www.cnblogs.com/bokin/archive/2012/12/14/2816864.html

2016-08-07 18:54:45 168

转载 CSS—盒子模型

在网页之中,每一个元素都是由四部分组成的,从内到外分别是:content 指的就是具体内容,比如说,文字,图片等等paddingborder 元素的边界,这个你应该很熟悉margin

2016-08-06 19:30:46 182

转载 CSS—单位是怎么回事

彻底弄懂css中单位px和em,rem的区别国内的设计师大都喜欢用px,而国外的网站大都喜欢用em和rem,那么三者有什么区别,又各自有什么优劣呢?    PX特点1. IE无法调整那些使用px作为单位的字体大小;2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位;3. Firefox能够调整px

2016-08-05 21:38:32 175

原创 CSS—组合选择器

在网页中有多个table,如有table1、table2 只想修改某个table的td,怎么办呢?设置table1 的 id="myTable"(也可以设置class="myTable"),在css中组合选择器:#myTable td{width:200px;}

2016-08-05 21:27:43 252

原创 CSS—漂亮的背景色

漂亮的背景色    CSS 文件:.template-content {    padding: 50px;    margin-bottom: 40px;    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2),inset 0 0 50px rgba(0, 0, 0, 0.1);    background-color: #ffffff;

2016-08-04 16:11:58 551

原创 CSS—占据全屏并且没有滚动条

hhhhhhhvar width = window.innerWidth;var height = window.innerHeight;var container = document.getElementById("container");console.log(width);console.log(height);container.style.width

2016-08-03 18:59:28 1385

原创 CSS—实现悬浮层

#nav { width:150px; height: 400px; border: 1px solid #D4CD49; position:fixed;left:0;top:30% }ddd

2016-08-03 18:44:44 1803

Javascript—Tab切换

Javascript—Tab切换

2016-09-01

Javascript颜色梯度

Javascript颜色梯度

2016-08-31

变速向上滑动的向上按钮

变速向上滑动的向上按钮

2016-08-30

EventUtil.js

EventUtil.js

2016-08-30

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除