摘要：上周末看這篇文章時(shí)，偶有靈光，所以，分享出來給大家一起看看前端面試四月二十家前端面試題分享請各位讀者添加一下作者的微信公眾號，以后有新的文章，將在微信公眾號直接推送給各位，非常感謝。

有了這個(gè)神器，切圖再也腰不酸，腿不疼了。

本文的目的就是要保證你徹底弄懂javascript的執(zhí)行機(jī)制，如果讀完本文還不懂，可以揍我。 不論你是javascript新手還是老鳥，不論是面試求職，還是日常開發(fā)工作，我們經(jīng)常會(huì)遇到這樣的情況：給定的幾行代碼，我們需要知道其輸出內(nèi)容和順序。因?yàn)閖avascript是一門單線程…

寫在前面： 在寫頁面的時(shí)候，偶爾有時(shí)會(huì)遇到下圖這兩種情況，一種是單詞過長時(shí)會(huì)溢出div，一種是直接換行，導(dǎo)致出現(xiàn)空白區(qū)域。這兩個(gè)情景就需要word-wrap、word-break這兩個(gè)屬性出場來解決了。閑話不扯了，本文主要內(nèi)容有：word-wrap和word-break屬性介紹…

請各位讀者添加一下作者的微信公眾號，以后有新的文章，將在微信公眾號直接推送給各位，非常感謝。 0.前言 若文章中存在內(nèi)容無法加載的情況，請移步作者其他博客。 簡書 CSDN 最近在看 Vue 的時(shí)候，別人給我安利了一個(gè)國外的小案例，通過 Vue 和 Vuex 來實(shí)現(xiàn)一個(gè)記事本。…

