摘要：
1、对于 string、number 等基础类型，== 和 是有区别的 a）不同类型间比较，== 之比较 "转化成同一类型后的值" 看 "值" 是否相等， 如果类型不同，其结果就是不等。 b）同类型比较，直接进行 "值" 比较，两者结果一样。 2、对于 Array,Object 等高级类型，== 和 阅读全文
posted @ 2017-07-15 21:24
无为-前端开发
阅读(137)
评论(0)
推荐(0)
摘要：
classList.add("类名") 添加类 classList.remove('demo') 删除类 classList.toggle("类名") 切换类，若有有删除类，如果没有就增加 classList.contains("类名") 判断类,返回的是布尔值，true或者false 阅读全文
posted @ 2017-07-15 17:07
无为-前端开发
阅读(228)
评论(0)
推荐(0)
摘要：
document.querySelector() 选择器,类似于jQuery的$ 只会获取第一个，默认是第一个 document.querySelectorAll() 可以获取多个，是伪数组 阅读全文
posted @ 2017-07-15 17:02
无为-前端开发
阅读(195)
评论(0)
推荐(0)
摘要：
圣杯布局和双飞翼布局解决的问题是一样的，就是两边定宽，中间自适应的三栏布局，中间栏要放在文档流前面以优先渲染。 但是圣杯布局和双飞翼布局在实现方式上有一点差别。 圣杯布局的来历是2006年发在a list part上的这篇文章： http://alistapart.com/article/holyg 阅读全文
posted @ 2017-07-15 16:49
无为-前端开发
阅读(828)
评论(0)
推荐(0)
摘要：
200 - 请求成功 301 - 资源（网页等）被永久转移到其它URL 404 - 请求的资源（网页等）不存在 500 - 内部服务器错误 阅读全文
posted @ 2017-07-15 15:26
无为-前端开发
阅读(235)
评论(0)
推荐(0)
摘要：
理解跨域的概念：协议、域名、端口都相同才同域，否则都是跨域 出于安全考虑，服务器不允许ajax跨域获取数据，但是可以跨域获取文件内容，所以基于这一点，可以动态创建script标签，使用标签的src属性访问js文件的形式获取js脚本，并且这个js脚本中的内容是函数调用，该函数调用的参数是服务器返回的数 阅读全文
posted @ 2017-07-15 15:21
无为-前端开发
阅读(199)
评论(0)
推荐(0)
摘要：
同步：阻塞的 -张三叫李四去吃饭，李四一直忙得不停，张三一直等着，直到李四忙完两个人一块去吃饭 =浏览器向服务器请求数据，服务器比较忙，浏览器一直等着（页面白屏），直到服务器返回数据，浏览器才能显示页面 异步：非阻塞的 -张三叫李四去吃饭，李四在忙，张三说了一声然后自己就去吃饭了，李四忙完后自己去吃 阅读全文
posted @ 2017-07-15 15:20
无为-前端开发
阅读(267)
评论(0)
推荐(0)
摘要：
Ajax并不算是一种新的技术，全称是asychronous javascript and xml，可以说是已有技术的组合，主要用来实现客户端与服务器端的异步通信效果，实现页面的局部刷新，早期的浏览器并不能原生支持ajax，可以使用隐藏帧（iframe）方式变相实现异步效果，后来的浏览器提供了对aja 阅读全文
posted @ 2017-07-15 15:19
无为-前端开发
阅读(898)
评论(0)
推荐(0)
摘要：
HTML 5 包含嵌入音频文件的标准方式，支持的格式包括 MP3、Wav 和 Ogg： HTML 5 包含嵌入音频文件的标准方式，支持的格式包括 MP3、Wav 和 Ogg： 阅读全文
posted @ 2017-07-15 15:13
无为-前端开发
阅读(2569)
评论(0)
推荐(0)
摘要：
知道。css的content属性专门应用在 before/after 伪元素上，用来插入生成内容。最常见的应用是利用伪类清除浮动。 after伪元素通过 content 在元素的后面生成了内容为一个点的块级素，再利用clear:both清除浮动。 那么问题继续还有，知道css计数器（序列数字字符自动 阅读全文
posted @ 2017-07-15 15:10
无为-前端开发
阅读(937)
评论(0)
推荐(0)
摘要：
p:first-of-type 选择属于其父元素的首个 <p> 元素的每个 <p> 元素。 p:last-of-type 选择属于其父元素的最后 <p> 元素的每个 <p> 元素。 p:only-of-type 选择属于其父元素唯一的 <p> 元素的每个 <p> 元素。 p:only-child 选 阅读全文
posted @ 2017-07-15 15:06
无为-前端开发
阅读(3402)
评论(0)
推荐(0)
摘要：
新特性： 1. 拖拽释放(Drag and drop) API 2. 语义化更好的内容标签（header,nav,footer,aside,article,section） 3. 音频、视频API(audio,video) 4. 画布(Canvas) API 5. 地理(Geolocation) A 阅读全文
posted @ 2017-07-15 15:03
无为-前端开发
阅读(3500)
评论(0)
推荐(0)
摘要：
1. CSS3实现圆角（border-radius），阴影（box-shadow）， 2. 对文字加特效（text-shadow、），线性渐变（gradient），旋转（transform） 3.transform:rotate(9deg) scale(0.85,0.90) translate(0p 阅读全文
posted @ 2017-07-15 15:00
无为-前端开发
阅读(220)
评论(0)
推荐(0)
摘要：
//升序算法 function sort(arr){ for (var i = 0; i arr[j+1]){ var c=arr[j];//交换两个变量的位置 arr[j]=arr[j+1]; arr[j+1]=c; } }; }; r... 阅读全文
posted @ 2017-07-15 14:57
无为-前端开发
阅读(512)
评论(0)
推荐(0)
摘要：
sync是否异步 url请求地址 contentType发送信息至服务器时内容编码类型 data发送到服务器的数据 dataType预期服务器返回的数据类型 type请求类型 success请求成功回调函数 error请求失败回调函数 阅读全文
posted @ 2017-07-15 14:54
无为-前端开发
阅读(1939)
评论(0)
推荐(0)
摘要：
IE trident 火狐gecko 谷歌苹果webkit Opera：Presto 阅读全文
posted @ 2017-07-15 14:52
无为-前端开发
阅读(172)
评论(0)
推荐(0)
摘要：
三元运算符: 三元如名字表示的三元运算符需要三个操作数。 语法是 条件 ? 结果1 : 结果2;. 这里你把条件写在问号(?)的前面后面跟着用冒号(:)分隔的结果1和结果2。满足条件时结果1否则结果2。 阅读全文
posted @ 2017-07-15 14:50
无为-前端开发
阅读(2440)
评论(1)
推荐(0)
摘要：
Ajax的工作原理相当于在用户和服务器之间加了—个中间层，使用户操作与服务器响应异步化。这样把以前的一些服务器负担的工作转嫁到客户端，利于客户端闲置的处理能力来处理，减轻服务器和带宽的负担，从而达到节约ISP的空间及带宽租用成本的目的。简单来说通过XmlHttpRequest对象来向服务器发异步请求 阅读全文
posted @ 2017-07-15 14:48
无为-前端开发
阅读(584)
评论(0)
推荐(0)
摘要：
1、window对象 ，是JS的最顶层对象，其他的BOM对象都是window对象的属性； 2、document对象，文档对象； 3、location对象，浏览器当前URL信息； 4、navigator对象，浏览器本身信息； 5、screen对象，客户端屏幕信息； 6、history对象，浏览器访问历 阅读全文
posted @ 2017-07-15 14:45
无为-前端开发
阅读(6217)
评论(0)
推荐(1)
摘要：
IE6下这个问题是因为默认的行高造成的，解决的方法也有很多，例如： overflow:hidden | zoom:0.08 | line-height:1px 阅读全文
posted @ 2017-07-15 14:43
无为-前端开发
阅读(841)
评论(0)
推荐(0)
摘要：
//思路：先将字符串转换为数组 split()，利用数组的反序函数 reverse()颠倒数组，再利用 jion() 转换为字符串 var str = '12345678'; str = str.split('').reverse().join(''); 阅读全文
posted @ 2017-07-15 14:37
无为-前端开发
阅读(677)
评论(0)
推荐(0)
摘要：
本地对象为array obj regexp等可以new实例化 内置对象为gload Math 等不可以实例化的 宿主为浏览器自带的document,window 等 阅读全文
posted @ 2017-07-15 14:34
无为-前端开发
阅读(289)
评论(0)
推荐(0)
摘要：
动态创建script标签，回调函数 Ajax是页面无刷新请求数据操作 阅读全文
posted @ 2017-07-15 14:33
无为-前端开发
阅读(829)
评论(0)
推荐(0)
摘要：
我的理解是，闭包就是能够读取其他函数内部变量的函数。在本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。 阅读全文
posted @ 2017-07-15 14:32
无为-前端开发
阅读(838)
评论(0)
推荐(0)
摘要：
让利用事件冒泡的原理，让自己的所触发的事件，让他的父元素代替执行！ 阅读全文
posted @ 2017-07-15 14:30
无为-前端开发
阅读(245)
评论(0)
推荐(0)
摘要：
1.Cookie数量和长度的限制。每个domain最多只能有20条cookie，每个cookie长度不能超过4KB，否则会被截掉。 2.安全性问题。如果cookie被人拦截了，那人就可以取得所有的session信息。即使加密也与事无补，因为拦截者并不需要知道cookie的意义，他只要原样转发cook 阅读全文
posted @ 2017-07-15 14:27
无为-前端开发
阅读(951)
评论(0)
推荐(0)
摘要：
function serilizeUrl(url) { var urlObject = {}; if (/\?/.test(url)) { var urlString = url.substring(url.indexOf("?") + 1); var urlArray = urlString.split("&"); for (va... 阅读全文
posted @ 2017-07-15 14:21
无为-前端开发
阅读(6783)
评论(0)
推荐(0)
摘要：
var d = new Date(); // 获取年，getFullYear()返回4位的数字 var year = d.getFullYear(); // 获取月，月份比较特殊，0是1月，11是12月 var month = d.getMonth() + 1; // 变成两位 month = month < 10 ? '0' + month : month; // 获取日 var day = ... 阅读全文
posted @ 2017-07-15 13:28
无为-前端开发
阅读(1194)
评论(0)
推荐(0)
摘要：
window.onload 是在dom文档树加载完和所有文件加载完之后执行一个函数 Document.ready原生种没有这个方法，jquery中有 $().ready(function),在dom文档树加载完之后执行一个函数（注意，这里面的文档树加载完不代表全部文件加载完）。 $(document 阅读全文
posted @ 2017-07-15 13:20
无为-前端开发
阅读(203)
评论(0)
推荐(0)
摘要：
call方法: 语法：call(thisObj，Object1,Object2...)定义：调用一个对象的一个方法，以另一个对象替换当前对象。说明：call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。 如果没有 阅读全文
posted @ 2017-07-15 13:17
无为-前端开发
阅读(240)
评论(0)
推荐(0)
摘要：
普通添加事件的方法： 事件绑定方式添加事件： 普通添加事件的方法不支持添加多个事件，最下面的事件会覆盖上面的，而事件绑定（addEventListener）方式添加事件可以添加多个。 addEventListener不兼容低版本IE 普通事件无法取消 addEventLisntener还支持事件冒泡 阅读全文
posted @ 2017-07-15 13:15
无为-前端开发
阅读(1083)
评论(0)
推荐(0)
摘要：
Push()尾部添加 pop()尾部删除 Unshift()头部添加 shift()头部删除 阅读全文
posted @ 2017-07-15 13:12
无为-前端开发
阅读(388)
评论(0)
推荐(0)
摘要：
前者是切割成数组的形式，后者是将数组转换成字符串 阅读全文
posted @ 2017-07-15 13:11
无为-前端开发
阅读(270)
评论(0)
推荐(0)
摘要：
强制（parseInt(),parseFloat(),Number()） parseInt() 隐式（== ,!!） 阅读全文
posted @ 2017-07-15 13:10
无为-前端开发
阅读(3102)
评论(0)
推荐(0)
摘要：
alert(typeof [1, 2]); //object alert(typeof 'leipeng'); //string var i = true; alert(typeof i); //boolean alert(typeof 1); //number var a; alert(typeof a); //undefined ... 阅读全文
posted @ 2017-07-15 13:08
无为-前端开发
阅读(1208)
评论(0)
推荐(0)
摘要：
块级元素：div p h1 h2 h3 h4 form ul行内元素: a b br i span input selectCss盒模型:内容，border ,margin，padding 阅读全文
posted @ 2017-07-15 13:04
无为-前端开发
阅读(464)
评论(0)
推荐(0)
摘要：
display : 隐藏对应的元素但不挤占该元素原来的空间。 visibility: 隐藏对应的元素并且挤占该元素原来的空间。 即是，使用CSS display:none属性后，HTML元素（对象）的宽度、高度等各种属性值都将“丢失”;而使用visibility:hidden属性后，HTML元素（对 阅读全文
posted @ 2017-07-15 13:01
无为-前端开发
阅读(214)
评论(0)
推荐(0)
摘要：
px和em都是长度单位，区别是，px的值是固定的，指定是多少就是多少，计算比较容易。em得值不是固定的，并且em会继承父级元素的字体大小。 浏览器的默认字体高都是16px。所以未经调整的浏览器都符合: 1em=16px。那么12px=0.75em, 10px=0.625em。 阅读全文
posted @ 2017-07-15 12:50
无为-前端开发
阅读(278)
评论(0)
推荐(0)
摘要：
// 方法一：已知元素的高宽 //方法二:未知元素的高宽 如何垂直居中一个<img> 阅读全文
posted @ 2017-07-15 12:44
无为-前端开发
阅读(663)
评论(0)
推荐(0)
摘要：
rgba()和opacity都能实现透明效果，但最大的不同是opacity作用于元素，以及元素内的所有内容的透明度， 而rgba()只作用于元素的颜色或其背景色。（设置rgba透明的元素的子元素不会继承透明效果！） 阅读全文
posted @ 2017-07-15 12:26
无为-前端开发
阅读(1466)
评论(0)
推荐(0)
摘要：
在CSS当中，相邻的两个盒子（可能是兄弟关系也可能是祖先关系）的外边距可以结合成一个单独的外边距。这种合并外边距的方式被称为折叠，并且因而所结合成的外边距称为折叠外边距。 折叠结果遵循下列计算规则： 两个相邻的外边距都是正数时，折叠结果是它们两者之间较大的值。 两个相邻的外边距都是负数时，折叠结果是 阅读全文
posted @ 2017-07-15 12:24
无为-前端开发
阅读(529)
评论(0)
推荐(0)
摘要：
块级元素(block)特性： 总是独占一行，表现为另起一行开始，而且其后的元素也必须另起一行显示; 宽度(width)、高度(height)、内边距(padding)和外边距(margin)都可控制; 内联元素(inline)特性： 和相邻的内联元素在同一行; 宽度(width)、高度(height 阅读全文
posted @ 2017-07-15 12:21
无为-前端开发
阅读(4526)
评论(0)
推荐(0)
摘要：
最基本的： 设置display属性为none，或者设置visibility属性为hidden 技巧性： 设置宽高为0，设置透明度为0，设置z-index位置在-1000em 阅读全文
posted @ 2017-07-15 11:40
无为-前端开发
阅读(2222)
评论(0)
推荐(0)
摘要：
了解搜索引擎如何抓取网页和如何索引网页 你需要知道一些搜索引擎的基本工作原理，各个搜索引擎之间的区别，搜索机器人（SE robot 或叫 web crawler）如何进行工作，搜索引擎如何对搜索结果进行排序等等。 Meta标签优化 主要包括主题（Title)，网站描述(Description)，和关 阅读全文
posted @ 2017-07-15 11:38
无为-前端开发
阅读(535)
评论(0)
推荐(0)
摘要：
dns缓存，cdn缓存，浏览器缓存，服务器缓存。 阅读全文
posted @ 2017-07-15 11:35
无为-前端开发
阅读(2072)
评论(0)
推荐(0)
摘要：
png-8，png-24，jpeg，gif，svg，还有Webp。 Webp：WebP格式，谷歌（google）开发的一种旨在加快图片加载速度的图片格式。图片压缩体积大约只有JPEG的2/3，并能节省大量的服务器带宽资源和数据空间。Facebook Ebay等知名网站已经开始测试并使用WebP格式。 阅读全文
posted @ 2017-07-15 11:33
无为-前端开发
阅读(913)
评论(0)
推荐(0)
摘要：
src用于替换当前元素，href用于在当前文档和引用资源之间确立联系。 src是source的缩写，指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置；在请求src资源时会将其指向的资源下载并应用到文档内，例如js脚本，img图片和frame等元素。 <script src =”js.j 阅读全文
posted @ 2017-07-15 11:28
无为-前端开发
阅读(193)
评论(0)
推荐(0)
摘要：
共同点：都是保存在浏览器端，且同源的。 区别： cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递。而sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存。cookie数据还有路径（path）的概念，可以限制 阅读全文
posted @ 2017-07-15 11:25
无为-前端开发
阅读(205)
评论(0)
推荐(0)
摘要：
1.阻止事件冒泡,使成为捕获型事件触发机制. 2.当按键后,不希望按键继续传递给如HTML文本框对象时,可以取消返回值.即停止默认事件默认行为. 那么通过下面的一段代码我们来看下函数一的效果: 阅读全文
posted @ 2017-07-15 11:00
无为-前端开发
阅读(2765)
评论(0)
推荐(0)
浙公网安备 33010602011771号