原创 玩轉webpack(三)—— 原理篇

後續更新.....

原创 十道前端面試題(2)

爲什麼css樣式初始化,目的是爲了什麼 js繼承 常見佈局的方法 rem,px,em的區別 typeof去判斷數據類型返回值有哪些 快排和冒泡的原理 清除浮動的方法 定時器setTimeout的運行機制 get和post的請求區

原创 關於JS的六種繼承

持續更新中..... 繼承一共有六種方式: 分別是: 1. 原型鏈繼承 2. 借用構造函數繼承 3. 組合繼承 4. 原型式繼承 5. 寄生式繼承 6. 寄生組合式繼承 1. 原型鏈繼承 原型鏈繼承是實現繼承的主要方法。 基本思

原创 十道前端面試題(10)- webpack

webpack的作用 webapck3 到wbpack4爲什麼會有速度提升? webapck壓縮方法 有哪些常見loader,各有什麼用? 有哪些常見plugin,各有什麼用? loader和plugin的區別 怎麼配置單頁應用

原创 uni-app自定義switch

在使用使用uni-app switch開發的過程中,我發現switch並不能滿足樣式上的需求。所以我自己寫了一個自定義switch樣式的通用組件。 可點擊如下地址進行下載: https://ext.dcloud.net.cn/pl

原创 十道前端面試題(9)

前端性能理解,優化有哪些 爲什麼瀏覽器會產生同源策略 如何獲取元素的父節點和兄弟節點 jsonp的原理是什麼,處理script標籤還可以通過什麼實現?(靜態資源標籤) HTTP請求頭,響應頭裏面有哪些 margin坍塌 寫一個A

原创 掌握http狀態碼

狀態碼分類: 分類 描述 1** 信息,服務器收到請求,需要請求者繼續進行操作 2** 成功,請求被成功接收並處理 3** 重定向,需要進一步操作完成請求 4** 客戶端錯誤,請求包含語法錯誤或無法完成請

原创 vue指令總結

v-pre跳過這個元素和它的子元素的編譯過程 <span v-pre>這裏的內容不會被編譯</span> v-html輸出html v-bind語法糖:動態更新HTML元素屬性 v-on語法糖@綁定事件 <div v-on:cl

原创 JS獲取DOM節點

<div id ="father"> <div id='target'> <div id="children1"></div> <div id="children2"></div> <div id="children

原创 十道前端面試題(1)

call apply bind的區別 數組去重 http狀態碼 css彈性佈局 position屬性有哪些值,分別有什麼含義 const和let的區別,可以改變const定義對象某個屬性嗎 this的理解, 如何改變this的指

原创 uni-app清空input輸入框內容

uni-app的input框是不能清空的,所以需要自己自定義清空 可以自定義一個組件,當輸入框有值的時候顯示清空按鈕,沒有值的時候不顯示。 我在uni-app插件市場上傳了input框清空的通用組件。 https://ext.dc

原创 vue源碼學習——數據驅動

vue的核心思想? 數據驅動 什麼是數據驅動? 數據驅動指的是視圖是由數據驅動生成,我們對視圖的修改不會直接操作DOM,而是修改數據。 模版和數據怎麼渲染成DOM的呢? 1. new Vue發生了什麼 Vue實際是一個類,只能通過

原创 前端性能本質

持續更新中.... 1. 前端性能的本質 性能問題多種多樣:瓶頸可能出現在網絡傳輸過過程,造成前端數據呈現延遲。也可能是移動hybrid應用中,webview容器帶來了瓶頸和限制。但是關於性能問題一般都彈不開Javascript單

原创 vue源碼學習——源碼構建

Rollup vue.js源碼是基於Rollup構建的 Rollup 和 Webpack rollup和webpack都是構建工具,但是webapck更強大一些,會將圖片,字體等靜態資源編譯成JavaScript,但是rollup

原创 vue源碼學習——認識flow

什麼是flow? flow是Facebook出品的靜態類型檢查工具(vue.js 的源碼就是利用了flow做靜態類型檢查) 爲什麼用flow? 因爲JavaScript是一種動態類型語言,靈活性強,但是過於靈活會帶來一些問題,很