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

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

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

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

React全家桶寫一個CNode社區(qū)，奉上心得與源碼 - 掘金
webpack2+react+react-router+react-redux+ES6+antd-mobile版本的Cnode 苦于我就職的公司的技術(shù)棧還是ES5+jQ+handelbars， 而我一直對React全家桶非常感興趣，所以想自己來個強行實戰(zhàn)...

Web 推送技術(shù) - 掘金
騰訊云技術(shù)社區(qū)-掘金主頁持續(xù)為大家呈現(xiàn)云計算技術(shù)文章，歡迎大家關(guān)注！ 作者：villainthr 摘自 前端小吉米 伴隨著今年 Google I/O 大會的召開，一個很火的概念--Progressive Web Apps 誕生了。這代表著我們 web 端...

通俗大白話來理解 TCP 協(xié)議的三次握手和四次分手 - 前端 - 掘金
最近在惡補計算機網(wǎng)絡(luò)方面的知識，之前對于TCP的三次握手和四次分手也是模模糊糊，對于其中的細(xì)節(jié)更是渾然不知，最近看了很多這方面的知識，也在系統(tǒng)的學(xué)習(xí)計算機網(wǎng)絡(luò)，加深自己的CS功底，就把看過的一些比較好的東西和自己的一些理解二次加工組織一下然后交流分享，一起學(xué)習(xí)...

你真的會寫循環(huán)嗎--8種遍歷方法執(zhí)行速度深度°對比 - 掘金
關(guān)于數(shù)組或?qū)ο蟊闅v，相信很多人都沒有深入觀察過執(zhí)行效率。這是一個曾在群里吵翻天的話題，讀懂后你將成為遍歷效率話題的大師。 關(guān)于 我的博客：louis blog SF專欄：路易斯前端深度課 原文鏈接：詳解JS遍歷 導(dǎo)讀 遍歷數(shù)組或?qū)ο笫且幻绦騿T的基本素養(yǎng)之...

16種方法實現(xiàn)水平居中垂直居中 - 掘金
熟悉水平居中和垂直居中的方法, 不為別的, 就為用的時候能夠信手拈來. 下面直接步入正題.原文：16種方法實現(xiàn)水平居中垂直居中 水平居中 1) 若是行內(nèi)元素, 給其父元素設(shè)置 text-align:center,即可實現(xiàn)行內(nèi)元素水平居中. 2) 若是塊級元素,...

一個可拖拽，移動，自由組合子控件的視圖控件，讓開發(fā)更簡單 - 掘金
今天給大家推薦一個自由拖拽，自由組合的控件，這個控件是我自定義寫的。通過它，我們可以自由拖拽，自由組合實現(xiàn)一個界面，滿足一個用戶自由組合界面的需求。這里不是通過自由拖拽控件，來快速開發(fā)一個界面，而且更人性化的讓用戶去自由組合一個界面。 前言 最近有一個項目，有...

使用 JScompress Mobile Debug 調(diào)試手機端網(wǎng)頁 - 前端 - 掘金
使用JScompress Mobile Debug調(diào)試手機端網(wǎng)頁 移動端H5正在普及、爆發(fā)，但受困于尺寸等因素手機瀏覽器是沒有開發(fā)者工具的，所以調(diào)試手機網(wǎng)頁是非常麻煩。使用?JScompress 的手機調(diào)試功能可以像調(diào)試桌面端那樣調(diào)試手機頁面...

自適應(yīng) Tab 寬度可以滑動文字逐漸變色的 TabLayout - Android - 掘金
轉(zhuǎn)載請標(biāo)明出處： http://www.weyye.me/detail/co...本文出自:【W(wǎng)ey Ye的博客】 前言 Tab...

關(guān)于 CSS 的零碎知識點 - 掘金
寫在前面： 這篇文章是本人學(xué)習(xí)過程中遇到css的零碎知識點2（就是以前自己不知道的），我都記下來了，需要的朋友可以過來參考下，喜歡的可以點個贊，希望對大家有所幫助。本文的受眾是前端小白，大手子可以跳過。 1.scss編譯css文件使用中文注釋出現(xiàn)亂碼： 在文...

