04 2017 档案

摘要:1、bootstrap都使用了html5中的html和css元素,所以要使用html5的doctype属性 <!DOCTYPE html> <html> .... </html>2、移动先行 移动设备优先是 Bootstrap 3 的最显著的变化。 Bootstrap 3 的设计目标是移动设备优先, 阅读全文
posted @ 2017-04-30 23:56 小明学长 阅读(290) 评论(0) 推荐(0) 编辑
摘要:正则表达式(Regular Expression)是一种描述字符模式的对象,RegExp 对象表示正则表达式,用来验证用户输入。 一,创建正则表达式 1,采用new运算符 var bb=new RegExp('参数字符串','可选模式修饰符') 2,字面量法 var bb=/参数字符串/可选模式修饰 阅读全文
posted @ 2017-04-30 19:41 小明学长 阅读(5188) 评论(0) 推荐(0) 编辑
摘要:浮动清理的必要性 当父盒子不浮动,子盒子浮动,子盒子会脱离父盒子的束缚,也就是造成父盒子塌陷, 子盒子不浮动时 <!DOCTYPE html><html><head> <title>sss</title> <style type="text/css"> .fd{ background-color: 阅读全文
posted @ 2017-04-30 01:05 小明学长 阅读(215) 评论(0) 推荐(0) 编辑
摘要:1.blur() 当元素失去焦点时发生 blur 事件。 blur() 函数触发 blur 事件,或者如果设置了 function 参数,该函数也可规定当发生 blur 事件时执行的代码。 2.change() 当元素的值发生改变时,会发生 change 事件。 该事件仅适用于文本域(text fi 阅读全文
posted @ 2017-04-29 04:59 小明学长 阅读(294) 评论(0) 推荐(0) 编辑
摘要:jQuery对ajax进行了封装,其中$.ajax()方法属于最底层方法,第2层是load()、$.get()和$.post()方法,第三层是$.getScript()和$.getJSON方法。 一、$.ajax(options) 该方法只有1个参数,所有参数以key/value形式存在,所有参数都 阅读全文
posted @ 2017-04-29 04:53 小明学长 阅读(118) 评论(0) 推荐(0) 编辑
摘要:要完整实现一个AJAX异步调用和局部刷新,通常需要以下几个步骤: (1)创建XMLHttpRequest对象,也就是创建一个异步调用对象. (2)创建一个新的HTTP请求,并指定该HTTP请求的方法、URL及验证信息. (3)设置响应HTTP请求状态变化的函数. (4)发送HTTP请求. (5)获取 阅读全文
posted @ 2017-04-28 23:42 小明学长 阅读(129) 评论(0) 推荐(0) 编辑
摘要:什么是ajax? AJAX全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML),是一种创建交互式网页应用的网页开发技术。 ajax 运行需要web服务器,ajax请求其实也是普通的http请求,流程为:浏览器发送ajax请求-->服务器接收到浏 阅读全文
posted @ 2017-04-28 23:38 小明学长 阅读(211) 评论(0) 推荐(0) 编辑
摘要:一.show()和hide(),显示和隐藏,改变大小和透明度 show()恢复内容原有的display值,内容从上到下,从左到右依次增大,透明度从0到1 hide()使内容display设置为none.和以上相反。 可以设置速度参数,low(600),normal(400),fast(200),或者 阅读全文
posted @ 2017-04-28 02:17 小明学长 阅读(103) 评论(0) 推荐(0) 编辑
摘要:jQuery事件绑定有四个方法,对应为on,off,bind,unbind,delegate,undelegate,live,die 比较和联系: 1.bind()函数只能针对已经存在的元素进行事件的设置;但是live(),on(),delegate()均支持未来新添加元素的事件设置;2.bind( 阅读全文
posted @ 2017-04-27 23:29 小明学长 阅读(335) 评论(0) 推荐(0) 编辑
摘要:一、查找DOM节点 查找节点非常容易,使用选择器就能轻松完成各种查找工作。例:查找元素节点p返回p内的文本内容$("p").text();例:查找元素节点p的属性返回属性名称对应的属性值$("p").attr("title"),返回p的属性title的值。 二、新建DOM节点 1、创建元素节点 创建 阅读全文
posted @ 2017-04-27 04:34 小明学长 阅读(191) 评论(0) 推荐(0) 编辑
摘要:jquery对象是一种类似数组的对象,可以通过[index]方法获得相应dom对象,jquery对象转换为dom对象 如 var $cr=$("#cr"); //获取的时jquery对象,要在变量前加上$. var cr=$cr[0] //dom对象格式,直接变量名 或者 var cr=$cr.ge 阅读全文
posted @ 2017-04-27 01:49 小明学长 阅读(150) 评论(0) 推荐(0) 编辑
摘要:1.window.onload=function(){ alert("111")}表示所有内容加载完毕才能执行 2.$(document).ready(function(){alert("111"}) ,简写$(function(){alert("111"}) dom加载结束执行,dom以外关联的元 阅读全文
posted @ 2017-04-26 00:51 小明学长 阅读(136) 评论(0) 推荐(0) 编辑
摘要:还有10天出头离职,接下来要把bootstrap,jquery,backbone,原生js算法的一些东西过一遍 阅读全文
posted @ 2017-04-24 23:19 小明学长 阅读(115) 评论(0) 推荐(0) 编辑
摘要:var str='sajjdsajdasaa' //对这个字符串进行操作 阅读全文
posted @ 2017-04-24 23:14 小明学长 阅读(181) 评论(0) 推荐(0) 编辑
摘要:一.文档元数据属性,document.** characterSet 返回文档的字符串编码,只读 console.log(document.characterSet) // UTF-8 charset 获取或者设置文档的字符串集编码 console.log(document.charset) //U 阅读全文
posted @ 2017-04-24 22:50 小明学长 阅读(170) 评论(0) 推荐(0) 编辑
摘要:背景background 简写形式为 backgroud:background-color background-position background-size background-repeat background-origin background-clip background-attac 阅读全文
posted @ 2017-04-24 05:56 小明学长 阅读(341) 评论(0) 推荐(0) 编辑
摘要:1.浏览器支持情况 Internet Explorer 10、Firefox、Opera 支持 transform 属性。 Internet Explorer 9 支持替代的 -ms-transform 属性(仅适用于 2D 转换)。 Safari 和 Chrome 支持替代的 -webkit-tr 阅读全文
posted @ 2017-04-24 05:27 小明学长 阅读(229) 评论(0) 推荐(0) 编辑
摘要:动画本质上是增强的过渡 动画分两部分,即动画属性定义动画形式,第二部分使用@key-frames规则创建,定义动画是什么样的 1.浏览器支持情况 Internet Explorer 10、Firefox 以及 Opera 支持 animation 属性。 Safari 和 Chrome 支持替代的 阅读全文
posted @ 2017-04-24 00:41 小明学长 阅读(303) 评论(0) 推荐(0) 编辑
摘要:一.container 最外部容器 作用:对不同屏幕规定不同大小样式宽度,并且设置15像素左右内边距,居中 二.网格相关 row 行 使用行在水平方向创建一组列,设置左右15px外边距,抵消外部容器container在两侧的15px留白。 col-*-*: 列 (第一个*可以为xs[超小]/sm[小 阅读全文
posted @ 2017-04-23 11:17 小明学长 阅读(3720) 评论(0) 推荐(0) 编辑
摘要:各大主流浏览器并没有使用标准属性实现动画特性,需要加前缀。 其中,safari和chrome前缀为-webkit,firefox前缀为-moz,opera为-o(ie为-ms,不过低版本的IE发布在CSS3规则发布之前,建议不要指望所有IE支持动画了,IE11支持大部分css3)。 过渡效果,一般是 阅读全文
posted @ 2017-04-22 20:08 小明学长 阅读(657) 评论(0) 推荐(0) 编辑
摘要:所有列都是左浮动,每一列的宽度是以百分比定义的,这意味着在嵌套时,同样可以保持12份。 列偏移col-md-offset-*表现为向右偏移*个列,原理是左边设置*个列的margin 列排序col-md-push-*向右偏移*个列,原理是left值为*个列 同理col-md-pull-*向左偏移 阅读全文
posted @ 2017-04-22 01:52 小明学长 阅读(530) 评论(0) 推荐(0) 编辑
摘要:布局方式一 使用定位 position属性设置了元素的定位内容 取值 static 普通布局,默认值 relative 相对于普通位置定位 absolute 相对于定位值不为static的第一位祖先元素定位 fixed 相对于窗口定位 通过left,right,bottom,top定位,如top为向 阅读全文
posted @ 2017-04-21 20:14 小明学长 阅读(161) 评论(0) 推荐(0) 编辑
摘要:font属性 简写顺序 font-stylefont-variantfont-weightfont-size/line-heightfont-family 例: 阅读全文
posted @ 2017-04-21 18:52 小明学长 阅读(603) 评论(0) 推荐(0) 编辑
摘要:一. border边框样式 border-width 边框宽度 取值 1.长度值 单位em px cm 2.百分数 不太兼容,忽略 3.thin medium thick具体宽度浏览器预设,逐渐增大 border-style 边框样式 1.none 没有边框 默认 2.dashed破折线边框 3.d 阅读全文
posted @ 2017-04-21 18:47 小明学长 阅读(244) 评论(0) 推荐(0) 编辑
摘要:1.嵌入图像 img元素 src 图像url alt 备用信息,在图片无法显示时呈现 height,width 1.1 在超链接中嵌入图像 在a元素里面使用img元素 1.2 创建客户端分区响应图,通过点击某张图像上不同区域让浏览器导航到不同url。 map元素,其包含一个或多个area元素。 例 阅读全文
posted @ 2017-04-21 17:13 小明学长 阅读(396) 评论(0) 推荐(0) 编辑
摘要:表单是Html中获取用户输入的手段。此文对表单的元素进行了详细整理。 表单基本元素 form input button form元素 html4中,form元素相当于表单的外包装,其他都要在里面。html中,相关元素可以放在任何位置,但要在其中定义一个for属性,属性值为相关form的id值。 相关 阅读全文
posted @ 2017-04-21 16:44 小明学长 阅读(687) 评论(0) 推荐(0) 编辑
摘要:1.container 源码 阅读全文
posted @ 2017-04-21 10:16 小明学长 阅读(1476) 评论(0) 推荐(0) 编辑
摘要:媒体查询是响应式设计的核心。 css语法: 以@media开头来表示这是一条媒体查询语句。 @media mediatype and|not|only (media feature) { CSS-Code;} 或针对不同 stylesheets : <link rel="stylesheet" me 阅读全文
posted @ 2017-04-21 01:49 小明学长 阅读(951) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html><html lang="en"> <head> <!--网页页面字符集--> <meta charset="utf-8">//X-UA-Compatible是IE8的一个专有<meta>属性,它告诉IE8采用何种IE版本去渲染网页,在html的<head>标签中使用。模 阅读全文
posted @ 2017-04-21 00:07 小明学长 阅读(780) 评论(0) 推荐(0) 编辑
摘要:1常规表格 较完整的例子 <table border="1"> //表格的基本元素 //border值为边框宽度,单位px; <caption>666</caption>//表标题 <thead>//表头 <tr>//行 <th>Month</th>//列 <th>Savings</th> </tr 阅读全文
posted @ 2017-04-19 19:40 小明学长 阅读(140) 评论(0) 推荐(0) 编辑
摘要:其使用在块状元素上,对内部行内元素起作用. 阅读全文
posted @ 2017-04-19 18:58 小明学长 阅读(1135) 评论(0) 推荐(0) 编辑
摘要:1.p 代表段落,块状 2.div 无实意,块状 3.pre 保留原始格式,阻止合并空白字符 4.blockquote 表示引用,和q元素类似,但用在引用内容较多情况下,块状 5.hr 段落级别,一条水平线,块状 6.列表 ol li li li ol order-list有序列表 ul li li 阅读全文
posted @ 2017-04-19 17:56 小明学长 阅读(149) 评论(0) 推荐(0) 编辑
摘要:1.a 生成超链接 2.b 表现为加粗 用来标记一段文字,如表示关键词和产品名称,但并不表示强调和重要性。 3.em 表现为斜体 表示对一段文字的强调 4.i 表现为斜体 表示一段文字和周围内容有本质区别,常用于外文词语,科技术语甚至某人的想法 5.s 表现为中划线 表示一段文字不再正确或准确 6. 阅读全文
posted @ 2017-04-19 15:42 小明学长 阅读(536) 评论(0) 推荐(0) 编辑
摘要:1.accesskey 快捷键 例 accesskey="s" windows系统上为alt+s,转移焦点 2.class 3.contenteditable 能否编辑 <p contenteditable="true"><p/> 可以编辑 4.contextmenu设置快捷菜单 在触发时弹出,wi 阅读全文
posted @ 2017-04-18 22:21 小明学长 阅读(143) 评论(0) 推荐(0) 编辑
摘要:元数据元素是放在head元素中,来说明html文档信息。 1.title 用法:<title>example</title> 作用:设置文档的标题或名称。 表现:显示在窗口顶部或者标签页的标签上。 2.base 用法:<base href=""/> 作用:设置一个基准URL,使文档在这个基础上进行解 阅读全文
posted @ 2017-04-18 19:39 小明学长 阅读(420) 评论(0) 推荐(0) 编辑
摘要:css样式 1元素内嵌样式 使用属性style style="background-color:red;color:white" 2文档内嵌样式 使用元素style <style type="text/css"> a{ background-color:red;color:white } <styl 阅读全文
posted @ 2017-04-18 11:06 小明学长 阅读(1349) 评论(0) 推荐(0) 编辑
摘要:伪类和伪元素是两个比较容易混淆的概念,在此稍微梳理一下。 css引入伪类和伪元素概念是为了格式化文档树以外的信息。 伪类用于当已有元素处于的某个状态时,为其添加对应的样式,这个状态是根据用户行为而动态变化的。如:first-child,这并不是文档树上的类,但逻辑上成立。 伪元素用于创建一些不在文档 阅读全文
posted @ 2017-04-17 05:56 小明学长 阅读(156) 评论(0) 推荐(0) 编辑
摘要:dom0级事件处理时,使用属性方式注册事件处理函数: IE8和IE8以下浏览器不能传递参数,只能使用window.event对象。谷歌浏览器既可以传递事件对象参数,也可以使用window.envent对象火狐浏览器只能使用传递的事件对象参数。 兼容写法: function fn(e){ e=e||w 阅读全文
posted @ 2017-04-17 05:08 小明学长 阅读(300) 评论(0) 推荐(0) 编辑
摘要:事件流描述的是从页面接收事件的顺序,分为三种 1事件冒泡流 IE的事件流为冒泡流,即从最具体的元素向上传播到最不具体的节点,所有现代浏览器都支持冒泡流。 2事件捕获流 Netscape的事件流为捕获流,和冒泡流相反,老版本不支持,慎用。 3DOM2级事件流 DOM事件流包括三个阶段,事件捕获阶段、处 阅读全文
posted @ 2017-04-16 18:59 小明学长 阅读(184) 评论(0) 推荐(0) 编辑
摘要:Documentc Object Model文档对象模型是针对XML但经过扩展用于HTML的应用程序接口(API Application programming Interface).DOM把整个界面都映射成多层次节点结构,每个组成部分都是某种类型的节点,通过DOM可以操作任何节点。 DOM由来 因 阅读全文
posted @ 2017-04-16 18:51 小明学长 阅读(2308) 评论(0) 推荐(0) 编辑
摘要:1事件绑定 事件是用户或浏览器自身执行的某种动作,如click,响应某个事件的函数就叫做事件处理程序或事件监听器,事件处理程序的名字以On开头,如onclick. 首先DOM0级事件处理, var btn=document.getElementById('myBtn'); btn.onclick=f 阅读全文
posted @ 2017-04-16 18:11 小明学长 阅读(488) 评论(0) 推荐(0) 编辑
摘要:事件委托就是onclick,onmouseover,onmouseout等事件利用冒泡的原理让父级元素执行。 阅读全文
posted @ 2017-04-15 21:56 小明学长 阅读(97) 评论(0) 推荐(0) 编辑
摘要:Event TypeBubbling phase abort ✗ beforeinput ✔ blur ✗ click ✔ compositionstart ✔ compositionupdate ✔ compositionend ✔ dblclick ✔ error ✗ focus ✗ focus 阅读全文
posted @ 2017-04-15 21:54 小明学长 阅读(172) 评论(0) 推荐(0) 编辑
摘要:slice既可以处理字符串,又可以处理数组 1slice() slice(start,[end]) 2substring() substring(start,[end]) 3substr() substr(start,[length]) 阅读全文
posted @ 2017-04-15 18:29 小明学长 阅读(157) 评论(0) 推荐(0) 编辑
摘要:function stopDefault(e){ //W3C if(e && e.preventDefault){ e.preventDefault(); } //IE else{ window.event.returnValue=fale; } return false; } 阅读全文
posted @ 2017-04-15 18:13 小明学长 阅读(194) 评论(0) 推荐(0) 编辑
摘要:共同点: 作用:调用一个对象的一个方法,以另一个对象替换当前对象。将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。如果没有提供 thisObj 参数,那么 Global 对象被用作 thisObj。 以call为例,语法:obj1.method1.call(obj2,ar 阅读全文
posted @ 2017-04-15 17:53 小明学长 阅读(221) 评论(0) 推荐(0) 编辑
摘要:HTML4.01和XHTML1.0 基于 SGML,支持DTD声明,HTML5不是,但是需要 doctype 来规范浏览器的行为。 标准模式是指,DTD声明定义了标准文档的类型后,浏览器按W3C标准解析执行代码; 混杂模式则是忽略DTD声明,使用浏览器自己的方式解析执行代码,页面以宽松的向后兼容方式 阅读全文
posted @ 2017-04-15 16:50 小明学长 阅读(204) 评论(0) 推荐(0) 编辑
摘要:在 HTML DOM (文档对象模型)中,每个部分都是节点(Node): 文档本身是文档节点 所有 HTML 元素是元素节点 nodeType:1 Element 所有 HTML 属性是属性节点 nodeType:2 Attribute HTML 元素内的文本是文本节点 nodeType:3 Tex 阅读全文
posted @ 2017-04-14 19:27 小明学长 阅读(139) 评论(0) 推荐(0) 编辑
摘要:访问一个网页时,服务器会返回一个包含状态码的信息头来响应。 状态码第一位表示分类, 1**服务器收到请求,需要请求者继续执行操作 100continue 继续,客户端部分请求被接收,接续发送剩余部分 2**成功,操作被成功接收并处理 200OK 正常返回 201Created请求已被实现,新的资源随 阅读全文
posted @ 2017-04-14 18:28 小明学长 阅读(235) 评论(0) 推荐(0) 编辑
摘要:常见继承分两种,一种接口继承,继承方法签名;一种实现继承,继承实际方法。js只支持后一种。 1原型链 首先看原型、构造函数、实例的关系。如果我们让一个函数的原型对象等于另一个的实例,然后另一个的原型对象又等于另一个的实例,以此类推,就构成了原型链。 代码: function SuperType(){ 阅读全文
posted @ 2017-04-12 21:44 小明学长 阅读(126) 评论(0) 推荐(0) 编辑
摘要:1,splice(). array.splice(index,many,list1,list2....) 参数1.index位置 负数为从结尾处算,倒数第一为-1;参数2,many要删除的项目,0为不删除;参数3,可选,添加的项目。返回处理后的数组 例array=[1,2,3,4] array.sp 阅读全文
posted @ 2017-04-11 11:33 小明学长 阅读(230) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示