html

HTML5新特性，語義化
https://www.cnblogs.com/vicky1018/p/7705223.html
https://blog.csdn.net/qq_20726787/article/details/79849212
瀏覽器的標準模式和怪異模式
https://blog.csdn.net/qq_31059475/article/details/78010601
使用data-的好處
- 可以把所有自定義屬性在dataset對象中統(tǒng)一管理，遍歷啊神馬的都哦很方便
  https://www.cnblogs.com/dolphinX/p/3348458.html
meta標簽
https://www.cnblogs.com/wangyang108/p/5995379.html

css

盒模型，box-sizing
https://blog.csdn.net/huangpin815/article/details/76651680
隱藏元素的幾種方法
https://blog.csdn.net/weixin_42160828/article/details/80980333
偽類偽元素區(qū)別
偽類是類名，偽元素是個元素可以設(shè)置寬高
https://www.cnblogs.com/ghost-xyx/p/3763669.html
https://www.cnblogs.com/ammyben/p/8012747.html
https://blog.csdn.net/zhouziyu2011/article/details/58605705
如何實現(xiàn)水平居中和垂直居中
https://zhuanlan.zhihu.com/p/34974332
less sass 相比較于 css 優(yōu)缺點
清除浮動
https://blog.csdn.net/weixin_43638968/article/details/107617275

JS

js的基本類型有哪些？引用類型有哪些？引用類型和基本類型有什么區(qū)別？哪個是存在堆哪一個是存在棧上面的？
空值(null)、
未定義(undefined)、
布爾值(boolean)、
數(shù)字(number)、
字符串(string)、
對象(object)、
符號(symbol，ES6中新增)

https://www.cnblogs.com/cxying93/p/6106469.html
https://www.zhihu.com/question/349080864

JS常見的dom操作api
https://www.cnblogs.com/lrzw32/p/5008913.html
new set去重 https://blog.csdn.net/diwuyanting/article/details/78486499排序https://www.cnblogs.com/fanda/p/4767984.html
bom
https://www.cnblogs.com/2010master/p/5824215.html
https://www.cnblogs.com/hhw3/p/7089330.html
get post 區(qū)別
https://www.cnblogs.com/logsharing/p/8448446.html
前端跨域
http://www.itdecent.cn/p/d442dcc14db7
用 http-proxy-middleware 跨域
http://www.itdecent.cn/p/a248b146c55a
解釋一下事件冒泡和事件捕獲，事件委托（手寫例子）
https://blog.csdn.net/zj950307/article/details/80390585
如何阻止冒泡？如何阻止默認事件？
https://blog.csdn.net/qq_41459038/article/details/81304155
對閉包的理解？什么時候構(gòu)成閉包？閉包的實現(xiàn)方法？閉包的優(yōu)缺點？
https://blog.csdn.net/binlety/article/details/81288231
this有哪些使用場景？如何改變this的值？call，apply，bind區(qū)別
- 在全局環(huán)境中，this 永遠指向 window
- 函數(shù)內(nèi)的指向
  - 構(gòu)造函數(shù)， this 就代表它即將 new 出來的對象
  - 作為對象內(nèi)部時，方法中的 this 指向該對象。
  - 構(gòu)造函數(shù), this 代表的實例對象