什么是BFC BFC全稱是Block Formatting Context，即塊格式化上下文。它是CSS2.1規(guī)范定義的，關(guān)于CSS渲染定位的一個(gè)概念。要明白BFC到底是什么，首先來看看什么是視覺格式化模型。 視覺格式化模型 視覺格式化模型(visual formatting m…

算是 2016 年 JavaScript 的一個(gè)總結(jié)吧

webpack給前端開發(fā)帶來了毋庸置疑的改變，它把JS，圖片，css都作為模塊處理，同時(shí)具有開發(fā)便捷，自動(dòng)化，兼容AMD寫法等等諸多無須贅述的優(yōu)點(diǎn)，更令人稱道的是其插件社區(qū)非常強(qiáng)大，對于不同的業(yè)務(wù)需求和技術(shù)需求社區(qū)都有大量插件可供使用。 凡事都具有兩面性，許多人說：前端開發(fā)再也不…

github 開源的 Vue 優(yōu)秀 UI 組件庫合集?

一些基本的面試題，可以收藏

前端面試題

相信大多數(shù)前端開發(fā)者在需要與后端進(jìn)行數(shù)據(jù)交互時(shí)，為了方便快捷，都會(huì)選擇 JQuery 中封裝的 AJAX 方法，但是有些時(shí)候，我們只需要 JQuery 的 AJAX 請求方法，而其他的功能用到的很少，這顯然是沒必要的。

其實(shí)，原生 JavaScript 實(shí)現(xiàn) AJAX 并不難，這篇文章將會(huì)講解如何實(shí)現(xiàn)簡單的 AJAX，還有跨域請求 JSONP！

掘金日報(bào)主打分享優(yōu)質(zhì)深度技術(shù)內(nèi)容，技術(shù)內(nèi)容分：前端、后端、Android、iOS、產(chǎn)品設(shè)計(jì)、工具資源和一些有趣的東西。 前端 16種方法實(shí)現(xiàn)水平居中垂直居中 熟悉水平居中和垂直居中的方法, 不為別的, 就為用的時(shí)候能夠信手拈來. 單頁應(yīng)用 - Token 驗(yàn)證 登錄時(shí)候,客戶端…

本文描述了什么時(shí)候開始使用 Redux。作者描述了在構(gòu)建一個(gè)真實(shí) React APP 時(shí)，從沒有使用 Redux 到使用 Redux 的過程以及收獲。 首先，并不是所有的 React 應(yīng)用程序都需要使用 Redux。事實(shí)上，大多數(shù)非常簡單的 React 應(yīng)用程序根本不能從 Re…

第一次接觸單頁應(yīng)用, 記錄公司項(xiàng)目關(guān)于 Token 驗(yàn)證知識. Token 的工作原理 Token 工作原理 1. 登錄時(shí)候, 客戶端通過用戶名與密碼請求登錄 2. 服務(wù)端收到請求區(qū)驗(yàn)證用戶名與密碼 3. 驗(yàn)證通過, 服務(wù)端會(huì)簽發(fā)一個(gè) Token, 再把這個(gè) Token 發(fā)給客戶端. 4. 客戶端收…

日常開發(fā)中，我們經(jīng)常用到this。例如用Jquery綁定事件時(shí)，this指向觸發(fā)事件的DOM元素；編寫Vue、React組件時(shí)，this指向組件本身。對于新手來說，常會(huì)用一種意會(huì)的感覺去判斷this的指向。以至于當(dāng)遇到復(fù)雜的函數(shù)調(diào)用時(shí)，就分不清this的真正指向。 本文將通過兩道…

一步一步學(xué)習(xí)Vue 2 （Laracasts） Jeffrey Way一直都有發(fā)布他web開發(fā)的教程。他曾經(jīng)在30天內(nèi)教會(huì)了我使用jquery。在Laracasts上有他免費(fèi)的VueJs教程，并且宣稱是“世上最深入的vuejs系列”。在你學(xué)習(xí)完本課程后，你將不需要再去操作DOM…

跨域是指一個(gè)域下的文檔或腳本試圖去請求另一個(gè)域下的資源，這里跨域是廣義的。 廣義的跨域： 其實(shí)我們通常所說的跨域是狹義的，是由瀏覽器同源策略限制的一類請求場景。
什么是同源策略？
同源策略/SOP（Same origin policy）是一種約定，由Netscape公司199…

webpack，我想大家應(yīng)該都知道或者聽過，Webpack是前端一個(gè)工具,可以讓各個(gè)模塊進(jìn)行加載,預(yù)處理,再進(jìn)行打包。現(xiàn)代的前端開發(fā)很多環(huán)境都依賴webpack構(gòu)建，比如vue官方就推薦使用webpack.廢話不多說，我們趕緊開始吧.
第一步、安裝webpack 新建文件夾we…

之前不是鬧得沸沸揚(yáng)揚(yáng)的大漠窮秋文章《為什么只會(huì)Vue的都是前端小白？》；甚至大多數(shù)回頭看了，也就會(huì)jQuery和Vue這兩個(gè)庫；也就大部分在運(yùn)用著這兩個(gè)庫。我這里不是吐槽和開罵什么的；在之前jQuery年代，很多面試官都會(huì)問除了用jQuery來實(shí)現(xiàn)，能不能改寫原生JavaScr…

轉(zhuǎn)載：請寫明掘金原文鏈接及作者名 "小小小"第250名入群者，獎(jiǎng)書一本 QQ群：139128168 ← 點(diǎn)擊加群 package control安裝： 第一種方法是在控制臺(tái)中復(fù)制粘貼代碼按回車，https://sublime.wbond.NET/ins...…

CSS的世界是神奇的。文章整理了一些實(shí)用的CSS技巧，來解決我們在實(shí)際項(xiàng)目開發(fā)中遇到的的問題。技巧如：用~ / + 兄弟選擇器來美化表單元素；用font-size：0來清除間距；用 overflow 來清除浮動(dòng)；用border來繪制三角形；用垂直方向的padding來實(shí)現(xiàn)等比縮放的盒子；用pointer-event來禁用事件；用max-width來防止圖片撐破容器；用偽類來顯示打印時(shí)a標(biāo)簽的鏈接

本文主要講一下 js 的基本數(shù)據(jù)類型以及一些堆和棧的知識和什么是深拷貝、什么是淺拷貝、深拷貝與淺拷貝的區(qū)別，以及怎么進(jìn)行深拷貝和怎么進(jìn)行淺拷貝。 本文思維導(dǎo)圖如下： 本文思維導(dǎo)圖 本文首發(fā)于我的個(gè)人博客：http://cherryblog.site/ 堆和棧的區(qū)別 其實(shí)深拷貝和淺…

作為一個(gè)前端攻城獅，怎么能更好的提升自己呢？一是，需要有扎實(shí)的基礎(chǔ)；二是，需要有大量的實(shí)踐機(jī)會(huì)；三是，需要養(yǎng)成良好的獨(dú)立思考，分析解決問題的能力。哎喲，不好意思，不知道什么時(shí)候養(yǎng)成了‘三點(diǎn)論’的習(xí)慣，但這都不重要。當(dāng)我們分析一些優(yōu)秀的面試題時(shí)，尤其是一些復(fù)雜的題目時(shí)你會(huì)發(fā)現(xiàn)，你的知識點(diǎn)無形間就串聯(lián)了起來。上周末看這篇文章時(shí)，偶有靈光，所以，分享出來給大家一起看看……

請各位讀者添加一下作者的微信公眾號，以后有新的文章，將在微信公眾號直接推送給各位，非常感謝。 0.前言 免責(zé)聲明 若文章中內(nèi)容存在無法加載的情況，請移步作者其他博客。 簡書 CSDN 關(guān)于本文中出現(xiàn)的面試題，請勿詢問具體公司。 之所以分享出來，只是作為熱愛前端的小伙伴們分享討論…

你真的知道JavaScript嗎 JavaScript是一門奇怪的語言，要真正掌握并不容易。廢話不多說，來一個(gè)快速測試，5道題目，看看你對JavaScript是否真正掌握。準(zhǔn)備好了嗎？開始咯? 題目 No.1 if (!("a" in window)) { var a = 1…

Vue.js VueRouter Vuex 實(shí)戰(zhàn) 還原一個(gè)簡易版的網(wǎng)易云

接觸過 vue 的同學(xué)應(yīng)該都知道，用 vue-cli 開發(fā) vue 的項(xiàng)目十分方便，它可以幫你快速構(gòu)建一個(gè)擁有強(qiáng)大構(gòu)建能力的 Vue.js 項(xiàng)目。今天不談什么是 vue-cli，而是來說說用 vue-cli 構(gòu)建的項(xiàng)目結(jié)構(gòu)是什么樣的并分析部分文件。

今天 github 上看見以前的朋友總結(jié)的一片前端知識點(diǎn)的文章匯總，感覺收集的很全面，分享給大家，希望能夠給大家?guī)韼椭?br>

這是 github 上關(guān)于 css 技巧的一篇譯文，另外你也可以在本項(xiàng)目看到原文。列舉了一些很實(shí)用的 css 技巧，比如給空內(nèi)容的 a 標(biāo)簽添加內(nèi)容，逗號分隔列表等等。
鑒于很多人吐槽翻譯，在pr為通過前，先改成我自己的翻譯...

有時(shí)候入門沒入好，學(xué)習(xí)起現(xiàn)代的 JavaScript 開發(fā)還是頗有難度的。生態(tài)系統(tǒng)太日新月異以至于讓人難以理解不同工具的出現(xiàn)究竟是為了解決什么問題。我從 1988 年開始編程，但直至 2014 年才開始認(rèn)真地學(xué)習(xí)起 JavaScript。記得那時(shí)第一次遇到 Browserify…

關(guān)于 首發(fā)地址：微信公眾號——前端呼啦圈（Love-FED） 我的博客：勞卜的博客 知乎專欄：前端呼啦圈 前言 前端工程師其實(shí)是一個(gè)工作很雜的職位，除了要負(fù)責(zé)切圖、寫html/css/js外，還要解決一系列的瀏覽器兼容性、網(wǎng)頁性能優(yōu)化等問題，所以提高前端工程師的開發(fā)效率是勢在必…