笨辦法學(xué)前端 - 掘金
最近在教任務(wù)班的學(xué)生造輪子。我想干脆把源代碼開源出來，讓自學(xué)的同學(xué)也看一看吧。于是就有了《笨辦法造輪子》系列教程。 沒有 webpack、沒有 babel、沒有 SCSS、沒有 require、沒有 npm，而且沒有分號?。。?使用最新 JS 語法編寫 所有...

開源一個 Vue.js + Node.js 的后臺管理系統(tǒng) - 前端 - 掘金
Vue Management System ...

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

前端面試--四月二十家前端面試題分享 - 掘金
0.前言 免責(zé)聲明 若文章中內(nèi)容存在無法加載的情況，請移步作者其他博客。 簡書 CSDN 關(guān)于本文中出現(xiàn)的面試題，請勿詢問具體公司。 之所以分享出來，只是作為熱愛前端的小伙伴們分享討論的一個話題。 請勿將本文用于不正當(dāng)用途。 請不要吐槽我為什么不給你...

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

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

瀏覽器緩存機制剖析 - 掘金
緩存一直是前端優(yōu)化的主戰(zhàn)場, 利用好緩存就成功了一半. 本篇從http請求和響應(yīng)的頭域入手, 讓你對瀏覽器緩存有個整體的概念. 最終你會發(fā)現(xiàn)強緩存, 協(xié)商緩存 和 啟發(fā)式緩存是如此的簡單. 導(dǎo)讀 我不知道拖延癥是有多嚴(yán)重, 反正去年3月開的題, 直到今年4月才...

JavaScript 是如何面向?qū)ο蟮?- 前端 - 掘金
一、引言 在16年的10月份，在校內(nèi)雙選會找前端實習(xí)的時候，hr問了一個問題：JavaScript的面向?qū)ο罄斫鈫幔课覐埧诰驼f“JavaScript是基于原型的！”。然后就沒什么好說的了，...

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

那些年，那些跨域問題 - 掘金
瀏覽器在請求不同域的資源時，會因為同源策略的影響請求不成功，這就是通常被提到的“跨域問題”。作為前端開發(fā)，解決跨域問題應(yīng)該是一個被熟練掌握的技能。而隨著技術(shù)不斷的更迭，針對跨域問題的解決也衍生出了多種解決方案。我們通常會根據(jù)項目的不同需要，而采取不同的方式。這...

美團點評前端無痕埋點實踐 - 前端 - 掘金
構(gòu)建一個數(shù)據(jù)平臺，大體上包括數(shù)據(jù)采集、數(shù)據(jù)上報、數(shù)據(jù)存儲、數(shù)據(jù)計算以及數(shù)據(jù)可視化展示等幾個重要的環(huán)節(jié)。其中，數(shù)據(jù)采集與上報是整個流程中重要的一環(huán)，只有確保前端數(shù)據(jù)生產(chǎn)的全面、準(zhǔn)確、及時，最終產(chǎn)生的數(shù)據(jù)結(jié)果才是可靠的、有價值的。 為了解決前端埋點的準(zhǔn)確性、及時性...

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

前端 PS 切圖方法，圖文詳細(xì) - 掘金
寫在前面：本文主要內(nèi)容是目前我所知道的切圖技巧結(jié)合網(wǎng)上的資料，寫出來分享一波。圖文教程，多圖??！ BB：很多人都會說，切圖這個活倒底分給UI還是分給前端。雖然好的UI會給我們把圖切好，但是他們切的圖不一定百分之百符合我們的需求，所以我一直都覺得這是頁面仔必須要...

[【科普文】二維碼的[生成]和[掃碼] - 掘金](https://juejin.im/post/58eb05...
作者：孫輝，美團金融前端團隊成員。15年畢業(yè)加入美團，相信技術(shù)，更相信技術(shù)只是大千世界里知識的一種，個人博客: https://sunyuhui.com 最近這段時間，團隊在做的業(yè)務(wù)主要和二維碼相關(guān)，在做的過程中，發(fā)現(xiàn)不管是自己還是團隊里其他同學(xué)，都對二維碼...

前端真機調(diào)試的各種姿勢 - 前端 - 掘金
做過H5一定都會為兼容各種手機而苦惱過，自己手機上完美復(fù)原設(shè)計稿，一到別的手機就漏洞百出，各種問題。然后拿到問題手機，定位問題（黑人問號臉），真機怎么定位？下面小結(jié)下4種真機調(diào)試的方式以及優(yōu)缺點。 1.chrome + android...