- call、apply 或者 bind 調(diào)用時，this 的值就取傳入的對象的值。
- DOM 操作時，this 指向 dom節(jié)點
- 箭頭函數(shù)內(nèi)部的 this 由上下文確定
- setInterval、setTimeout，函數(shù)中的this會指向window對象
call，apply，bind區(qū)別:
https://www.cnblogs.com/ly0612/p/6821124.html
原型鏈知識
https://www.cnblogs.com/liubinghaoJavaScript/p/7478432.html
http://www.itdecent.cn/p/d3713f9485eb
創(chuàng)建對象的幾種方式
https://www.cnblogs.com/yuxingyoucan/p/5797142.html
實現(xiàn)繼承的多種方式和優(yōu)缺點
https://www.cnblogs.com/linzaizai/p/7529890.html
new 一個對象具體做了什么
http://www.cnblogs.com/kevin2chen/p/6418327.html
手寫Ajax，XMLHttpRequest
https://blog.csdn.net/flyingpig2016/article/details/72616764
數(shù)組字符串 api
https://blog.csdn.net/huangpb123/article/details/76861748
實現(xiàn)深拷貝的方法
https://blog.csdn.net/chentony123/article/details/81428803
如何將類數(shù)組對象轉(zhuǎn)化為真正的數(shù)組
https://blog.csdn.net/keke_sir/article/details/80627870
如何判斷一個對象為函數(shù) 對象數(shù)組
https://blog.csdn.net/weixin_39181833/article/details/79686943
https://segmentfault.com/q/1010000017986207/a-1020000017992111
https://chen4342024.github.io/code-snippet/js/is.html
將多層數(shù)組轉(zhuǎn)化為單層數(shù)組
https://www.cnblogs.com/bigsister/p/10558751.html
https://blog.csdn.net/xiao_spring/article/details/79262917
js 事件執(zhí)行機制異步執(zhí)行原理
https://www.cnblogs.com/sunidol/p/11301808.html
https://segmentfault.com/a/1190000020889508
語法糖
https://www.zhihu.com/question/20651624
js 原型鏈上的方法
Object.prototype.tostring.call() 判斷是不是數(shù)組對象函數(shù)
Array.isArray 判斷是不是數(shù)組
instanceof

// 主要用于檢測引用類型(左邊是對象，右邊是函數(shù).根據(jù)對象的原形鏈往上找，如果原形鏈上有右邊函數(shù).prototype，返回true;否則返回false)
var obj = {}; obj instanceof Object; //=> true; 
var arr = []; arr instanceof Array; //=> true;
var fn = function() {}; fn instanceof Function; //=> true;

hasOwnProperty() obj對象自身屬性中是否具有某個屬性
isPrototypeOf()

// 用于測試一個對象是否存在于另一個對象的原型鏈上。在obj對象原型鏈上搜尋
    function VFrank() {}
    VFrank.prototype.name = "vfrank";
    VFrank.prototype.age = 29;
    VFrank.prototype.job = "Web Engineer";
    var person = new VFrank();
    console.log(VFrank.prototype.isPrototypeOf(person));// true

foreach map 區(qū)別
1 都是循環(huán)每一項
2 foreach 更改原數(shù)組，沒有返回值
3 map 不更改原數(shù)組，有返回值
瀏覽器運行機制
https://segmentfault.com/a/1190000020889508

ES6

let(可改變) const(不可改變)
箭頭函數(shù)
http://es6.ruanyifeng.com/#docs/function#%E7%AE%AD%E5%A4%B4%E5%87%BD%E6%95%B0
export export default import
http://es6.ruanyifeng.com/#docs/module
CMD AMD require import 區(qū)別
https://blog.csdn.net/qqhluckyi/article/details/83214540
1 commjs 是后端node 加載方式，同步加載
2 CMD AMD 為前端模塊加載方式，異步加載，常見的庫為requreJS(AMD) seajs(CMD)
3 module import 為 es6 規(guī)范設(shè)定的加載方式， import命令是編譯階段執(zhí)行的，在代碼運行之前,表達式和變量只有在運行時才能得到結(jié)果的語法結(jié)構(gòu)。import命令會被 JavaScript 引擎靜態(tài)分析，先于模塊內(nèi)的其他模塊執(zhí)行（叫做”連接“更合適）所以import中不能含有表達式或者變量,因此無法實現(xiàn)動態(tài)加載
https://segmentfault.com/a/1190000010913832
es5 6 7 異步操作
setTimeout、Promise、Async/Await
Async/Await 的理解
https://segmentfault.com/a/1190000007535316
http://www.ruanyifeng.com/blog/2015/05/async.html

