前端閱讀 - 收藏集 - 掘金

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

Chrome DevTools：在 Profile 性能分析中顯示原生 javascript 函數 - 掘金
本文翻譯自 Chrome DevTools: Show native functions in JS Profile，中文版首發在個人知乎專欄 V8 源碼及周邊。 在 Chrome DevTools 中可使用 profiler 查看原生函數的執行性能： 原...

(譯) 看動畫，學 RxJS - 掘金
原文地址：An Animated Intro to RxJS 原文做者：David Khourshid 譯文出自：掘金翻譯計劃 譯者： luoyaqifei 校對者：vuuihc，AceLeeWinnie 看動畫，學 RxJS 你之前可能聽過 RxJS、R...

Electron 深度實踐總結 - 前端 - 掘金
思惟導圖 前言: Electron 從最初發布到如今已經維護很長一段時間了，可是去年纔開始慢慢升溫。筆者我的剛好也有一些 Elect...

寫一本關於 React.js 的小書 - 掘金
React.js 小書 本文做者：鬍子大哈本文原文：React.js 小書 轉載請註明出處，保留原文連接以及做者信息 在線閱讀：http://huziketang.com/books/r... 簡介 這是一本關於 React.js 的小書。 由於工...

React socket.io express 開發一個聊天室 - 前端 - 掘金
對於一直使用jQuery和zepto的我來講，React的確是一種新鮮的存在，數據和元素綁定讓數據操做着實變得簡單了許多，虛擬DOM也讓jQuery繁瑣的DOM操做提高了很多性能，所以也堅決了我轉向React的決心。 從前的實時刷新頁面歷來都是長鏈接或者輪詢，...

用 Javascript 實現冒泡排序 快速排序算法 - 前端 - 掘金
模擬數組 介紹 在學習算法以前，咱們事先定義好一個測試用的數組並添加了一些常規數組操做的函數。插入數組數據，刪除數組數據，顯示數組數據，交換數組元素等等。 實現...

