前端面試題（二）----前端模組化和元件化的區別和聯絡
前端元件化開發和模組化開發的區別
之前一直以為模組化開發和元件化開發是一個意思，有次看到了類似這樣的題，發現自己還是太年輕，現在整理一點出來。
首先，元件化和模組化的意義都在於實現了分治，目前我們開發的專案複雜度不斷的上升，早已不是我們一個人能完成的工作，團隊合作的話又會產生配合困難等各方面問題，元件化和模組化便應運而生，
結合webpack，glup，grunt等程式碼混淆工具，完成程式碼壓縮，混淆的工作。
區別：
元件是具體的：按照一些小功能的通用性和可複用性來抽象元件
元件化更多的關注UI部分，比如使用者看到的彈出框，頁尾，確認按鈕等，這些元件可以組合成新的元件，又可以和其他元件組合組合成新的元件
模組是抽象的：按照專案業務劃分的大模組
模組化側重於資料的封裝，一組相關的元件定義成一個模組，一個json物件可以是一個模組。
封裝之後需要解決的就是模組之間的依賴，babel是目前比較火的es6轉換器，
相關推薦
前端面試題（二）----前端模組化和元件化的區別和聯絡
前端元件化開發和模組化開發的區別 之前一直以為模組化開發和元件化開發是一個意思，有次看到了類似這樣的題，發現自己還是太年輕，現在整理一點出來。 首先，元件化和模組化的意義都在於實現了分治，目前我們開發的專案複雜度不斷的上升，早已不是我們一個人能完成的工作，團
前端面試題（二）：ES6中let，const和 var 三者的區別
let命令基本用法 在ES6中，新增了let命令，用於宣告變數，用來取代ES5中var命令，消除var宣告的變數的不合理，不嚴謹之處。const用於宣告常量。 讓我們來看看let和var的區別 1.let不存在變數提升 使用let宣告的變數，不會像
常見的前端面試題（二）
1、html5為什麼只需要寫<!doctype html>? 答：html5不是基於sgml（標準通用標記語言），不需要對dtd檔案進行引用，但是需要doctype來規範瀏覽器的行為， 否則瀏覽器將開啟怪異模式，而html4.01基於sgml，需要
新浪前端面試題（二）
兩道演算法題: 一、給出一個演算法，輸入為十六進位制或十進位制的字串，輸出為對應的十進位制或十六進位制的字串。例 '100'=>'aa', 'ff' =>'255'; //這道題給的不是很好，首先題目中沒有給出16進位制的特徵，造成無法判別16進位制還是10進位
前端面試題（二十三）之前端需要注意哪些SEO？
合理的title，description，keywords：搜尋對著三項的權重逐個減小，title值強調重點即可，重要的關鍵詞出現不要超過兩次，而且要靠前，不同頁面title要有所不同；description把頁面內容高度概括，長度合適，不可過分堆砌關鍵詞，不同頁面description有所不同；keywor
前端面試題（二十五）之http的幾種請求方法用途？
刪除 資源 會有 位置 應用層 trac 但是 激發 .get 1.GET方法發送一個請求來取得服務器上某一資源2.POST方法向URL指定的資源提交數據或附加新的數據3.PUT方法跟POST方法很像，也是向服務器提交數據，但是，他們之間有不同，put指定了資源在服務器上所
前端面試題（二十八）JavaScript的代碼執行順序
html 順序 執行 預編譯 函數 scrip html文檔 變量 頁面 JavaScript代碼的解釋過程包括兩個階段：預處理和執行。在預編譯期，JavaScript解釋器將完成對JavaScript代碼的預處理操作，將JavaScript代碼轉化為字節碼；在執行期，ja
Web前端面試題（四）
就會 對象 wii 出現 閉包 需要 一個 settime post 1、wiindow.onload和$(document).ready的區別 window.onload只能出現一次，$(document).ready能出現多次 window.onload需要等所有文件都
一些前端面試題（一）
1.你做過的頁面在那些瀏覽器測試過？它們的核心分別是什麼？ IE（trident核心）；Firefox(gecko核心)；Safari(webkit核心)；Opera（以前是presto核心，現在已經改用Google Chrome的Blink核心）；Chrome(Blink核心，基於webkit，Googl
前端面試題（一）JS篇
內建型別 JS 中分為七種內建型別，七種內建型別又分為兩大型別：基本型別和物件（Object）。 基本型別有六種： null，undefined，boolean，number，string，symbol。 其中 JS 的數字型別是浮點型別的，沒有整型。並且浮點型別基於 IEEE 754標準實現，在使用中
整理前端面試題（上）
1. 常用那幾種瀏覽器測試？有哪些核心(Layout Engine)? (Q1)瀏覽器：IE，Chrome，FireFox，Safari，Opera。 (Q2)核心：Trident，Gecko，Presto，Webkit。 2. 說下行內元素和塊級元素的區別？行內塊元素的相容性使用？（IE8 以下）
前端面試題（一）
1：實現一個函式判斷是不是迴文字串 function run(input) { if(typeof input !== "string") return false &nb
前端面試題（2018）
Jquery中$與$.fn的區別是什麼？ 答：在回答這個問題以前，需要明白一個事實：Jquery的方法是可以拓展的，上面這4個例子都是對Jquery方法的拓展，從呼叫宣告建立方法的方式來看，可以歸結為兩類：一類直接由$符呼叫；另一類由$("")來呼叫，說到這裡你是不是想到了Java語言中的靜態
2017今日頭條校招前端面試題（一面）
演算法能力如何？ 給一個數組如：[[“a”,”b”,”c”],[“d”,”e”],…..]得到[ad,ae,bd,be,cd,ce]，手寫實現的方法？（要求js實現） 如何將上面的改成函數語言程式設計風格？ 如果陣列中出現[[“a”,”b”,”c”],[“a”,”d”]]要求去掉”aa”這種情況（即兩組所取
2018前端面試題（八）
人生也有涯 而知也無涯 以有涯隨無涯 殆已！ –莊子部分內容轉載自網路，侵立刪！如有錯誤，請指正！1、手寫jsonp的實現參考自： http://www.qdfuns.com/notes/16738/1b6ad6125747d28592a53a960b44c6f4.ht
前端面試題（一）：如何解決使用inline-block引起的空白間隙的問題
使用inline-block代替float的討論也蠻多的，最常說的就是使用inline-block來代替float進行佈局，或者使用 inline-block來實現元素的居中效果。但是inline-block會引起元素和元素之間幾個畫素的間隙（具體間隙大小取決於
前端面試題（7）之 leetcode-003
dex ons code param 重復字符 class color ber @param 給定一個字符串，請你找出其中不含有重復字符的 最長子串 的長度。 示例1： 輸入: "abcabcbb" 輸出: 3 解釋: 因為無重復字符的最長子串是 "abc"，
前端面試題（6）之 leetcode-001
-s 輸入 targe clas for循環 const tar href 給定一個整數數組 1. 兩數之和 給定一個整數數組 nums 和一個目標值 target，請你在該數組中找出和為目標值的那 兩個 整數，並返回他們的數組下標。 你可以假設每種輸入只會對應一個答案
前端面試題（三）
temp fin selector 地址 指定 code 報錯 排序 pre js的基本數據類型 Undefined、Null、Boolean、Number、String ECMAScript6 新增:Symbol(創建後獨一無二且不可變的數據類型
前端常見面試題（二）————前端
前端常見面試題（二）————前端 小小的提一下，面試時，面試官很喜歡看你的專案實踐，就看你做過什麼專案，如果一個都不寫，可能會跪，然後圍著你的專案去問細節。（自己做些專案很重要） 正文部分： 1.var,let,const的區別： (1).var可以變數提升：啥是變數提升？ var a=10 //全域性變