es5 6 7 繼承方式
es5的6中繼承方式
es6 class繼承
set map Symbol 數(shù)據(jù)格式有什么特性
項目中用的 es6
https://blog.csdn.net/weixin_44514665/article/details/104031500
== 和 === 的區(qū)別
http://www.itdecent.cn/p/29316fdafba5

框架

簡述 vue 工作流程

/**
* 1 數(shù)據(jù)劫持 2 編譯模板
* 1 數(shù)據(jù)劫持就是 Object.defineProperty 方法，他有g(shù)et set 方法，get取數(shù)據(jù) set設(shè)置數(shù)據(jù) 更新數(shù)據(jù)了會重新編譯數(shù)據(jù)模板
* 2 編譯作用是把 vue 模板轉(zhuǎn)為瀏覽器的dom展示在頁面上，主要做的那就是把模板上綁定的事件轉(zhuǎn)化為一個個監(jiān)聽器，監(jiān)視用戶的動作，執(zhí)行updata 方法
* 3 獲取接口重置 data時就觸發(fā) 數(shù)據(jù)劫持的set 方法， set 方法調(diào)用監(jiān)聽器的 update 方法
* 4 頁面用戶輸入操作時觸發(fā)對應(yīng)的事件，事件有對應(yīng)的監(jiān)聽器可以調(diào)用監(jiān)聽器的 update 方法更新數(shù)據(jù)
*/

什么是MVVM，MVC，MVP

mvc（agular）
1 用戶輸入動作（指令），
2 指令觸發(fā)，調(diào)用相應(yīng)的函數(shù)方法邏輯，更改數(shù)據(jù)
3 數(shù)據(jù)更改后，通過某種方法（這里是臟治檢測）告訴視圖更新
mvvm(vue)
就是通過某種方法使視圖(view) 和數(shù)據(jù)(model) 建立聯(lián)系（這里是通過js Object.defineProperty()，方法建立雙向關(guān)系）
view 改變通知vm ，然后vm 改變 model
model 改變通知vm, 然后vm 改變 view
https://blog.csdn.net/spring5530/article/details/65982198

vuex屬性流程簡述
https://vuex.vuejs.org/zh/guide/state.html
vuex 優(yōu)勢
統(tǒng)一公共屬性方法方便維護
只提供單一的更改屬性的方法保證維護溯源的方便（要是多個更改方法會難以維護溯源）
vuex 為為什么用 action 提交數(shù)據(jù)
vue 面試題
https://segmentfault.com/a/1190000016344599
https://www.cnblogs.com/sichaoyun/p/8406194.html
vue 路由生命周期函數(shù)
https://www.cnblogs.com/Zzbj/p/10073967.html
watch computed 的區(qū)別那個性能更好為啥
計算屬性 方法 監(jiān)聽屬性 都能實現(xiàn)
方法得主動調(diào)用
計算屬性是 被動更新可以同時依賴多個屬性 性能更好（能用計算屬性做好用計算屬性）
監(jiān)聽屬性 只能監(jiān)聽一個屬性是主動執(zhí)行
https://blog.csdn.net/zzzz121380/article/details/121807864
https://www.jb51.net/article/138743.htm

https://blog.csdn.net/weixin_45213848/article/details/93231307
https://www.cnblogs.com/yiyiyurou/p/9881156.html

data 為啥是函數(shù) 不是對象
第13個問題
angluar vue的區(qū)別
http://www.itdecent.cn/p/7b7b195e0297
vue 和原生的區(qū)別
vuex 優(yōu)勢
統(tǒng)一公共屬性方法方便維護
只提供單一的更改屬性的方法保證維護溯源的方便（要是多個更改方法會難以維護溯源）
處理跨域

