主題
養(yǎng)成寫代碼標(biāo)注的習(xí)慣
1.中“javascript:;”是為了取消a標(biāo)簽的默認(rèn)事件编丘；
2. 給搜索欄添加圖標(biāo)
(技巧：后面加/favicon.ico可以抓到想要的搜索欄圖標(biāo))
3.wrapper這個容器很重要考阱，可以調(diào)整整體位置赌厅；
4.table{border-collapse: collapse;
}可以合并為一個單一的邊框
5.margin:0 auto;水平居中 text-align:center;水平居中（針對行內(nèi)元素）
6.絕對定位的垂直水平有三種嬉荆，知道元素身高就用.one{
position:absolute;
width:200px;
height:200px;
top:50%;
left:50%;
margin-top:-100px;margin-left:-100px;
transform:translate(-50%,-50%);(不知道身高就用這個）」
background:red;
}
top:0;bottom: 0;left: 0;right: 0;margin: auto;（第三種）
7.為什么諸如RGB值，IP地址等要以255為上限？
最主要的原因是 256（0~255） 正好為一字節(jié)，計算機存儲的最小單位
8.彈性盒子就像是先弄好鞋盒再裝鞋犹菇，鞋盒可以自由調(diào)節(jié);
9.如何通過點擊圖片跳轉(zhuǎn)到網(wǎng)頁上去？
10.line-height針對于文字.text-align也是,span標(biāo)簽被用來組合文檔中的行內(nèi)元素芽卿。
11.a:hover 偽類在原基礎(chǔ)上加?xùn)|西,:link未設(shè)置之前的樣式揭芍，hover鼠標(biāo)指針的樣式，active點擊之后的樣式卸例。（:visited 已經(jīng)被開墾過的樣式）
為了產(chǎn)生預(yù)期的效果称杨，在 CSS 定義中，a:hover 必須位于 a:link 和 a:visited 之后？曜姑原！
為了產(chǎn)生預(yù)期的效果，在 CSS 定義中呜舒，a:active 必須位于 a:hover 之后６а础！
focus和active
:active選擇器：當(dāng)所指定的元素處于激活狀態(tài)（鼠標(biāo)在元素上按下還沒有松開）時所使用的樣式袭蝗；
:focus選擇器：當(dāng)元素獲得光標(biāo)焦點時使用的樣式唤殴，主要用在文本框輸入文字時使用；
12.盡量不要使用
分割
13.特定需要修改的在特定位置設(shè)置class就好.
14.css選擇器很重要呻袭，html5新增元素
15.required,表單必填的話加一下不填的話無法提交.
16.其他學(xué)生
請及時更新自己的身份眨八，暑假期間注冊，請選擇下一學(xué)期的身份??option后面不能直接接span文本左电，后面接??
17.letter-spacing:2px 字間的間距設(shè)置廉侧；
18.font-weight:100-900(由清淡到濃烈);
19. 標(biāo)簽定義多行的文本輸入控件。cols可見寬度篓足，rows可見行數(shù)段誊。
20.valign 屬性規(guī)定單元格中內(nèi)容的垂直排列方式。
21.checkbox.小學(xué)語文
22.input一般加一個label屬性栈拖，這樣點擊文本也可以相當(dāng)于勾了连舍。
23.line-height和height在一起用，而且值相同能起到什么作用涩哟？文字能夠上下居中 .
24.cursor：pointer放上去有手指圖案;
25.relative——absolute;先設(shè)置relative在設(shè)置absolute索赏，這樣absolute的父元素就是設(shè)置的relative的元素盼玄，而不是頁面本身。
absolute是相對于自己最近的父元素來定位的潜腻，而relative是相對于自己來定位的.
position:absolute是相對于他的包含塊中第一個有position:absolute或者position:relative屬性的父級元素埃儿，如果都沒有，就是相對于body融涣。Ｍ！Ｍ埂剃斧！
26.line-height設(shè)置了一般都會有float跟隨；
27.class設(shè)計樣式比標(biāo)簽id更有效率忽你；
28.vertical-align:middle,應(yīng)用在百度樣式button對齊input幼东，一個很重要的屬性；
29.autofocus=“autofocus”,html5新增屬性科雳，自動聚焦筋粗，應(yīng)用如打開百度時候看到的。
30.background-size屬性規(guī)定背景圖像的尺寸,第一個值設(shè)置寬度炸渡，第二個高度；
31.background:url() 2px 2px no-repeat;
2px 2px 針對雪碧圖丽已，當(dāng)然也有background-position屬性蚌堵，可以設(shè)置圖片在區(qū)域里面位置
32.填充一個圖像的顏色 display: inline-block;width: 100%;
33.css選擇器：after 選元素的內(nèi)容后面插入內(nèi)容∨嬗ぃ可以重疊某些樣式吼畏，比如百度設(shè)置里面的三角樣式；content:’.’
34.作為下拉菜單的主力嘁灯，display:block和display:none
35.order可以設(shè)置或檢索彈性盒模型對象的子元素出現(xiàn)的順序泻蚊。312，321丑婿，213
36.常識：-moz代表firefox瀏覽器私有屬性 -ms代表IE瀏覽器私有屬性 -webkit代表chrome性雄、safari私有屬性
37. box-sizing: border-box;怪異盒子，可以在不擴大里面數(shù)據(jù)的情況下調(diào)節(jié)內(nèi)容羹奉，margin 和padding包含在長寬里面秒旋，應(yīng)用如3D魔方li的使用，本來要把wrapper擴大成156px;
38.transform-style:preserve-3d;3D的開頭 transform都是以正中心為偏移反轉(zhuǎn)點
39.css3D三要素：1.transform-style:preserve-3d;2.animation:cube(名字）ease-in-out infinite 10s;3.@keyframescube(名字）{位置變換}
40. .eyes>div,A>B 表示選擇A元素的所有子B元素诀拭。
與A B的區(qū)別在于迁筛，A B選擇所有后代元素，而A>B只選擇一代耕挨。
41.兼容問題细卧，主要是IE問題尉桩，1.html5在IE中不支持，Doctype全換成html:xt,諸如header,nav,footer都要改成class .2.有些偽類或者其他功能需要低版本的jquery支持贪庙，所以這也需要考慮（IE不支持2.0版本以上的jquery蜘犁，1.9的可以）
42.雙飛翼布局middle要設(shè)置width：100%，float：left插勤，有塊級元素的作用沽瘦，又有浮動的感覺。
43. 公共區(qū)域用到的 .cf::after{content: ' ‘;
width: 0;
height: 0;
clear: both;
overflow: hidden;}
44.布局技巧——嵌套
45.bootstrap功能是減少工作量农尖，很多樣式析恋，是前端less編寫的一個框架。
46.jquery和bootstrap先后順序很重要
47.彈性盒子很重要盛卡，在最外面用display:flex;在里面的話用-webkit-flex-grow來適配
48.jquery默認(rèn)的兩種
49.jquery兩種綁定方式
50.jquery的代理助隧，onclick,第一個有效果，第二個沒效果
動態(tài)的綁定（第一個）
51.jquery
自定義事件
52.jquery捕獲
53.jquery添加元素
54.jquery刪除元素
55.jquery隱藏和顯示
56.jquery淡入淡出
57.jquery滑動
58.jquery過濾
59.Math.max
60.簡單計算器
61.background: -webkit-gradient(linear,center top,center bottom,from(#ccc), to(#000));
線性漸變
62.js概念雜癥-this
總原則：this指的是滑沧，調(diào)用函數(shù)的那個對象并村。
63.浮動框，標(biāo)簽頁切換滓技，換膚器
64.清除浮動偽類法.cf::before,.cf::after{ content:’ ‘;display:block; clear:both;}
65.
66.ajax 的全稱是Asynchronous JavaScript and XML哩牍，
ajax并非一種新的技術(shù)，而是幾種原有技術(shù)的結(jié)合體令漂。它由下列技術(shù)組合而成膝昆。
1.使用CSS和XHTML來表示。
2. 使用DOM模型來交互和動態(tài)顯示叠必。
3.使用XMLHttpRequest來和服務(wù)器進行異步通信荚孵。
4.使用javascript來綁定和調(diào)用。
XMLHttpRequest是ajax的核心機制纬朝，它是在IE5中首先引入的收叶，是一種支持異步請求的技術(shù)。 簡單的說共苛，也就是javascript可以及時向服務(wù)器提出請求和處理響應(yīng)判没，而不阻塞用戶。達到無刷新的效果俄讹。
XMLHttpRequest是完全用來向服務(wù)器發(fā)出一個請求的哆致，它的作用也局限于此，但它的作用是整個ajax實現(xiàn)的關(guān)鍵患膛，因為ajax無非是兩個過程摊阀，發(fā)出請求和響應(yīng)請求。并且它完全是一種客戶端的技術(shù)。而XMLHttpRequest正是處理了服務(wù)器端和客戶端通信的問題所以才會如此的重要胞此。
67.cookie和session的區(qū)別
共同點：兩者都是用來跟蹤瀏覽器用戶身份的會話方式臣咖；
不同點：cookie數(shù)據(jù)保存在客戶端，而session數(shù)據(jù)保存在服務(wù)器端漱牵。
68.a標(biāo)簽喵點夺蛇，a href=‘#a’ —-id=‘a(chǎn)’
問題匯總
1.造假數(shù)據(jù)怎么實現(xiàn)，小米官網(wǎng)酣胀，因為內(nèi)容不可能是死的
2.什么情況有緩存刁赦，一直訪問同一個地址
3.事件綁定和事件委托
事件綁定一般是給未來元素的，dom創(chuàng)建的元素
事件委托是把自己的事情交給別人去做
4.%是比判斷更好的值闻镶，可以循環(huán)
5.bReady一開始是運行的甚脉，點擊的時候是不運行，等事件結(jié)束之后才開始運行铆农，如果再次點擊的時候進行判斷：
事件沒完成之前是false牺氨，if(bOk==false) return為了防止狂擊點擊
6.防止出現(xiàn)點擊滾動條跳一下（翻書）body{overflow:hidden;}
7.img{vertical-align:top}寫入到默認(rèn)css
8.非浮動元素居中： margin:0 auto 進行水平居中，浮動元素居中墩剖？猴凹？？
9.事件綁定的話不能用return false阻止瀏覽器默認(rèn)行為岭皂，要用ev.preventDefault();0
10.data-index自定義屬性obj.dataset.xxxobj.dataset.xxx=1
obj.classList.add(‘xxx’) obj.classList.remove(‘xxx’)
11.三目運算符郊霎，短路運算符要經(jīng)常用
12.內(nèi)聯(lián)外鏈不清晰定義
13.設(shè)置樣式的時候需要style,比如錯誤沒有效果的寫法oCur.setAttribute(‘width',''+scale*100+'%');
正確寫法是oCur.setAttribute(‘style’,'width:'+scale*100+'%');
14.’'+(93-93*scale)+'px' 正確寫法+外面加’
’+’(93-93*scale)'+px'錯誤寫法
15.getAttribute正確用法
if(oChange.getAttribute('class')=='icn icn_loop'){
oChange.className='icn icn_one';
}else if(oChange.getAttribute('class')=='icn icn_one'){
oChange.className='icn icn_shuffle';
}else if(oChange.getAttribute('class')=='icn icn_shuffle'){
oChange.className='icn icn_loop';
16.捕魚達人難點重點
1.var oImg=new Image();
oImg.onload=function (){
gd.drawImage(oImg,
0,198,130,175,
0,0,260,350
);
};
//背景圖顯示大小，背景圖位置爷绘，定位位置歹篓，放大放小比率
oImg.src='1.jpg';
2.clearRect() context.clearRect(x,y,width,height);
x要清除的矩形左上角的 x 坐標(biāo)y要清除的矩形左上角的 y 坐標(biāo)
width要清除的矩形的寬度，以像素計height要清除的矩形的高度揉阎，以像素計
3.loadImage(素材名，創(chuàng)建圖片背捌，是否加載成功）1 3 2毙籽，先傳入素材，然后看是否加載成功毡庆，成功就創(chuàng)建圖片
js是單線程坑赡，存的越多越慢
4.優(yōu)化問題—數(shù)組問題
arrBullet.splice(i,1) 刪除的元素返回之后想獲取想要的下標(biāo)，需要i- -;
5.一開始就被干掉了
websocket webWorker websql
mongoDB
ionic
17.兩個匿名函數(shù)不相等;因為函數(shù)的本質(zhì)是每次都new一個出來;
