前端知識精選- 收藏集 - 掘金

我認真起來連面試官都怕（塊級做用域，事件代理） - 掘金
做者 混元霹靂手-Ziksang 若是你學完這篇文章以後，你回答完面試官以後，拿一張圖告訴面試官 在於前端面試，你給面試官講一些官方名詞，我知道react,vue,angular等等，一系列牛B的框架，對於面試來講並無卵用，聽多了！！有些有是報着真誠的找...

用純客戶端 JavaScript 來寫一個的爬蟲 - 前端 - 掘金
拿JavaScript寫爬蟲，聽起來貌似有些不靠譜？ 爬蟲，大多人對於爬蟲的理解都停留在使用後端語言如Python寫的爬蟲。可是實際上，使用客戶端JavaScript有諸多後端爬蟲所沒法擁有的優點： 能夠方便的分享給其餘人用，只要對...

CSS 常見佈局解決方案 - 前端 - 掘金
提及css佈局，那麼必定得聊聊盒模型，清除浮動，position，display什麼的，但本篇本不是講這些基礎知識的，而是給出各類佈局的解決方案。 水平居中佈局 首先咱們來看看水平居中 1.margin + 定寬 <di...

React全家桶寫一個CNode社區，奉上心得與源碼 - 掘金
webpack2+react+react-router+react-redux+ES6+antd-mobile版本的Cnode 苦於我就任的公司的技術棧仍是ES5+jQ+handelbars， 而我一直對React全家桶很是感興趣，因此想本身來個強行實戰...

Web 推送技術 - 掘金
騰訊雲技術社區-掘金主頁持續爲你們呈現雲計算技術文章，歡迎你們關注！ 做者：villainthr 摘自 前端小吉米 伴隨着今年 Google I/O 大會的召開，一個很火的概念--Progressive Web Apps 誕生了。這表明着咱們 web 端...

通俗大白話來理解 TCP 協議的三次握手和四次分手 - 前端 - 掘金
最近在惡補計算機網絡方面的知識，以前對於TCP的三次握手和四次分手也是模模糊糊，對於其中的細節更是渾然不知，最近看了不少這方面的知識，也在系統的學習計算機網絡，加深本身的CS功底，就把看過的一些比較好的東西和本身的一些理解二次加工組織一下而後交流分享，一塊兒學習...

你真的會寫循環嗎--8種遍歷方法執行速度深度°對比 - 掘金
關於數組或對象遍歷，相信不少人都沒有深刻觀察過執行效率。這是一個曾在羣裏吵翻天的話題，讀懂後你將成爲遍歷效率話題的大師。 關於 個人博客：louis blog SF專欄：路易斯前端深度課 原文連接：詳解JS遍歷 導讀 遍歷數組或對象是一名程序員的基本素養之...

16種方法實現水平居中垂直居中 - 掘金
熟悉水平居中和垂直居中的方法, 不爲別的, 就爲用的時候可以信手拈來. 下面直接步入正題.原文：16種方法實現水平居中垂直居中 水平居中 1) 如果行內元素, 給其父元素設置 text-align:center,便可實現行內元素水平居中. 2) 如果塊級元素,...

一個可拖拽，移動，自由組合子控件的視圖控件，讓開發更簡單 - 掘金
今天給你們推薦一個自由拖拽，自由組合的控件，這個控件是我自定義寫的。經過它，咱們能夠自由拖拽，自由組合實現一個界面，知足一個用戶自由組合界面的需求。這裏不是經過自由拖拽控件，來快速開發一個界面，並且更人性化的讓用戶去自由組合一個界面。 前言 最近有一個項目，有...

使用 JScompress Mobile Debug 調試手機端網頁 - 前端 - 掘金
使用JScompress Mobile Debug調試手機端網頁 移動端H5正在普及、爆發，但受困於尺寸等因素手機瀏覽器是沒有開發者工具的，因此調試手機網頁是很是麻煩。使用 JScompress 的手機調試功能能夠像調試桌面端那樣調試手機頁面...

自適應 Tab 寬度能夠滑動文字逐漸變色的 TabLayout - Android - 掘金
轉載請標明出處： http://www.weyye.me/detail/co...本文出自:【Wey Ye的博客】 前言 Tab...

關於 CSS 的零碎知識點 - 掘金
寫在前面： 這篇文章是本人學習過程當中遇到css的零碎知識點2（就是之前本身不知道的），我都記下來了，須要的朋友能夠過來參考下，喜歡的能夠點個贊，但願對你們有所幫助。本文的受衆是前端小白，大手子能夠跳過。 1.scss編譯css文件使用中文註釋出現亂碼： 在文...

笨辦法學前端 - 掘金
最近在教任務班的學生造輪子。我想幹脆把源代碼開源出來，讓自學的同窗也看一看吧。因而就有了《笨辦法造輪子》系列教程。 沒有 webpack、沒有 babel、沒有 SCSS、沒有 require、沒有 npm，並且沒有分號！！！ 使用最新 JS 語法編寫 全部...