開發(fā)環(huán)境用熱更新插件配置地址 node 代理
生產(chǎn)環(huán)境 ngix 配置
cors 配置
兄弟a b組件之間，點擊a組件出發(fā)b的函數(shù)

a 觸發(fā) this.$emit 給父組件，父組件用ref.子組件的方法

vue 虛擬dom 概述
http://www.itdecent.cn/p/af0b398602bc
this.$nextick 作用原理
https://zhuanlan.zhihu.com/p/26724001
導航路由生命周期函數(shù)
全局路由鉤子：beforeEach進入之前、afterEach進去之后
組件路由鉤子：beforeRouteEnter進去之前、beforeRouteUpdate更新、beforeRouteLeave離開之前
http://www.javashuo.com/article/p-srqzfeqh-bm.html
keep-alive 路由生命周期函數(shù)
keep-alive 使用 https://blog.csdn.net/guoyp2126/article/details/119545978
頁面第一次進入，鉤子的觸發(fā)順序created-> mounted-> activated，退出時觸發(fā)deactivated。當再次進入（前進或者后退）時，只觸發(fā)activated。
指令的周期
bind第一次綁定到元素上、inserted被綁定元素插入父節(jié)點時調(diào)用、update更新時調(diào)用、componentUpdated被綁定元素所在模板完成一次更新周期時調(diào)用、unbind指令與元素解綁時調(diào)用
solt 原理
簡述 vue-router 工作流程
vue-router 本質(zhì)上是展示不同的頁面，有三種模式 hash History abstract(用于服務(wù)端模式)
http://www.itdecent.cn/p/d59971198082
https://segmentfault.com/a/1190000018584560?utm_source=tag-newest
v-if v-show本質(zhì)是什么
v-if 動態(tài)的向DOM樹內(nèi)添加或者刪除DOM元素
v-show 本質(zhì)就是標簽display設(shè)置為none，控制隱藏
v-for 的優(yōu)先級比 v-if 更高，這意味著 v-if 將分別重復運行于每個 v-for 循環(huán)中
vue 腳手架怎么運行的
vue3 新特性
vue 路由傳參方式
https://www.cnblogs.com/thinkguo/p/11319776.html
this.router.push 中 query param 傳參區(qū)別
params 傳參失效
建議用 query
路由重定向
https://blog.csdn.net/weixin_39168052/article/details/81325641
vue 面試題
路由傳參
http://www.itdecent.cn/p/5134fe4e784f
EventBus 使用
EventBus.$emit(channel: string, callback(payload1,…))

EventBus.$on(channel: string, callback(payload1,…))

EventBus.$off(channel, {})

組件注冊
https://segmentfault.com/a/1190000015157007
指令注冊
https://segmentfault.com/a/1190000014370906
v-model 語法實現(xiàn)原理
https://blog.csdn.net/yun_hou/article/details/86313212
axios配置
https://blog.csdn.net/qq_44683095/article/details/106325494
route 和 router 的區(qū)別

this.$route：當前激活的路由的信息對象。每個對象都是局部的，可以獲取當前路由的 path, name, params, query 等屬性。

this.$router：全局的 router 實例。通過 vue 根實例中注入 router 實例，然后再注入到每個子組件，從而讓整個應(yīng)用都有路由功能。其中包含了很多屬性和對象（比如 history 對象），任何頁面也都可以調(diào)用其 push(), replace(), go() 等方法。

https://www.qy.cn/jszx/detail/3822.html

前端優(yōu)化

防抖節(jié)流

防抖:  規(guī)定一個期限時間，在首次觸發(fā)事件時，不立即執(zhí)行回調(diào)函數(shù)，而是在期限時間后再執(zhí)行，如果期限時間內(nèi)回調(diào)函數(shù)被重復執(zhí)行，則期限時間重新計時。（100ms 內(nèi)執(zhí)行10次，按最后一次的的時間，在延時執(zhí)行，函數(shù)執(zhí)行需要 一段時間）
節(jié)流： 一段時間只執(zhí)行一次，執(zhí)行多次按最后一次計算（100ms 內(nèi)執(zhí)行10次，只執(zhí)行最后一次）

