摘要：這美團點評前端無痕埋點實踐前端掘金構建一個數據平臺，大體上包括數據采集數據上報數據存儲數據計算以及數據可視化展示等幾個重要的環節。

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

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

CSS 常見布局解決方案 - 前端 - 掘金
說起css布局，那么一定得聊聊盒模型，清除浮動，position，display什么的，但本篇本不是講這些基礎知識的，而是給出各種布局的解決方案。 水平居中布局 首先我們來看看水平居中 1.margin + 定寬

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 是如何面向對象的 - 前端 - 掘金
一、引言 在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...