taishan1063778204-CSDN博客

原创 CSS hack

由于不同的浏览器，甚至同一浏览器的不同版本对CSS的解析认识不一样，导致生成的页面效果不一致，写出针对不同浏览器CSS code就称为CSS hack。常用的CSS hack 有三种方式，CSS 内部hack、选择器hack、HTML 头部引用，其中第一种最常用。 CSS 内部hack 语法是这样的 selector{hack标签?property:valuehack标签?;} ，上面代码所示

2016-09-08 15:38:02 229

原创用js编写生成指定范围内的随机数

形如：function randomNum(Min,Max) { return Math.floor(Math.random*(Max-Min)+Min);}例如：用js实现随机选取10–100之间的10个数字，存入一个数组，并排序。var result=[];function randomNum(min,max) { return Math.floor(Math.random(

2016-09-08 08:49:00 501

原创 web前端小知识

一、前端性能优化方法： 1、对于网页内容来说： (1)、减少http的请求次数保持页面简洁、减少资源的使用 (2)、避免页面跳转对于以目录形式访问的 HTTP链接，很多人都会忽略链接最后是否带 ’/’，假如你的服务器对此是区别对待的话，那么你也需要注意，这其中很可能隐藏了 301跳转，增

2016-09-06 21:26:06 332

转载 100个不能错过的实用JS自定义函数

转载地址：http://www.bitscn.com/school/JavaScript/201408/306460.html 1、原生JavaScript实现字符串长度截取代码如下:function cutstr(str, len) { var temp; var icount = 0; var patrn = /[^\x00-\xff]/; var strre

2016-08-26 15:25:12 608

原创变量作用域

一、var num=10;fun();function fun() { console.log(num);//输出undefined; var num=20;}说明：在JS中有一个解析器，其解析过程如下： 1、预解析（全局作用域中） i）先找var ,function和参数； ii)找到var ，function之后，会把var,function提前。va

2016-08-25 21:01:42 320

原创阿里巴巴2011前端工程师笔试卷

1、请列举7种以上常用的HTML标签，说明其语义。 1)div标签，是一个块元素，就像一个大盒子，可以放各式各样的东西； 2)p标签，也是一个块元素，它通常用来放一段话的….； 3)h1,h2,h3,…h6标签，也是块元素，常用来放标题； 4）span标签，是一个行内元素，常用来处理一段话中的某几个字符； 5）img标签，用来加载图片的标签； 6）table标签，用来创建表格的标签；

2016-08-24 20:11:45 795

原创 position

1、相对定位：relative，它通过left,right,top,bottom属性确定元素在正常文档流中的偏移位置，相对定位完成的过程是首先按static(float)方式生成一个元素(并且元素向层一样浮动起来)，然后相对于以前的位置偏移，移动的方向和幅度有left,right,top,bottom属性确定，偏移前的位置保留不动。特点是：a.相对于自身原有位置进行偏移;

2016-08-24 14:24:04 266

原创 JS练习题

1、点击按钮后，将下列li倒序排列 <ul id="test"> <li>我是第1列</li> <li>我是第2列</li> <li>我是第3列</li> <li>我是第4列</li> <li>我是第5列</li> </ul> <input type="button" value="倒序排列" o

2016-08-24 11:20:01 591

原创 Bootstrap

Bootstrap栅格系统的工作原理：“行（row）”必须包含在.container(固定宽度)或.container-fluid（100%宽度）中，以便为其赋予合适的排列(aligment)和内补(padding).通过“行（row）”在水平方向创建一组“列（column）”。你的内容应当放置在“列（column）”内，并且只有“列（column）”可以作为“行（row）”的直接子元素。类

2016-08-21 20:28:19 398

原创 HTML5与CSS3的新特性

html5 article—定义article aside—定义页面内容之外的内容 audio—定义声音内容 canvas—定义图形 command—定义命令按钮 datalist—定义下拉列表 details—定义元素的细节 embed–定义外部交互内容或插件 figcaption—定义figure元素的标题 figure—定义媒介内容的分组，以及它们的标题。 footer–

2016-08-19 20:51:30 527

原创 Boostrap 按钮

描述 Bootstrap Button（按钮）JavaScript 插件允许您加强按钮的功能。您可以控制按钮的状态，也可以为组件创建按钮组，比如工具条。什么是必需的您必须引用 jquery.js 和 bootstrap-button.js - 这两个 JavaScript 文件。它们都位于 docs/assets/js 文件夹内。如何使用它您可以不编写任何 JavaScript 只

2016-08-18 09:17:53 321

转载跨域

这里写链接内容 js中几种实用的跨域方法原理详解这里说的js跨域是指通过js在不同的域之间进行数据传输或通信，比如用ajax向一个不同的域请求数据，或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同，都被当作是不同的域。下表给出了相对http://store.company.com/dir/page.html同源检测的结果: 要解决跨域的问题，我们可以

2016-08-18 08:39:21 177

String类型的每个实例都有一个length属性，表示字符串中包含多个字符。即使字符串中包含双字节字符（不是占一个字节的ASCII字符），每个字符也仍然算一个字符。字符方法两个用于访问字符串中特定字符的方法是：charAt()和charCodeAt()。两个方法都接受一个参数，即基于0的字符位置。其中，charAt()方法以单字符字符串的形式返回给定位置的那个字符。var stringValue=

2016-08-17 16:20:10 1023

原创 function类型

函数三种形式：使用函数声明语法定义；function sum(num1,num2) { return num1+num2;}使用函数表达式定义；var sum=function() { return num1+num2;};使用Function构造函数。var sum=new Function("num1","num2","return num1+num2");//不

2016-08-17 10:52:39 253

原创正则表达式

\b—代表着单词的开头或结尾，也就是单词的分界处,它只匹配一个位置。 .—–是另一个元字符，匹配除了换行符以外的任意字符。 \d—–是个新的元字符，匹配一位数字(0，或1，或2，或……)。例如：0\d{2}-\d{8}。这里\d后面的{2}({8})的意思是前面\d必须连续重复匹配2次(8次)。 \s—–匹配任意的空白符，包括空格，制表符(Tab)，换行符，中文全角空格等。 \w—–匹配

2016-08-15 10:15:58 176

转载浏览器兼容性问题

浏览器兼容问题一：不同浏览器的标签默认的外补丁和内补丁不同问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。碰到频率:100%解决方案：CSS里 *{margin:0;padding:0;}备注：这个是最常见的也是最易解决的一个浏览器兼容性问题，几乎所有的CSS文件开头都会用通配符*来设置各个标签的内外补丁是0。浏览器兼容问题二：块属性标签float

2016-08-15 08:28:58 206

原创 Array类型

ECMAScript数组的每一项可以保存任何类型的数据。也就是说，可以用数组的第一个位置来保存字符串，第二个位置来保存数值，第三个位置来保存对象，以此类推。而且，ECMAScript数组的大小是可以动态调整的，即可以随着数据的添加自动增长以容纳新增数据。创建数组1、使用Array构造函数var color =new Array();2、使用数组字面量表示法var colors=["red","gre

2016-08-13 20:58:24 190

转载盒子模型

盒子模型是css中一个重要的概念，理解了盒子模型才能更好的排版。其实盒子模型有两种，分别是 ie 盒子模型和标准 w3c 盒子模型。他们对盒子模型的解释各不相同，先来看看我们熟知的标准盒子模型：从上图可以看到标准 w3c 盒子模型的范围包括 margin、border、padding、content，并且 content 部分不包含其他部分。　　ie 盒子模型　　　　从上图可以看到

2016-08-13 07:59:23 251

原创继承

由于函数没有签名，在ECMAScript中无法实现接口继承。ECMAScript只支持实现继承，而且其实现继承主要是依靠原型链来实现的。原型链其基本思想是利用原型让一个引用类型继承另一个引用类型的属性和方法。每一个构造函数都有一个原型对象，原型对象都包含一个指向构造函数的指针，而实例都包含一个指向原型对象的内部指针。function SuperType(){ this

2016-08-12 10:12:17 168

原创文章标题

变量的作用域分为：全局变量和局部变量在Javascript语言中，函数内部可以直接读取全局变量；但是函数外部无法读取函数内部的局部变量。其中，函数内部声明变量的时候。一定要使用var命令，如果不用的话，声明的局部变量就变成了全局变量！！读取局部变量就是在函数内部，再定义一个函数function f1(){　　　　n=999;　　　　function f2(){　　　　　　alert(n);

2016-08-11 08:49:37 162

原创 velocity

velocity.js插件兼容IE8和Android 2.3特别适合于动画系列的场景，能够依次进行。可分为以下几步首先自定义变量其次自定义动画动画序列事件绑定自定义动画一般的格式为 $.Velocity.RegisterUI("预保存的文件名" , { defaultDuration: , calls

2016-08-09 14:38:55 202

原创 transform

在CSS3 2D转换中，通过属性transform来使用tansform功能，能够实现 4中文字或图像的变形处理，分别是旋转、缩放、倾斜以及移动。旋转通过rotate()方法，元素顺时针旋转给定的角度，也可以是负值，元素将逆时针旋转。形如<div> transform:rotate(30deg);//用rotate(30deg)元素顺时针旋转30读。</div>缩放使

2016-08-09 10:27:53 263

原创阻止事件向父容器传递相关知识

W3C标准定义的阻止事件向父容器传递：e.stopPropagation()DOM中的事件对象:preventDefault() 取消事件默认行为stopImmediatePropagation() 取消事件冒泡同时阻止当前节点上的事件处理程序被调用。stopPropagation() 取消事件冒泡对当前节点无影响。IE中的事件对象：ca

2016-08-08 08:56:11 719

taishan1063778204的博客