http://www.itdecent.cn/p/3b782abd27ed

重繪重排
重排 性能消耗大于 重會
https://www.cnblogs.com/ShuiNian/p/12098325.html
style-loader css-loader 區(qū)別
先是 cssloader 解析 .css 文件然后用styleloder 創(chuàng)建一個 style 標簽
http://www.itdecent.cn/p/cbd3375e2575
知道哪些設(shè)計模式
單例模式 工廠模式 策略模式 代理模式 觀察者模式 模塊模式 構(gòu)造函數(shù)模式 混合模式
http://www.itdecent.cn/p/4f3014fb8b8b
前端安全策略
瀏覽器運行機制
http://www.itdecent.cn/p/e6252dc9be32
模塊化的工作規(guī)范
前端緩存策略
+斷點續(xù)傳
webpack 配置筆記
http://www.itdecent.cn/p/c614ecb500cc
前端安全問題
http://www.itdecent.cn/p/2aa1ea6cdf22
http://www.imooc.com/article/296767
import和require的區(qū)別
https://www.cnblogs.com/sunshq/p/7922182.html

babel

https://www.jiangruitao.com/babel/quick-start/

移動端

移動端 1px 像素

// border
:after{
      content: '';
      position: absolute;
      left: 0;
      bottom: 0;
      background: #cccccc;
      width: 100%;
      height: 1px;
      -webkit-transform: scaleY(0.5);
      transform: scaleY(0.5);
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0;
    }
// 按鈕邊框
:after{
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      border: 1px solid #cccccc;
      border-radius: 26px;
      width: 200%;
      height: 200%;
      -webkit-transform: scale(0.5);
      transform: scale(0.5);
      -webkit-transform-origin: left top;
      transform-origin: left top;
    }

參考

移動端rem適配

(function (doc, win) {
  // 以蘋果6 375px為標準  1rem為10px
  var docEl = doc.documentElement
  var resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize'
  var recalc = function () {
    var clientWidth = docEl.clientWidth
    if (!clientWidth) return
    docEl.style.fontSize = 2 * (clientWidth / 75) + 'px'
  }
  if (!doc.addEventListener) return
  win.addEventListener(resizeEvt, recalc, false)
  doc.addEventListener('DOMContentLoaded', recalc, false)
})(document, window)

300 毫秒的點擊延時

const str = navigator.userAgent.toLowerCase()
const ver = str.match(/cpu iphone os (.*?) like mac os/)
if (!ver) { // 非IOS系統(tǒng)
  // 引入fastclick 做相關(guān)處理
  document.addEventListener('DOMContentLoaded', function () {
    FastClick.attach(document.body)
  }, false)
} else {
// 蘋果版本 11 以上已經(jīng)處理了延時
  if (parseInt(ver[1]) < 11) {
    // 引入fastclick 做相關(guān)處理
    document.addEventListener('DOMContentLoaded', function () {
      FastClick.attach(document.body)
    }, false)
  }
}

輸入框不回彈處理、

      setTimeout(() => {
        window.scrollTo(0, document.body.scrollTop + 1)
        document.body.scrollTop >= 1 && window.scrollTo(0, document.body.scrollTop - 1)
      }, 10)

大文件上傳方案
http://www.itdecent.cn/p/0870df52cdd5
長列表渲染方案
https://zhuanlan.zhihu.com/p/66779396
安卓 webview 不能訪問帶 # 號的url
改成 history模式了
https://www.jb51.net/article/162268.htm
https://www.cnblogs.com/tugenhua0707/p/8127466.html

