摘要：這美團(tuán)點(diǎn)評(píng)前端無(wú)痕埋點(diǎn)實(shí)踐前端掘金構(gòu)建一個(gè)數(shù)據(jù)平臺(tái)，大體上包括數(shù)據(jù)采集數(shù)據(jù)上報(bào)數(shù)據(jù)存儲(chǔ)數(shù)據(jù)計(jì)算以及數(shù)據(jù)可視化展示等幾個(gè)重要的環(huán)節(jié)。

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

用純客戶(hù)端 JavaScript 來(lái)寫(xiě)一個(gè)的爬蟲(chóng) - 前端 - 掘金
拿JavaScript寫(xiě)爬蟲(chóng)，聽(tīng)起來(lái)貌似有些不靠譜？ 爬蟲(chóng)，大多人對(duì)于爬蟲(chóng)的理解都停留在使用后端語(yǔ)言如Python寫(xiě)的爬蟲(chóng)。但是實(shí)際上，使用客戶(hù)端JavaScript有諸多后端爬蟲(chóng)所無(wú)法擁有的優(yōu)勢(shì)： 可以方便的分享給其他人用，只要對(duì)...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

anime.js 簡(jiǎn)單入門(mén)教程 - 前端 - 掘金
anime.js是一個(gè)強(qiáng)大的用來(lái)制作動(dòng)畫(huà)的javascript庫(kù)，雖然功能沒(méi)有GASP（greensock）強(qiáng)大，但勝在它足夠輕便，gzip壓縮完只有9kb左右，麻雀雖小，卻五臟俱全。 下面就來(lái)看看如何使用anime.js來(lái)編寫(xiě)動(dòng)畫(huà)效果。 先在...

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

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

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

那些年，那些跨域問(wèn)題 - 掘金
瀏覽器在請(qǐng)求不同域的資源時(shí)，會(huì)因?yàn)橥床呗缘挠绊懻?qǐng)求不成功，這就是通常被提到的“跨域問(wèn)題”。作為前端開(kāi)發(fā)，解決跨域問(wèn)題應(yīng)該是一個(gè)被熟練掌握的技能。而隨著技術(shù)不斷的更迭，針對(duì)跨域問(wèn)題的解決也衍生出了多種解決方案。我們通常會(huì)根據(jù)項(xiàng)目的不同需要，而采取不同的方式。這...

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

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

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

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

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