性能優化

一個開源的前端錯誤收集工具 frontend-tracker，你值得收藏~

蒲公英團隊最近開發了一款前端錯誤收集工具，名叫 frontend-tracker ，這款工具主要是在前端網頁出現錯誤時能發現並將錯誤信息反饋到指定服務器上，本着開源精神，如今分享給你們，但願能幫助你們在工做中獲取便利，歡迎你們使用交流並分享給你周圍的小夥伴們。
Frontend…

如何更加科學地提升文本可讀性

在平常的 UI 設計工做中，文本做爲最重要的信息載體之一，其可否被用戶清晰識別顯得尤其重要。新手設計師在選擇字體顏色時每每找不到依據、不夠自信。本文旨在分析目前在這方面比較科學的作法，剖其原因，但願可以拋磚引玉，給你們帶來新的思路與思考。

ES6中異步編程的大殺器 -- Generotor 函數

對 ES6 中 Generotor 函數的一些 經常使用用法進行的 總結 概括

『翻譯』一些JavaScript優化的細節

Read the original 前言 優化客戶端JavaScript代碼經常是不值得的，由於這會失去代碼可讀性。若是你的APP運行緩慢，你能夠考慮是否能優化請求，減小對DOM的操做，儘可能少的操local storage，或者犧牲其它的來換取性能。幾乎沒有足夠的數據認爲客戶端…

Alloy前端週刊 2017.07.31

Node 技術的出現使許多前端開發人員也能夠編寫後端程序，今天跟你們一塊兒學習一下 Nodejs 吧

前端開發面試時你須要瞭解的 10 個JavaScript概念

除了應付前端開發崗位的面試，在實際工做和使用 JavaScript 的過程當中，你跟應該掌握這些基本的概念。有不少人學習 JavaScript 和 Web 開發，而且但願找到一份工做。一般，自學會令人們對 JavaScript 語言自己的理解在知識

[[譯] RxJS Observable 與 Promises 和 Async-Await 交互](https://juejin.im/entry/59a7f...

原文連接: https://medium.com/@benlesh/r... 本文爲 RxJS 中文社區 翻譯文章，如需轉載，請註明出處，謝謝合做！ 若是…

[我寫了個掘金小冊：Git 原理詳解和實用指南 [內有限量優惠碼]](https://juejin.im/entry/5a1fb...

最近開啓了一波瘋狂模式，和掘金合做，花一個月的時間，無休息日、每天加班地寫了一本掘金小冊。這本小冊的名字是：Git 原理詳解和使用指南。這本小冊簡單來講，是一本幫助那些始終學不會、學很差 Git 的人真正一次性學會 Git 的小體積電子書。 也就是說，這不只是一個 Git 入門…

【譯】JavaScript 如何工做的: 事件循環和異步編程的崛起 + 5 個關於如何使用 async/await 編寫更好的技巧

歡迎來到旨在探索 JavaScript 以及它的核心元素的系列文章的第四篇。在認識、描述這些核心元素的過程當中，咱們也會分享一些當咱們構建 SessionStack 的時候遵照的一些經驗規則，一個 JavaScript 應用應該保持健壯和高性能來維持競爭力。 此次咱們將展開第一篇…

h5視頻播放解決方案

pc上的video是天使，移動端的video很調皮

翻譯連載 | 第 11 章：融會貫通 －《JavaScript輕量級函數式編程》 |《你不知道的JS》姊妹篇

如今你已經掌握了全部須要掌握的關於 JavaScript 輕量級函數式編程的內容。下面不會再引入新的概念。 本章主要目標是概念的融會貫通。經過研究代碼片斷，咱們將本書中大部分主要概念聯繫起來並學以至用。 建議進行大量深刻的練習來熟悉這些技巧，由於理解本章內容對於未來你在實際編程…

前端測試框架 Jest

做者介紹：林列歡，美團點評點餐團隊成員。 前端測試工具一覽前端測試工具也和前端的框架同樣紛繁複雜，其中常見的測試工具，大體可分爲測試框架、斷言庫、測試覆蓋率工具等幾類。在正式開始本文以前，咱們先來大體瞭解下它們：測試框架測試框架的做用是提供一些方便的語法來描述測試用例，以及對用例…

好用的前端API備忘錄

記住全部API幾乎是不可能的，這時候你須要一份備忘錄！下面是我收集的最棒的前端備忘錄。

【譯】避免這些常見的JavaScript錯誤

原文：Avoid These Common JavaScript Mistakes 做者：JP Sio 在今天，JavaScript是最流行的編程語言之一，若是你但願鑽研JavaScript，這裏有幾個須要避免的問題 1.使用==而不是=== 在剛開始學習JavaScript時…

Vue 脫坑記 - 查漏補缺(彙總下羣裏高頻詢問的xxx及給出不靠譜的解決方案)

對於以上三類人,走吧,這裏不是你來裝逼的地方. 大家也不值得看老子花那麼多時間去彙總的水文. 學習一些新東西.如果有人給彙總那麼多問題(指明方向和必定的解決法子). 這種狀況通常報錯信息能夠看到是哪一個包拋出的信息. 通常卸載這個模塊,安裝從新安裝下便可. 官方解釋以下: dat…

若是有人問你爬蟲抓取技術的門道，請叫他來看這篇文章

web是一個開放的平臺，這也奠基了web從90年代初誕生直至今日將近30年來蓬勃的發展。然而，正所謂成也蕭何敗也蕭何，開放的特型、搜索引擎以及簡單易學的html、css技術使得web成爲了互聯網領域裏最爲流行和成熟的信息傳播媒介；但現在做爲商業化軟件，web這個平臺上的內容信息…

co 源碼精讀

co 是著名的 TJ 於 2013 年推出的一個利用 ES6 的 Generator 函數來解決異步操做的開源項目，其代碼只有寥寥數百行，十分適合閱讀與學習。

Webpack3.0小案例躺坑css處理與ES6編譯

css的編譯與加載，基於style-loader、css-loader、postcss-loader、autoprefixer以及css預處理(以less爲例)。 ES6的編譯與加載，babel-preset-env代替babel-preset-2015。 css與js靜態資源…

不再學AJAX了！（二）使用AJAX

在上一篇文章中咱們知道，AJAX是一系列技術的統稱。在本篇中咱們將更進一步，詳細解釋如何使用Ajax技術在項目中獲取數據。而爲了解釋清楚，咱們首先要搞清楚咱們是從哪裏獲取數據的，其次咱們關注的纔是獲取數據的具體方式。 咱們知道AJAX用來在項目中以阻止頁面刷新的方式獲取數據，那…

JavaScript優化模式

這個帖子是我博客上一系列帖子的開始，在這個第一部分裏，我要強調一下具體的執行環境對JavaScript代碼的性能會有多大的影響。

HTTP｜GET 和 POST 區別？網上多數答案都是錯的！

HTTP｜GET 和 POST 區別？網上多數答案都是錯的！

Chrome 63 Beta新特性介紹

動態模塊導入、異步迭代器和生成器、Device Memory API 和權限界面更改

React源碼分析和內部流程展現（包括fiber版本）

一份很好的學習React內部源碼的資料，主要講解React代碼庫的核心代碼（60%），內附詳細清晰的流程圖輔助讀者瞭解其中原理。
有興趣和時間的同窗能夠嘗試翻譯成中文 :)

JavaScript 工程項目的一系列最佳實踐策略

每當開發一個新項目，就像在田裏打滾，對其餘人來講維護這樣一個項目簡直就是一個潛在的噩夢。如下內容是大多數JavaScript項目中發現，撰寫和收集的最佳實踐列表