摘要：實(shí)現(xiàn)不定期更新技巧前端掘金技巧，偶爾更新。統(tǒng)一播放效果實(shí)現(xiàn)打字效果動(dòng)畫前端掘金前端開源項(xiàng)目周報(bào)前端掘金由出品的前端開源項(xiàng)目周報(bào)第四期來啦。

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

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

(譯) 看動(dòng)畫，學(xué) RxJS - 掘金
原文地址：An Animated Intro to RxJS 原文作者：David Khourshid 譯文出自：掘金翻譯計(jì)劃 譯者： luoyaqifei 校對者：vuuihc，AceLeeWinnie 看動(dòng)畫，學(xué) RxJS 你以前可能聽過 RxJS、R...

Electron 深度實(shí)踐總結(jié) - 前端 - 掘金
思維導(dǎo)圖 前言: Electron 從最初發(fā)布到現(xiàn)在已經(jīng)維護(hù)很長一段時(shí)間了，但是去年才開始慢慢升溫。筆者個(gè)人恰好也有一些 Elect...

寫一本關(guān)于 React.js 的小書 - 掘金
React.js 小書 本文作者：胡子大哈本文原文：React.js 小書 轉(zhuǎn)載請注明出處，保留原文鏈接以及作者信息 在線閱讀：http://huziketang.com/books/r... 簡介 這是一本關(guān)于 React.js 的小書。 因?yàn)楣?..

React socket.io express 開發(fā)一個(gè)聊天室 - 前端 - 掘金
對于一直使用jQuery和zepto的我來說，React的確是一種新鮮的存在，數(shù)據(jù)和元素綁定讓數(shù)據(jù)操作著實(shí)變得簡單了許多，虛擬DOM也讓jQuery繁瑣的DOM操作提升了不少性能，因此也堅(jiān)定了我轉(zhuǎn)向React的決心。 從前的實(shí)時(shí)刷新頁面從來都是長連接或者輪詢，...

用 Javascript 實(shí)現(xiàn)冒泡排序 快速排序算法 - 前端 - 掘金
模擬數(shù)組 介紹 在學(xué)習(xí)算法之前，我們事先定義好一個(gè)測試用的數(shù)組并添加了一些常規(guī)數(shù)組操作的函數(shù)。插入數(shù)組數(shù)據(jù)，刪除數(shù)組數(shù)據(jù)，顯示數(shù)組數(shù)據(jù)，交換數(shù)組元素等等。 實(shí)現(xiàn)...

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

起點(diǎn)中文網(wǎng) 3D 書封之最佳實(shí)踐 - 前端 - 掘金
原創(chuàng)聲明 本文為閱文體驗(yàn)設(shè)計(jì) YUX 成員出品，請尊重原創(chuàng)，轉(zhuǎn)載請聯(lián)系閱文體驗(yàn)設(shè)計(jì)微信公眾號 ( id: YUX_design?) 獲取授權(quán)，并注明作者、出處和鏈接。 前言 官網(wǎng)，一個(gè)作為網(wǎng)站第一入口的頁面。直接影響著用戶進(jìn)入站點(diǎn)的第...

H5 項(xiàng)目常見問題匯總及解決方案 - 前端 - 掘金
轉(zhuǎn)自?https://github.com/FrontEndZQ... H5項(xiàng)目常見問題及注意事項(xiàng) Meta基礎(chǔ)知識： H5頁面窗口自動(dòng)調(diào)整到設(shè)備寬度，并禁止用戶縮放頁面 //一、HTML頁面結(jié)構(gòu)...

[[17年跨領(lǐng)域?qū)W習(xí)]從 WKWebview 再談混合開發(fā) | 掘金技術(shù)征文 - 掘金](https://juejin.im/post/5895f4...
作者：滴滴公共前端團(tuán)隊(duì) - 小春前言： 首先祝福各位同學(xué)新年快樂，17 年我們在大前端領(lǐng)域討論點(diǎn)什么呢？ 這個(gè)問題我相信很多公司的前端負(fù)責(zé)人都會思考。這里不作預(yù)言，只是帶著前端同學(xué)們實(shí)實(shí)在在地一起再來深入地看看混合開發(fā)。 之前我們會強(qiáng)調(diào)前后端...

2016 年 JavaScript 領(lǐng)域中最受歡迎的 “明星” 們 - 前端 - 掘金
JavaScript社區(qū)的發(fā)展正如盛壯之時(shí)的騏驥，—日而馳千里，趨勢如長江后浪推前浪。 2016年已經(jīng)過去，2017的工作已經(jīng)開啟，你是否會擔(dān)心錯(cuò)過一些重要的東西？無須擔(dān)心， JS.ORG不久前分享了一篇博文： https://risingstars2...

一點(diǎn)都不高大上，手把手教你使用 Travis CI 實(shí)現(xiàn)持續(xù)部署 - 前端 - 掘金
持續(xù)集成、持續(xù)交付、持續(xù)部署。聽起來就像是在大型軟件工程，高端開發(fā)項(xiàng)目組里才會應(yīng)用到的概念。其實(shí)不然，通過運(yùn)用一些開源免費(fèi)的工具和平臺，不管是你的個(gè)人博客還是side-projects都能夠享受到開發(fā)任務(wù)自動(dòng)化的便利。 這次我們的教程主要會分為以下幾步...

知乎網(wǎng)頁上屏幕截圖功能的實(shí)現(xiàn) - 前端 - 掘金

背景 最近注意到知乎的屏幕截圖反饋功能，感覺非常不錯(cuò)。也不知道什么時(shí)候開始增加的這個(gè)功能： 簡單說明一下： 點(diǎn)擊知乎頁面右下角的反饋按鈕，彈出反饋彈窗 窗口中會顯示當(dāng)前頁面的截圖，并且可以在上面...

談?wù)劽嬖嚺c面試題 - 前端 - 掘金
起因，某日電話面試之后滿心郁悶的我發(fā)了兩條微博： 面試的時(shí)候問個(gè)css的position屬性能刷掉一半的人這是啥情況…… 其實(shí)這問題我本來打算的是可以順著一路扯到normal flow、containing block、bfc、margin ...