開源一個 Vue.js + Node.js 的後臺管理系統 - 前端 - 掘金
Vue Management System ...

使用 Vue.js 和 Chart.js 製做絢麗多彩的圖表 - 掘金
本文做者：Jakub Juszczak 編譯：鬍子大哈 翻譯原文：http://huziketang.com/blog/po... 英文鏈接：Creating stunning ...

前端面試--四月二十家前端面試題分享 - 掘金
0.前言 免責聲明 若文章中內容存在沒法加載的狀況，請移步做者其餘博客。 簡書 CSDN 關於本文中出現的面試題，請勿詢問具體公司。 之因此分享出來，只是做爲熱愛前端的小夥伴們分享討論的一個話題。 請勿將本文用於不正當用途。 請不要吐槽我爲何不給你...

平時寫react 小技巧，不錯喲~ - 掘金
Github: https://github.com/asd0102433...喜歡文章的朋友star 支持一下，長期更新...毫不偷懶 Stateless function 無狀態組件 平時寫組件用到比較多的就是無狀態組件，不但優雅，也是優化reac...

anime.js 簡單入門教程 - 前端 - 掘金
anime.js是一個強大的用來製做動畫的javascript庫，雖然功能沒有GASP（greensock）強大，但勝在它足夠輕便，gzip壓縮完只有9kb左右，麻雀雖小，卻五臟俱全。 下面就來看看如何使用anime.js來編寫動畫效果。 先在...

瀏覽器緩存機制剖析 - 掘金
緩存一直是前端優化的主戰場, 利用好緩存就成功了一半. 本篇從http請求和響應的頭域入手, 讓你對瀏覽器緩存有個總體的概念. 最終你會發現強緩存, 協商緩存 和 啓發式緩存是如此的簡單. 導讀 我不知道拖延症是有多嚴重, 反正去年3月開的題, 直到今年4月才...

JavaScript 是如何面向對象的 - 前端 - 掘金
1、引言 在16年的10月份，在校內雙選會找前端實習的時候，hr問了一個問題：JavaScript的面向對象理解嗎？我張口就說「JavaScript是基於原型的！」。而後就沒什麼好說的了，...

5 個技巧避免沒必要要的瀏覽器兼容性問題 - 掘金
本文做者：John Howard 編譯：鬍子大哈 翻譯原文：http://huziketang.com/blog/po... 英文鏈接：5 Tricks to Avoid Cro...

那些年，那些跨域問題 - 掘金
瀏覽器在請求不一樣域的資源時，會由於同源策略的影響請求不成功，這就是一般被提到的「跨域問題」。做爲前端開發，解決跨域問題應該是一個被熟練掌握的技能。而隨着技術不斷的更迭，針對跨域問題的解決也衍生出了多種解決方案。咱們一般會根據項目的不一樣須要，而採起不一樣的方式。這...

美團點評前端無痕埋點實踐 - 前端 - 掘金
構建一個數據平臺，大致上包括數據採集、數據上報、數據存儲、數據計算以及數據可視化展現等幾個重要的環節。其中，數據採集與上報是整個流程中重要的一環，只有確保前端數據生產的全面、準確、及時，最終產生的數據結果纔是可靠的、有價值的。 爲了解決前端埋點的準確性、及時性...

正則表達式前端使用手冊 - 前端 - 掘金
導讀 你有沒有在搜索文本的時候絞盡腦汁, 試了一個又一個表達式, 仍是不行. 你有沒有在表單驗證的時候, 只是作作樣子(只要不爲空就好), 而後燒香拜佛, 虔誠祈禱, 千萬不要出錯. 你有沒有在使用sed 和 grep 命令的時候, 感...

前端 PS 切圖方法，圖文詳細 - 掘金
寫在前面：本文主要內容是目前我所知道的切圖技巧結合網上的資料，寫出來分享一波。圖文教程，多圖！！ BB：不少人都會說，切圖這個活倒底分給UI仍是分給前端。雖然好的UI會給咱們把圖切好，可是他們切的圖不必定百分之百符合咱們的需求，因此我一直都以爲這是頁面仔必需要...

[【科普文】二維碼的[生成]和[掃碼] - 掘金](https://juejin.im/post/58eb05...
做者：孫輝，美團金融前端團隊成員。15年畢業加入美團，相信技術，更相信技術只是大千世界裏知識的一種，我的博客: https://sunyuhui.com 最近這段時間，團隊在作的業務主要和二維碼相關，在作的過程當中，發現不論是本身仍是團隊裏其餘同窗，都對二維碼...

前端真機調試的各類姿式 - 前端 - 掘金作過H5必定都會爲兼容各類手機而苦惱過，本身手機上完美復原設計稿，一到別的手機就漏洞百出，各類問題。而後拿到問題手機，定位問題（黑人問號臉），真機怎麼定位？下面小結下4種真機調試的方式以及優缺點。 1.chrome + android...