不按期更新 JavaScript 技巧 - 前端 - 掘金
 JavaScript技巧，偶爾更新。 計算數組的極值 function smallest(array){ return Math.min.apply...

起點中文網 3D 書封之最佳實踐 - 前端 - 掘金
原創聲明 本文爲閱文體驗設計 YUX 成員出品，請尊重原創，轉載請聯繫閱文體驗設計微信公衆號 ( id: YUX_design ) 獲取受權，並註明做者、出處和連接。 前言 官網，一個做爲網站第一入口的頁面。直接影響着用戶進入站點的第...

H5 項目常見問題彙總及解決方案 - 前端 - 掘金
轉自 https://github.com/FrontEndZQ... H5項目常見問題及注意事項 Meta基礎知識： H5頁面窗口自動調整到設備寬度，並禁止用戶縮放頁面 //1、HTML頁面結構...

[[17年跨領域學習]從 WKWebview 再談混合開發 | 掘金技術徵文 - 掘金](https://juejin.im/post/5895f4...
做者：滴滴公共前端團隊 - 小春前言： 首先祝福各位同窗新年快樂，17 年咱們在大前端領域討論點什麼呢？ 這個問題我相信不少公司的前端負責人都會思考。這裏不做預言，只是帶着前端同窗們實實在在地一塊兒再來深刻地看看混合開發。 以前咱們會強調先後端...

2016 年 JavaScript 領域中最受歡迎的 「明星」 們 - 前端 - 掘金
JavaScript社區的發展正如盛壯之時的騏驥，—日而馳千里，趨勢如長江後浪推前浪。 2016年已通過去，2017的工做已經開啓，你是否會擔憂錯過一些重要的東西？無須擔憂， JS.ORG不久前分享了一篇博文： https://risingstars2...

一點都不高大上，手把手教你使用 Travis CI 實現持續部署 - 前端 - 掘金
持續集成、持續交付、持續部署。聽起來就像是在大型軟件工程，高端開發項目組裏纔會應用到的概念。其實否則，經過運用一些開源免費的工具和平臺，無論是你的我的博客仍是side-projects都可以享受到開發任務自動化的便利。 此次咱們的教程主要會分爲如下幾步...

知乎網頁上屏幕截圖功能的實現 - 前端 - 掘金

1. 背景 最近注意到知乎的屏幕截圖反饋功能，感受很是不錯。也不知道何時開始增長的這個功能： 簡單說明一下： 點擊知乎頁面右下角的反饋按鈕，彈出反饋彈窗 窗口中會顯示當前頁面的截圖，而且能夠在上面...

談談面試與面試題 - 前端 - 掘金
原由，某日電話面試以後滿心鬱悶的我發了兩條微博： 面試的時候問個css的position屬性能刷掉一半的人這是啥狀況…… 其實這問題我原本打算的是能夠順着一路扯到normal flow、containing block、bfc、margin ...

Awesome_API - 國內開發經常使用 API 合集 - 工具資源 - 掘金
中文版請戳這裏 If you think this project is helpful, please star it. ...

Tips-移動端滑動固頂效果(position: sticky) - 掘金
先放個圖看看滑動固頂是啥效果： 中間那個 tab 條，日常的時候是固定的，等到頁面滑上去的時候，又像 fixed 同樣貼在頂部。position: sticky 就是用來實現這個效果的，元素不脫離文檔流，仍然保留高度，因此這個屬性真是人畜無害啊，並且效果如絲...

JavaScript 中的 call、apply、bind 深刻理解 - 前端 - 掘金
1、函數的三種角色 首先要先了解在函數自己會有一些本身的屬性，好比： length：形參的個數； ...

2016個人心路歷程：從 Vue 到 Webpack 到 iView | 掘金技術徵文 - 掘金
2016年工做中作過最自豪的兩件事情： 把 Vue.js 和 Webpack 技術棧引進公司並逐步成爲前端規範； 開源 iView 項目。 初識 Vue 第一次接觸 使用 Vue.js 已經有一年半時間了，在接觸 Vue 以前，有寫過半年多的 Angul...

一個微信面試題引起的血案 --(譯) 什麼阻塞了 DOM？ - 掘金
譯者注：昨天一篇工做僅一年的前端工程師面試幾個大廠的文章 （1月前端面試記） 在掘金火爆起來。一方面你們以爲做者太厲害了，工做近一年，能力居然這麼強（大叔我表示慚愧），另外一方面幾個微信面試題引發不少討論。其中我比較感興趣的一個題目是關於JavaScript和C...

視頻 H5 の Video 標籤在微信裏的坑和技巧 - 前端 - 掘金
隨着 4G 的廣泛以及 WiFi 的普遍使用，手機上的網速已經足夠穩定和高速，以視頻爲主的 HTML5 也愈來愈廣泛了，相比幀動畫，視頻的表現更加豐富，前段時間開發了一個以視頻爲主的移動端 HTML5，在這裏介紹一些實踐經驗。 統一播放效果 ...

iTyped.js - 實現打字效果動畫 - 前端 - 掘金
Dead simple Animated typing, with no dependencies. iTyped Website ➞ Enter in any string, and watch it type at the speed yo...

[前端開源項目週報 0103

• 前端 - 掘金](https://juejin.im/entry/586c4...
  由OpenDigg 出品的前端開源項目週報第四期來啦。咱們的前端開源週報集合了OpenDigg一週來新收錄的優質的前端開發方面的開源項目，方便前端開發人員便捷的找到本身須要的項目工具等。 ndm npm桌面管理...

flow的使用 | 掘金技術徵文 - 掘金
做者：滴滴公共前端團隊 - J 前言： 不少人都開始一上來就應用到了 Vue.js 2.*，但並非全部人都會發覺 Flow 的存在，其實熟悉 react 源碼的應該不會陌生。因此呢，今天咱們來普及一下這個東西到底對咱們的工程成本有什麼收益呢？它和 Babe...

關於 webpack 你可能忽略的細節（附源碼分析）| 掘金技術徵文 - 掘金
注：本篇不是入門教程，入門請直接查看官方文檔。本篇的主要目標是經過實際問題來介紹 webpack 中容易被人忽略的細節, 以及源碼分析(以最新發布的 release 版本1.14.0的源碼爲例), 而且提供幾種解決方案。 webpack from the o...

用React、Redux、Immutable作俄羅斯方塊 | 掘金技術徵文 - 掘金
俄羅斯方塊是一直各種程序語言熱衷實現的經典遊戲，JavsScript的實現版本也有不少，用React 作好俄羅斯方塊則成了我一個目標。 戳：https://chvin.github.io/react... 玩一玩！開源地址：https://githu...

全棧工程師培訓材料 - 阮一峯 - 前端 - 掘金第一講：前端開發的歷史和趨勢 前端開發的歷史演變 前端MVC框架的興起 先後端分離 全棧工程師 前端開發的將來 第二講：React 技術棧 React 的基本用法 React 應用的架構 第三講：Node 應用開發 Node 的基本用法 R...