Awesome_API - 國內(nèi)開發(fā)常用 API 合集 - 工具資源 - 掘金
中文版請戳這里 If you think this project is helpful, please star it. ...

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

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

2016我的心路歷程：從 Vue 到 Webpack 到 iView | 掘金技術(shù)征文 - 掘金
2016年工作中做過最自豪的兩件事情： 把 Vue.js 和 Webpack 技術(shù)棧引進(jìn)公司并逐步成為前端規(guī)范； 開源 iView 項(xiàng)目。 初識 Vue 第一次接觸 使用 Vue.js 已經(jīng)有一年半時(shí)間了，在接觸 Vue 之前，有寫過半年多的 Angul...

一個(gè)微信面試題引發(fā)的血案 --(譯) 什么阻塞了 DOM？ - 掘金
譯者注：昨天一篇工作僅一年的前端工程師面試幾個(gè)大廠的文章 （1月前端面試記） 在掘金火爆起來。一方面大家覺得作者太厲害了，工作近一年，能力竟然這么強(qiáng)（大叔我表示慚愧），另一方面幾個(gè)微信面試題引起很多討論。其中我比較感興趣的一個(gè)題目是關(guān)于JavaScript和C...

視頻 H5 の Video 標(biāo)簽在微信里的坑和技巧 - 前端 - 掘金
隨著 4G 的普遍以及 WiFi 的廣泛使用，手機(jī)上的網(wǎng)速已經(jīng)足夠穩(wěn)定和高速，以視頻為主的 HTML5 也越來越普遍了，相比幀動(dòng)畫，視頻的表現(xiàn)更加豐富，前段時(shí)間開發(fā)了一個(gè)以視頻為主的移動(dòng)端 HTML5，在這里介紹一些實(shí)踐經(jīng)驗(yàn)。 統(tǒng)一播放效果 ...

iTyped.js - 實(shí)現(xiàn)打字效果動(dòng)畫 - 前端 - 掘金
Dead simple Animated typing, with no dependencies. iTyped Website ? Enter in any string, and watch it type at the speed yo...

[前端開源項(xiàng)目周報(bào) 0103

前端 - 掘金](https://juejin.im/entry/586c4...
由OpenDigg?出品的前端開源項(xiàng)目周報(bào)第四期來啦。我們的前端開源周報(bào)集合了OpenDigg一周來新收錄的優(yōu)質(zhì)的前端開發(fā)方面的開源項(xiàng)目，方便前端開發(fā)人員便捷的找到自己需要的項(xiàng)目工具等。 ndm npm桌面管理...

flow的使用 | 掘金技術(shù)征文 - 掘金
作者：滴滴公共前端團(tuán)隊(duì) - J 前言： 很多人都開始一上來就應(yīng)用到了 Vue.js 2.*，但并不是所有人都會發(fā)覺 Flow 的存在，其實(shí)熟悉 react 源碼的應(yīng)該不會陌生。所以呢，今天我們來普及一下這個(gè)東西到底對我們的工程成本有什么收益呢？它和 Babe...

關(guān)于 webpack 你可能忽略的細(xì)節(jié)（附源碼分析）| 掘金技術(shù)征文 - 掘金
注：本篇不是入門教程，入門請直接查看官方文檔。本篇的主要目標(biāo)是通過實(shí)際問題來介紹 webpack 中容易被人忽略的細(xì)節(jié), 以及源碼分析(以最新發(fā)布的 release 版本1.14.0的源碼為例), 并且提供幾種解決方案。 webpack from the o...

用React、Redux、Immutable做俄羅斯方塊 | 掘金技術(shù)征文 - 掘金
俄羅斯方塊是一直各類程序語言熱衷實(shí)現(xiàn)的經(jīng)典游戲，JavsScript的實(shí)現(xiàn)版本也有很多，用React 做好俄羅斯方塊則成了我一個(gè)目標(biāo)。 戳：https://chvin.github.io/react... 玩一玩！開源地址：https://githu...

全棧工程師培訓(xùn)材料 - 阮一峰 - 前端 - 掘金
第一講：前端開發(fā)的歷史和趨勢 前端開發(fā)的歷史演變 前端MVC框架的興起 前后端分離 全棧工程師 前端開發(fā)的未來 第二講：React 技術(shù)棧 React 的基本用法 React 應(yīng)用的架構(gòu) 第三講：Node 應(yīng)用開發(fā) Node 的基本用法 R...