// routerjs
const router = createRouter({
  // https://cli.vuejs.org/zh/config/#publicpath
  base: '/www/', // 這個是服務(wù)器的訪問路徑配置
  ...
  routes
})
export default router

// vue.config.js
module.exports = {
  // 安卓不能訪問 帶 # 號的url 改成 history模式了
  // 參考 https://www.cnblogs.com/tugenhua0707/p/8127466.html
  publicPath: process.env.NODE_ENV === 'develop' ? '/' : '/www/',
...
}

http

HTTP協(xié)議頭含有哪些重要的部分，HTTP狀態(tài)碼
https://www.cnblogs.com/qiang07/p/9304771.html
網(wǎng)絡(luò)url輸入到輸出怎么做？
https://www.cnblogs.com/xianyulaodi/p/6547807.html
https（對是https）有幾次握手和揮手？https的原理。
https://blog.csdn.net/u012361288/article/details/54883154
為什么TCP連接需要三次握手，兩次不可以嗎，為什么
https://blog.csdn.net/b954960630/article/details/81861579
cookie session localstore 區(qū)別
https://www.cnblogs.com/pengc/p/8714475.html
header 請求方法的作用
https://blog.csdn.net/busai2/article/details/82966333

算法

排序算法
http://www.itdecent.cn/p/e84acc88e3d5
二叉樹
http://www.itdecent.cn/p/162b8d4fda84
https 加密算法
http://www.ruanyifeng.com/blog/2013/06/rsa_algorithm_part_one.html
http://www.ruanyifeng.com/blog/2013/07/rsa_algorithm_part_two.html
http://www.itdecent.cn/p/b80163c204be
字符串匹配（KMP BM）
http://www.itdecent.cn/p/22f99ad58de7
http://www.itdecent.cn/p/2fc39afe2306
base64 加密原理
http://www.itdecent.cn/p/3de85b738d87

面試題

異步執(zhí)行題

打包工具

sourceMap 作用
https://blog.csdn.net/u012365780/article/details/111596591
webpack 面試題
https://baijiahao.baidu.com/s?id=1706629892058057497&wfr=spider&for=pc
https://zhuanlan.zhihu.com/p/443964387
webpack 配置多頁面
https://blog.csdn.net/bidang3275/article/details/118494812
webpack工具配置 vue
gulp 入門知識
https://www.gulpjs.com.cn/docs/getting-started/quick-start/
webpack 的組成和原理
Tree Shaking ts優(yōu)化
https://blog.csdn.net/haodawang/article/details/77199980

代碼管理

git 常見的命令行
https://blog.csdn.net/Android_liangyi/article/details/120860802
--

職業(yè)規(guī)劃

對前端的職業(yè)規(guī)劃
https://www.cnblogs.com/gvip-cyl/articles/6502793.html
http://www.itdecent.cn/p/2df4c0734b7f
對前端的認識

http://www.cnblogs.com/lvshaonan/p/8693301.html

色偷偷精品伊人,欧洲久久精品,欧美综合婷婷骚逼,国产AV主播,国产最新探花在线,九色在线视频一区,伊人大交九欧美,1769亚洲,黄色成人av

前端面試知識點

前端面試知識點

html

css

JS

ES6

框架

前端優(yōu)化

babel

移動端

http

算法

面試題

打包工具

代碼管理

職業(yè)規(guī)劃

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容

色偷偷精品伊人,欧洲久久精品,欧美综合婷婷骚逼,国产AV主播,国产最新探花在线,九色在线视频一区,伊人大交九 欧美,1769亚洲,黄色成人av

前端面試知識點

html

css

JS

ES6

框架

前端優(yōu)化

babel

移動端

http

算法

面試題

打包工具

代碼管理

職業(yè)規(guī)劃

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容

色偷偷精品伊人,欧洲久久精品,欧美综合婷婷骚逼,国产AV主播,国产最新探花在线,九色在线视频一区,伊人大交九欧美,1769亚洲,黄色成人av