資訊專欄INFORMATION COLUMN
摘要：的新增標(biāo)簽結(jié)構(gòu)標(biāo)簽多媒體標(biāo)簽繪圖標(biāo)簽其他標(biāo)簽新增的表單控件屬性元素新增屬性新增的圓角邊框圖片背景尺寸漸變文本效果字體陰影轉(zhuǎn)換多列布局動畫動畫動畫獲取對象的方法把新的子節(jié)點(diǎn)添加到指定節(jié)點(diǎn)刪除子節(jié)點(diǎn)替換子節(jié)點(diǎn)在指定的子節(jié)點(diǎn)前面插入新的子節(jié)點(diǎn)創(chuàng)
1.HTMl5的新增標(biāo)簽;
結(jié)構(gòu)標(biāo)簽: header section footer nav article aside hgroup figure figcaption dialog 多媒體標(biāo)簽: video audio source 繪圖標(biāo)簽: canvas svg 其他標(biāo)簽: keygen mark time output
2.H5新增的表單控件(屬性)
number color datetime datetime-local time date week month email URL range
3.input元素新增屬性
autocomplete autofocus required pattern form
4.CSS新增的
圓角 邊框圖片 背景尺寸 漸變 文本效果 字體陰影 2D轉(zhuǎn)換 多列布局 動畫 http://blog.163.com/thinker_creator/blog/static/101933149200992181547878/
5.CSS3動畫
transition transform animation https://www.cnblogs.com/wuyanliang/p/5862643.html
6.jQuery動畫
hide() show() fadeIn() fadeOut() fadeToggle() fadeTo() animate() slideDown() slideUp() slideToggle()
7.javaScript 獲取DOM對象的方法
getElementById() getElementsByTagName() getElementsByClassName() appendChild() 把新的子節(jié)點(diǎn)添加到指定節(jié)點(diǎn) removeChild() 刪除子節(jié)點(diǎn) replaceChild() 替換子節(jié)點(diǎn) insertBefore() 在指定的子節(jié)點(diǎn)前面插入新的子節(jié)點(diǎn) createAttribute() 創(chuàng)建屬性節(jié)點(diǎn) createElement() 創(chuàng)建元素節(jié)點(diǎn) createTextNode() 創(chuàng)建文本節(jié)點(diǎn) getAttribute() 返回指定屬性名的屬性值 setAttribute() 把指定屬性設(shè)置或修改為指定的值 getComputedStyle() 獲取內(nèi)聯(lián)外聯(lián)的css樣式
8.jQuery 操作CSS樣式
css()
9.jQuery 操作類名
addClass() removeClass() toggleClass()
10.jQuery-JavaScript 操作內(nèi)容
html() innerHTML text() innerText val() textContent
11.jQuery對元素屬性的操作
attr() 操作自定義屬性 prop() 操作固有(自帶)屬性 removeAttr()
12.H5的本地存儲(緩存)
localStorage 永久保存(5M) sessonStorage 窗口,瀏覽器,客戶端關(guān)閉后自動消除數(shù)據(jù)(5M) cookies 大小4K之內(nèi)
13.JavaScript的類型有哪些
number string boolean undefined null object(array function)
14.怎么判斷JavaScript類型
typeof
15.null,undefined類型
object undefined
16.寫一個簡單的排序(數(shù)組去重)
function sorts(str){
return Array.from(new Set(str)).sort((a,b)=>{return b - a})
}
17.JavaScript類型轉(zhuǎn)換
Number() parseInt() 不能轉(zhuǎn)換浮點(diǎn)數(shù) parseFloat() 能轉(zhuǎn)換浮點(diǎn)數(shù) string()
18.數(shù)組轉(zhuǎn)字符串
replace() var str= arr.replace(/""/g,"")
join() var str = arr.join(",")
JSON.stringify(對象或者數(shù)組) 將JavaScript值轉(zhuǎn)換為JSON字符串
19.字符串轉(zhuǎn)數(shù)組
split() var arr = str.split(",")
20.字符串轉(zhuǎn)對象
JSON.parse() 將一個JSON字符串轉(zhuǎn)為JavaScript對象
21.JavaScript延遲加載
setTimeout
讓JavaScript代碼最后加載(放在HTML文件底部)
async defer
22.js性能優(yōu)化
盡量減少DOM調(diào)用
優(yōu)化循環(huán)
避免使用eval()
使用事件委托
減少DOM的數(shù)目
動態(tài)創(chuàng)建DOM方式
按需異步加載
23.事件委托
利用事件冒泡的原理,子元素的事件會冒泡到父元素,可以只給父元素添加事件,通過事件目標(biāo)判斷元素
24.閉包
函數(shù)內(nèi)部又定義了一個函數(shù),內(nèi)部函數(shù)引用外部函數(shù)的變量,就構(gòu)成了閉包
(閉包就是能夠讀取其他函數(shù)內(nèi)部變量的函數(shù))
25.eval()
它的功能吧對應(yīng)的字符串解析成JavaScript飯嗎并運(yùn)行
缺點(diǎn):非常耗性能(一次解析成JavaScript語句,一次執(zhí)行)
26.鏈?zhǔn)浇Y(jié)構(gòu)的原理
return this
27.你知道VueX么
集中式狀態(tài)管理架構(gòu)
28.前端構(gòu)建(造)工具
gulp
http://www.gulpjs.com.cn/
29.前端js框架(框架)
Zepto.js Node.js angular.Js JQuery Mobile requirejs Vue.js backbone.js
30.前端UI框架
bootstrap Pure EasyUI Ant Design
31.前端加密方式(js)
js加密
https://www.cnblogs.com/jingmin/p/6503257.html
壓縮 混淆 MD5 RSA
32.前端隱藏元素
display:none visibility:hidden opacity:0 position:absolute clip-path(裁剪)
33.作用域的規(guī)則
只能從內(nèi)部向外部查找變量
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/52780.html
摘要：一基礎(chǔ)接口的意義百度規(guī)范擴(kuò)展回調(diào)抽象類的意義我的前端面試經(jīng)歷百度前端掘金博主就讀于電子科技大學(xué)，大三狗一枚面試是個漫長的過程，從海投到收獲電話面試，一面二面三面，一個步驟出錯那么后面就宣告終結(jié)。 一道常被人輕視的前端 JS 面試題 - 前端 - 掘金 目錄前言第一問第二問變量聲明提升函數(shù)表達(dá)式第三問第四問第五問第六問構(gòu)造函數(shù)的返回值第七問最后前言 年前剛剛離職了，分享下我曾經(jīng)出過的一道...
摘要：手冊網(wǎng)超級有用的前端基礎(chǔ)技術(shù)面試問題收集前端面試題目及答案匯總史上最全前端面試題含答案常見前端面試題及答案經(jīng)典面試題及答案精選總結(jié)前端面試過程中最容易出現(xiàn)的問題前端面試題整理騰訊前端面試經(jīng)驗(yàn)前端基礎(chǔ)面試題部分最新前端面試題攻略前端面試前端入 手冊網(wǎng)：http://www.shouce.ren/post/index 超級有用的前端基礎(chǔ)技術(shù)面試問題收集：http://www.codec...
摘要：手冊網(wǎng)超級有用的前端基礎(chǔ)技術(shù)面試問題收集前端面試題目及答案匯總史上最全前端面試題含答案常見前端面試題及答案經(jīng)典面試題及答案精選總結(jié)前端面試過程中最容易出現(xiàn)的問題前端面試題整理騰訊前端面試經(jīng)驗(yàn)前端基礎(chǔ)面試題部分最新前端面試題攻略前端面試前端入 手冊網(wǎng)：http://www.shouce.ren/post/index 超級有用的前端基礎(chǔ)技術(shù)面試問題收集：http://www.codec...
摘要：字囊括上百個前端面試題的項(xiàng)目開源了這個項(xiàng)目是什么項(xiàng)目內(nèi)容這個項(xiàng)目目前在上剛剛開源主要內(nèi)容如下前端面試題主要整理了高頻且有一定難度的前端面試題對這些面試題進(jìn)行解讀前端原理詳解針對一些有一定難度面試題涉及的知識點(diǎn)進(jìn)行詳解比如涉及的編譯原理響應(yīng)式 20W字囊括上百個前端面試題的項(xiàng)目開源了 這個項(xiàng)目是什么? 項(xiàng)目內(nèi)容 這個項(xiàng)目目前在GitHub上剛剛開源,主要內(nèi)容如下: 前端面試題: 主要整...
摘要：收集的一些前端面試題從面試題發(fā)現(xiàn)不足，進(jìn)而查漏補(bǔ)缺，比通過面試更難得及各大互聯(lián)網(wǎng)公司前端筆試面試題篇及各大互聯(lián)網(wǎng)公司前端筆試面試題篇面試題個和個經(jīng)典面試題前端開發(fā)面試題如何面試前端工程師很重要個變態(tài)題解析如何通過餓了么面試輕 收集的一些前端面試題 從面試題發(fā)現(xiàn)不足，進(jìn)而查漏補(bǔ)缺，比通過面試更難得 1 BAT及各大互聯(lián)網(wǎng)公司2014前端筆試面試題--Html,Css篇 2 BAT...
摘要：收集的一些前端面試題從面試題發(fā)現(xiàn)不足，進(jìn)而查漏補(bǔ)缺，比通過面試更難得及各大互聯(lián)網(wǎng)公司前端筆試面試題篇及各大互聯(lián)網(wǎng)公司前端筆試面試題篇面試題個和個經(jīng)典面試題前端開發(fā)面試題如何面試前端工程師很重要個變態(tài)題解析如何通過餓了么面試輕 收集的一些前端面試題 從面試題發(fā)現(xiàn)不足，進(jìn)而查漏補(bǔ)缺，比通過面試更難得 1 BAT及各大互聯(lián)網(wǎng)公司2014前端筆試面試題--Html,Css篇 2 BAT...
閱讀 3522·2021-11-24 09:39
閱讀 784·2019-08-30 14:22
閱讀 3036·2019-08-30 13:13
閱讀 2319·2019-08-29 17:06
閱讀 2923·2019-08-29 16:22
閱讀 1260·2019-08-29 10:58
閱讀 2436·2019-08-26 13:47
閱讀 1633·2019-08-26 11:39
