優(yōu)化 - 收藏集 - 掘金

時(shí)間：2023-05-15 11:24:02 | 來源：網(wǎng)站運(yùn)營

時(shí)間：2023-05-15 11:24:02 來源：網(wǎng)站運(yùn)營

優(yōu)化 - 收藏集 - 掘金：漸進(jìn)式加載 - 提高用戶體驗(yàn)度 - Android - 掘金前言: 我們在PC端用瀏覽器看圖片的時(shí)候,經(jīng)常是先看到一張模糊圖,然后再漸漸的變得清晰,這種情況在看漫畫的時(shí)候尤其常見(模糊圖如下),這種效果就叫做漸進(jìn)式加載.漸進(jìn)式加載能夠大大的提升體驗(yàn)感,我們先來了解...



關(guān)于 Android 性能優(yōu)化，該從哪些方面入手？Android設(shè)備作為一種移動(dòng)設(shè)備，無論是內(nèi)存還是CPU的性能都受到了很大的限制，這導(dǎo)致Android程序的性能問題異常突出，對于性能優(yōu)化提出了更高的要求。本篇文章根據(jù)Android開發(fā)中一些有效的性能優(yōu)化方法，貼出一些關(guān)于性能優(yōu)化方面的技術(shù)文章，為Andro...



Android APK 瘦身實(shí)踐現(xiàn)在APK動(dòng)不動(dòng)就是幾十兆，當(dāng)用戶連接到2G和3G網(wǎng)絡(luò)，或者按流量收費(fèi)的設(shè)備是多么的浪費(fèi)，這篇文章介紹了如何對APK進(jìn)行瘦身，幫助更多用戶毫不猶顧忌地下載你們的APP。 以我的個(gè)人APP【 微言 】實(shí)踐，未做任何處理，APK大小 11712 K...



移動(dòng)接口安全規(guī)范 - Android - 掘金接口結(jié)構(gòu) 接口一律采用https , 如: https://api.xxx.cn/version/controller/action 請求參數(shù) ...



人手一本: Android 應(yīng)用優(yōu)化小手冊對我們技術(shù)從業(yè)者而言,很多時(shí)候時(shí)候不是我們不知道怎么做,而是不知道做什么?今天系統(tǒng)的總結(jié)自己關(guān)于如何對Android應(yīng)用進(jìn)行優(yōu)化的一些經(jīng)驗(yàn),共計(jì)八個(gè)維度. ...



那些年，我們一起寫過的 “單例模式”本文來自：“天天P圖攻城獅”公眾號（ttpic_dev） 題記 度娘上對設(shè)計(jì)模式（Design pattern）的定義是：“一套被反復(fù)使用、多數(shù)人知曉的、經(jīng)過分類編目的、代碼設(shè)計(jì)經(jīng)驗(yàn)的總結(jié)。”它由著名的“四人幫”，又稱 GOF （即 Gang...



Android 開發(fā)規(guī)范（updating）安卓開發(fā)規(guī)范(updating) 摘要 前言 AS規(guī)范 命名規(guī)范 ...



Android 開發(fā)時(shí)，那些相見恨晚的工具或網(wǎng)站！本文來我在本站話題Android開發(fā)時(shí)你遇到過什么相見恨晚的工具或網(wǎng)站？下的回答！ 在實(shí)際Android開發(fā)過程確實(shí)會(huì)有很多相見恨晚的工具或網(wǎng)站出現(xiàn)，下面是我自己的一些分享。 1 源碼網(wǎng)站 ...



【知識必備】內(nèi)存泄漏全解析，從此拒絕 ANR，讓 OOM 遠(yuǎn)離你的身邊，跟內(nèi)存泄漏 say byebye一、寫在前面 對于C++來說，內(nèi)存泄漏就是new出來的對象沒有delete，俗稱野指針；而對于java來說，就是new出來的Object放在Heap上無法被GC回收；而這里就把我之前的一篇內(nèi)存泄漏的總結(jié)翻新，做一個(gè)更加全面規(guī)范的講解，希望能幫到各位。 回到...



Android 定時(shí)任務(wù)詳解 - Android - 掘金Android系統(tǒng)下實(shí)現(xiàn)指定時(shí)長后執(zhí)行某任務(wù)或周期性執(zhí)行某項(xiàng)任務(wù)（以下統(tǒng)稱為定時(shí)任務(wù)）通常有以下兩種方式：1，定時(shí)任務(wù)實(shí)現(xiàn)TimerTask，Timer控制定時(shí)任務(wù)的啟動(dòng)，取消。2，通過PendingIntent執(zhí)行定時(shí)任務(wù)，AlarmManager(安卓的鬧...



Android 性能優(yōu)化第（三）篇 ---MAT 比 Menmery Monitor 更強(qiáng)大在Android性能優(yōu)化第（一）篇---基本概念中講了JAVA的四大引用，講了一下GCRoot，第二篇Memory Monitor檢測內(nèi)存泄露僅僅說了Menmery Monitor的使用，這篇博客談一下MAT來尋找內(nèi)存泄露，相對來說，Memory Monito...



高效 Android 開發(fā)者的工具庫這篇文章介紹開發(fā)者如何學(xué)習(xí)提高以構(gòu)建更好的app，我將分享一些自己受益過的教程和資料。 1. 使用Android studio的快捷鍵 1.1 tips 這里是一...



Android 性能優(yōu)化典范 - Android - 掘金摘要：新年伊始，Google發(fā)布了包含16個(gè)短視頻的Android性能優(yōu)化典范專題，詳解Android系統(tǒng)中有關(guān)性能問題的底層工作原理，并介紹了如何通過工具找出性能問題以及提升性能的建議。本文作者對這些問題和建議進(jìn)行了總結(jié)梳理。2015年伊始，Google發(fā)布...



編寫高效的 Android 代碼Effective Java我們都知道，這本書是編寫高效可維護(hù)的java代碼最重要的書籍。雖然Android使用java寫的，但是書里的建議也不一定就完全適用。甚至有些人認(rèn)為大部分建議都不適用于Android開發(fā)。在我看來，由于Android中使用的虛擬機(jī)（D...



Android 內(nèi)存泄漏查找和解決 (長篇)Android內(nèi)存泄漏查找和解決 目錄： ...



【譯】Effective Java for Android編輯推薦：稀土掘金，這是一個(gè)針對技術(shù)開發(fā)者的一個(gè)應(yīng)用，你可以在掘金上獲取最新最優(yōu)質(zhì)的技術(shù)干貨，不僅僅是Android知識、前端、后端以至于產(chǎn)品和設(shè)計(jì)都有涉獵，想成為全棧工程師的朋友不要錯(cuò)過！ 原文：https://medium.com/rocknnu...



常見內(nèi)存泄漏場景以及解決辦法 - Android - 掘金實(shí)例化 對象是類的一個(gè)實(shí)例，創(chuàng)建對象的過程也叫類的實(shí)例化。對象是以類為模板來創(chuàng)建的。比如Car car = new Car();，我們就創(chuàng)造了一個(gè)Car的實(shí)例（Create new class i...



LeakCanary 直面項(xiàng)目中的內(nèi)存泄露轉(zhuǎn)載請標(biāo)明出處：LeakCanary直面項(xiàng)目中的內(nèi)存泄露 - donkor_的博客 - 博客頻道 - CSDN.NET 前言： ...



Android 中的 HashMap,ArrayMap 和 SparseArrayAndroid開發(fā)者都知道Lint在我們使用HashMap的時(shí)候會(huì)給出警告——使用SparseArray會(huì)優(yōu)化內(nèi)存。這可是一件好事情。那現(xiàn)在我們有幾個(gè)類要學(xué)習(xí)去使用。比如:ArrayMap和SimpleArrayMap，當(dāng)然還有各種類型的SparseArray...



使用 ArrayMap And SparseArray 來優(yōu)化你的 Android 應(yīng)用這篇文章將說明為什么使用 ArrayMap 和 SparseArray 優(yōu)化你的 Android 應(yīng)用。 每當(dāng)你需要存儲(chǔ) key ->value 鍵值對數(shù)據(jù)時(shí),第一個(gè)的想到的數(shù)據(jù)結(jié)構(gòu)應(yīng)該就是 HashMap .它是非常靈活的,我們...



攜程移動(dòng)端 UI 界面性能優(yōu)化實(shí)踐作者簡介： 南志文，攜程研發(fā)經(jīng)理，曾負(fù)責(zé)App整體技術(shù)框架的架構(gòu)研發(fā)與實(shí)踐，現(xiàn)負(fù)責(zé)酒店業(yè)務(wù)的迭代更新及App架構(gòu)、性能優(yōu)化。曾先后就職于阿里巴巴、巨人網(wǎng)絡(luò)。 導(dǎo)讀： 在《程序員》雜志 10 月刊，作者發(fā)表了《攜程移動(dòng)端架構(gòu)演進(jìn)與優(yōu)化之路》文章第...



Android源碼分析--ArrayMap優(yōu)化 - 掘金以下鏈接是我這個(gè)系列的相關(guān)文章，有興趣可以參考一下，可以給個(gè)喜歡或者關(guān)注我的文章。[Android]如何做一個(gè)崩潰率少于千分之三噶應(yīng)用app--章節(jié)列表如果有看關(guān)注過我ModuleMap里面的源碼，你會(huì)發(fā)現(xiàn)我從將里面的HashMap的數(shù)據(jù)結(jié)構(gòu)，換成了Array...



Android 性能優(yōu)化 - 過度繪制解決方案轉(zhuǎn)載請注明出處：Android性能優(yōu)化-過度繪制解決方案 - 良秋的專欄 - 博客頻道 - CSDN.NET 過度繪制...



從一段奇怪代碼開始說 - Android - 掘金看Fresco的代碼中，有這樣的一個(gè)類： /** ...



Android 性能優(yōu)化 - Render 篇前言 本篇文章是udacity上的Android Performace系列視頻-Render篇的課程紀(jì)要。 這個(gè)系列是視頻是Google和udacity合作推出的視頻，在Google的Android Performace Pattern系列視...



Android全套動(dòng)畫使用技巧 - 掘金我的開源社區(qū)博客同步發(fā)布更新：Android全套動(dòng)畫使用技巧一、Android View 動(dòng)畫框架 Animation框架定義了透明度、旋轉(zhuǎn)、縮放和位移幾種常見的動(dòng)畫，控制的整個(gè)View，實(shí)現(xiàn)原理是每次繪制視圖時(shí)View所在ViewGroup中的dra...



Android 圖片壓縮框架 - Tiny目的 為了簡化對圖片壓縮的調(diào)用，提供最簡潔與合理的api壓縮邏輯，對于壓縮為Bitmap根據(jù)屏幕分辨率動(dòng)態(tài)適配最佳大小，對于壓縮為File優(yōu)化底層libjpeg的壓縮，整個(gè)圖片壓縮過程全在壓縮線程池中異步壓縮，結(jié)束后分發(fā)回UI線程。 支持的壓縮類型 ...



設(shè)置合適的 gradle 內(nèi)存大小加快構(gòu)建原文地址： https://medium.com/@skaliakoudas/decreasing-build-times-by-decreasing-gradle-memory-requirements-7fcafc6d9...



使用 Retrofit 和 Okhttp 實(shí)現(xiàn)網(wǎng)絡(luò)緩存。無網(wǎng)讀緩存，有網(wǎng)根據(jù)過期時(shí)間重新請求使用Retrofit和Okhttp實(shí)現(xiàn)網(wǎng)絡(luò)緩存，更新于2016.02.02 本文使用 Retrofit2.0.0-beta2、Okhttp 2.6.0（Okhttp3.0之后api寫法有變化） ...



項(xiàng)目需求討論 - Android App 升級公司開發(fā)時(shí)候，應(yīng)該最常用的就是APP升級功能，倒不是說的是熱修復(fù)等技術(shù)，而是普通的檢測到服務(wù)器版本比本地手機(jī)版本高的時(shí)候，手機(jī)會(huì)詢問用戶是否要下載最新的app，然后下載apk下來，然后進(jìn)行安裝，我以前用的都是別人封裝好的。也沒仔細(xì)看過，這次又正好有這個(gè)需求，就...



Android 讓你的布局飛起來xiaoguo.gif 前言 在Android項(xiàng)目開發(fā)中一個(gè)界面的顯示狀態(tài)包括好幾種：內(nèi)容界面，loading界面，網(wǎng)絡(luò)錯(cuò)誤界面等等；以前開發(fā)的時(shí)候都是直接把這些界面include到m...



縮小你的項(xiàng)目 - 應(yīng)用 Webp前言 不管是 PC 還是移動(dòng)端，圖片一直是流量大頭，以蘋果公司 Retina 產(chǎn)品為代表的高 PPI 屏對圖片的質(zhì)量提出了更高的要求，如何保證在圖片的精細(xì)度不降低的前提下縮小圖片體積，成為了一個(gè)有價(jià)值且值得探索的事情。 但如今對于 JPEG、PNG 和 GIF...



Fragment-踩坑 - 掘金背景 Fragment已經(jīng)成為Android開發(fā)界面設(shè)計(jì)中不可或缺的一部分，同時(shí)也發(fā)揮著越來越重要的角色，雖然Fragment已經(jīng)能出色的項(xiàng)目開發(fā)，但是在使用過程中也暴露了越來越多的問題，雖然google也一直在及時(shí)的修復(fù)，但是還是有很多坑，所以決定記錄Fra...



ViewStub 是如何實(shí)現(xiàn)懶加載的ViewStub簡介 public final class ViewStub extends View ViewStub 是一個(gè)寬高都為0，不可見的(GONE)，不參與measure與layout(絕大部分情況)，不繪...



Android 6.0 運(yùn)行時(shí)權(quán)限簡潔封裝Android 6.0 運(yùn)行時(shí)權(quán)限簡潔封裝 本文原創(chuàng)，轉(zhuǎn)載請注明出處。歡迎關(guān)注我的 簡書。 前言: ...



一種視頻預(yù)加載的方案 - Android - 掘金前言：視頻的預(yù)加載是提高用戶體驗(yàn)的重要因素。預(yù)加載成為網(wǎng)絡(luò)視頻播放不可或缺的一個(gè)技術(shù)環(huán)節(jié)。 預(yù)加載的形式： 1.邊存邊播：下載多少播放多少。 優(yōu)點(diǎn)：快速加載播放，實(shí)現(xiàn)簡單；缺點(diǎn)：不能拖動(dòng)未存區(qū)域；適合音頻媒體 2.代理服務(wù)器：預(yù)先下載媒體的頭部（頭部Siz...



App 統(tǒng)一存儲(chǔ)管理模塊 - Android - 掘金      為了解決App里存儲(chǔ)的混亂而導(dǎo)致不必要的開發(fā)和維護(hù)成本，以及解決存儲(chǔ)混亂導(dǎo)致的不能統(tǒng)一管理的問題，特此提供的統(tǒng)一的存儲(chǔ)模塊SHStorageManager，包括內(nèi)存的緩存和磁盤存儲(chǔ)，以module和key結(jié)合為維度進(jìn)行...



AndroidVideoCache - 視頻邊播放邊緩存的代理策略視頻現(xiàn)狀 現(xiàn)在視頻播放的需求越來越常見，就和16年上半年的直播一樣，似乎不加個(gè)視頻已經(jīng)不是個(gè)正常的APP了，連微信朋友圈都支持上傳小視頻，更別談以視頻為本命的一系列APP。視頻方面主要是兩塊，一個(gè)是視頻錄制，這個(gè)已經(jīng)翻過一篇比較...



多種方式實(shí)現(xiàn) Android 定時(shí)任務(wù)，哪一款是你的 FEEL？前言 解決方案 普通線程sleep的方式實(shí)現(xiàn)定時(shí)任務(wù) Timer實(shí)現(xiàn)定時(shí)任務(wù) Sc...



Google 官方詳解 Android 性能優(yōu)化 － 內(nèi)存篇尊重博主原創(chuàng)，如需轉(zhuǎn)載，請附上本文鏈接Google官方 詳解 Android 性能優(yōu)化【史詩巨著之內(nèi)存篇】 為什么關(guān)注性能 對于一款A(yù)PP，用戶首先關(guān)注的是 app的性能，而不是APP...



java 性能優(yōu)化：35 個(gè)小細(xì)節(jié)，讓你提升 java 代碼的運(yùn)行效率文章來源：Java 代碼性能優(yōu)化 - Richard_Jason的專欄 - 博客頻道 - CSDN.NET作者：Richard_Jason代碼優(yōu)化，一個(gè)很重要的課題。可能有些人覺得沒用，一些細(xì)小的地方有什么好修改的，改與不改對于代碼的運(yùn)行...



優(yōu)化 App 的啟動(dòng)時(shí)間 - iOS - 掘金這是一篇 WWDC 2016 Session 406 的學(xué)習(xí)筆記，從原理到實(shí)踐講述了如何優(yōu)化 App 的啟動(dòng)時(shí)間。 App 運(yùn)行理論 main() 執(zhí)行前發(fā)生的事 Mach-O 格式 虛擬內(nèi)存基礎(chǔ) Mach-O 二進(jìn)制的加載 理論速成Mach-O 術(shù)語Ma...



[譯] 125 個(gè)優(yōu)化網(wǎng)站可用性的小點(diǎn)子一：控制用戶的焦點(diǎn)和注意力1、強(qiáng)調(diào)用戶界面的著眼點(diǎn)每個(gè)界面都應(yīng)該有一個(gè)清晰的著眼點(diǎn)，即用戶應(yīng)該在第一眼就看到的地方。 2、通過視覺上的層級關(guān)系指引用戶用戶應(yīng)該首先看哪里，其次呢，再然后呢？你要構(gòu)建出這種視覺上的層次結(jié)構(gòu)來指引用戶。（1）合理使用負(fù)空間（物體之...



Android 開發(fā)藝術(shù)探索 性能優(yōu)化部分 讀書筆記主要介紹一些有效的性能優(yōu)化方法；主要包括布局優(yōu)化、繪制優(yōu)化、內(nèi)存泄漏優(yōu)化、響應(yīng)速度優(yōu)化、ListView 優(yōu)化、Bitmap 優(yōu)化、線程優(yōu)化等。...



Android 性能優(yōu)化 - Android - 掘金前言Android性能優(yōu)化主要包括布局優(yōu)化、繪制優(yōu)化、內(nèi)存泄露優(yōu)化、響應(yīng)速度優(yōu)化、ListView優(yōu)化、Bitmap優(yōu)化、線程優(yōu)化以及一些優(yōu)化建議. 實(shí)際上每個(gè)面都可以擴(kuò)展很多,書中講的不太多(篇幅少),需要在實(shí)際中多去運(yùn)用. 后面還有MAT的基本使用...



Andriod 性能優(yōu)化之列表卡頓 - 以“簡書”APP為例這幾天閑得無聊，就打開手機(jī)上的開發(fā)者模式里面的“GPU過度繪制”功能，看看別家的App做的咋樣，然后很偶然的打開了“簡書”，然后就被它的過度繪制驚呆了，于是寫了這篇性能分析的文章，從一個(gè)只有APK文件的角度，說下如何尋找布局中可能存在的性能問題，以及解決方案。...



送一個(gè)內(nèi)存泄漏給 2016 的記幾原文鏈接：送一個(gè)內(nèi)存泄漏給2016的記幾 背景 年底了，看公司項(xiàng)目的友盟的bug列表，發(fā)現(xiàn)java.lang.OutOfMemoryError的問題不少，也該是時(shí)候還了。 問題描述 在解決內(nèi)存泄漏的過程中，遇到一個(gè)靜態(tài)變量導(dǎo)致的內(nèi)存泄漏，關(guān)鍵是這代碼還是自己敲...



Andriod 從 0 開始自定義控件之 View 的 layout 過程 （八）轉(zhuǎn)載請標(biāo)明出處： Andriod 從0開始自定義控件之 View 的 layout 過程 （八） 本文出自：周游的博客 前言 源碼分析 實(shí)例 單布局 getMeasuredWidth 和 getWidth 的區(qū)別 ...



移動(dòng)端性能監(jiān)控方案 Hertz - Android - 掘金性能問題是造成App用戶流失的罪魁禍?zhǔn)字?。App的性能問題包括崩潰、網(wǎng)絡(luò)請求錯(cuò)誤或超時(shí)、響應(yīng)速度慢、列表滾動(dòng)卡頓、流量大、耗電等等。而導(dǎo)致App性能低下的原因有很多，除去設(shè)備硬件和軟件的外部因素，其中大部分是開發(fā)者錯(cuò)誤地使用線程、鎖、系統(tǒng)函數(shù)、編程范式、數(shù)據(jù)...



Android 性能監(jiān)控實(shí)現(xiàn)原理涉及知識點(diǎn)：APM, java Agent, plugin, bytecode, asm, InvocationHandler, smail 一. 背景介紹 APM...



Android 內(nèi)存優(yōu)化 - Android - 掘金本篇主要講解android內(nèi)存性能優(yōu)化之檢測方案。內(nèi)存性能主要包括內(nèi)存泄漏， 內(nèi)存抖動(dòng)， 內(nèi)存持續(xù)增長(但GC后會(huì)下降)， 內(nèi)存占用過大等問題。 Android內(nèi)...



一些你需要知道的布局優(yōu)化技巧 - Android - 掘金轉(zhuǎn)載請注明出處：一些你需要知道的布局優(yōu)化技巧 - 唯鹿的博客 - 博客頻道 - CSDN.NET 今天分享一些l...



Android 開發(fā): 由模塊化到組件化(一)在Android SDK一文中，我們談到模塊化和組件化，現(xiàn)在我們來聊聊組件化開發(fā)。 以下高能,請做好心理準(zhǔn)備,看不懂請發(fā)私信來交流.接下來還是先喊口號: 每天點(diǎn)我,點(diǎn)我,不要倒數(shù)第一 每天點(diǎn)我,點(diǎn)我,不要倒數(shù)第二 每天點(diǎn)我,點(diǎn)我,不要倒數(shù)第三 模...



Java 的 23 種設(shè)計(jì)模式全解析一、設(shè)計(jì)模式的分類 總體來說設(shè)計(jì)模式分為三大類： 創(chuàng)建型模式，共五種：工廠方法模式、抽象工廠模式、單例模式、建造者模式、原型模式。 結(jié)構(gòu)型模式，共七種：適配器模式、裝飾器模式、代理模式、外觀模式、橋接模式、組合模式、享元模式。 行為型模式，共十一種：策略模式、...



一勞永逸的搞定 flex 布局 - 掘金尋根溯源話布局 一切都始于這樣一個(gè)問題：怎樣通過 CSS 簡單而優(yōu)雅的實(shí)現(xiàn)水平、垂直同時(shí)居中。記得剛開始學(xué)習(xí) CSS 的時(shí)候，看到 float 屬性不由得感覺眼前一亮，順理成章的聯(lián)想到 Word 文檔排版中用到的的左對齊、右對齊和居中對齊，然而很快就失望的發(fā)現(xiàn)...



iTerm2 快捷鍵大全 - 工具資源 - 掘金標(biāo)簽 新建標(biāo)簽：command + t 關(guān)閉標(biāo)簽：command + w 切換標(biāo)簽：command + 數(shù)字 command + 左右方向鍵 切換全屏：command + enter 查找：command + f ...



awesome-mac(收集好用的 Mac 應(yīng)用程序、軟件以及工具)? 這個(gè)倉庫主要是收集非常好用的Mac應(yīng)用程序、軟件以及工具，主要面向開發(fā)者和設(shè)計(jì)師。有這個(gè)想法是因?yàn)槲易罱l(fā)了一篇較為火爆的漲粉兒微信公眾號文章《工具武裝的前端開發(fā)工程師》，于是建了這么一個(gè)倉庫，持續(xù)更新作為補(bǔ)充，搜集更多好用的軟件工具。請Star、Pull...



[譯] 跨站請求偽造已死！ - 掘金原文鏈接：Cross-Site Request Forgery is dead! 原文作者：Scott 譯文出自：掘金翻譯計(jì)劃 譯者：XatMassacrE 校對者：newbieYoung，DeadLion 跨站請求偽造已死！ 在連續(xù)不斷的被跨站請求偽造折...



我們的最佳實(shí)踐正在扼殺移動(dòng) web 性能Web performance rules invented for desktop web access need to be revised for the mobile era. Foreword Some years ago, web develope...



談?wù)剬?Web 安全的理解 - 前端 - 掘金作為一個(gè)前端 er，掌握必要的網(wǎng)絡(luò)安全知識是必要，下面我整理了幾種常見的網(wǎng)絡(luò)攻擊方式及防御技巧，本文內(nèi)容來自網(wǎng)絡(luò)，僅供參考。 CSRF 攻擊 CSRF(Cross-site request forgery), 中文名稱：跨站請求偽造，也被稱為：one clic...



[譯] 這項(xiàng)瀏覽器調(diào)整使 Facebook 收到的網(wǎng)絡(luò)請求減少了 60%原文地址：This browser tweak saved 60% of requests to Facebook 原文作者：Nate Schloss Ben Maurer 譯文出自：掘金翻譯計(jì)劃 ...



最近遇到的前端面試題 (2017.02.23 更新版)個(gè)人博客已上線，歡迎前去訪問評論！無媛無故 - wangchloe的個(gè)人博客 以下內(nèi)容非本人原創(chuàng)，是整理后覺得更容易理解的版本，歡迎補(bǔ)充。 ...



Yarn 文檔有中文版了！ - 前端 - 掘金你好！我是 James Kyle，是 Yarn 團(tuán)隊(duì)里的一員（這篇文章由羅詩亞翻譯）。 如果你還不了解的話，Yarn 是用來代替 npm 客戶端的命令行工具，它更快，更可靠，更安全。用 Yarn 后可以繼續(xù)使用你所有的包。 今...



較為完整的 React.js / Vue.js 的性能比較 Part 1原文鏈接 : comparing React.js to Vue.js for dynamic tabular data 譯文出自 : 掘金翻譯計(jì)劃 譯者 : circlelove 校對者:liangbijie , jamweak ...



開發(fā)工具心得：如何 10 倍提高你的 Webpack 構(gòu)建效率0. 前言 圖1：ES6 + Webpack + React + Babel webpack 是個(gè)好東西，和 NPM 搭配起來使用管理模塊實(shí)在非常方便。而 Babel 更是神一般的存在，讓我們在這個(gè)瀏覽器尚未全面普及 ES6 語法的時(shí)代可以先一步體驗(yàn)到新的...



開啟 V8 對象屬性的 “fast” 模式在 Bluebird 庫中有一段匪夷所思的代碼（/src/util.js）： function toFastProperties(obj) { /*jshint -W027*/ function f() {} f.prototype =...



前端優(yōu)化不完全指南 - 前端 - 掘金篇幅可能有點(diǎn)長，我想先聊一聊閱讀的方式，我希望你閱讀的時(shí)候，能夠把我當(dāng)作你的競爭對手，你的夢想是超越我。你想超越我，就得了解我懂什么對吧，好，開始閱讀~ ~ 哈哈哈 ~ ~ ~ 歷時(shí)144000000毫秒出山的前端優(yōu)化篇，若你問我有什么感悟？那我告訴你，看到毫...



淺析渲染引擎與前端優(yōu)化 - 前端 - 掘金本文主要是兩方面內(nèi)容： 淺析瀏覽器內(nèi)核的工作原理（以 WebKit 2 為例）。 淺析由瀏覽器內(nèi)核想到的前端優(yōu)化，或者說前端優(yōu)化規(guī)則是從哪兒來的。 大家知道，大部分的 WEB 頁面依托...



身為設(shè)計(jì)師，你也許需要一些算法 - 設(shè)計(jì) - 掘金Sidebar 是我最近常去的一個(gè)小站, 每天會(huì)更新五篇關(guān)于設(shè)計(jì)的文章，讀一個(gè)幫你打一個(gè)勾，在工作之余看看很是舒服。上周的推送中有一篇 How UX helped me learn English 讓我想到了自己——英文閱讀能力的薄弱讓我對設(shè)計(jì)前...



Webpack2 升級指南和特性摘要?dú)v時(shí)多日，webpack2.2正式版終于趕在年前發(fā)布了，此次更新相對于1.X版本有了諸多的升級優(yōu)化改進(jìn)，筆者也在第一時(shí)間查閱了官方的文檔，整理和翻譯了由webpack1升級到2所需要了解的API變更和注意事項(xiàng)，翻譯不足的地方也歡迎隨時(shí)交流指正。 ...



用 webpack 實(shí)現(xiàn)持久化緩存什么是持久化緩存？ 緩存（cache）一直是前端性能優(yōu)化的重頭戲，利用好靜態(tài)資源的緩存機(jī)制，可以使我們的 web 應(yīng)用更加快速和穩(wěn)定。僅僅簡單的資源緩存是不夠的，我們還要為不斷更新的資源做持久化緩存（Lon...



如何在 webpack 中引入未模塊化的庫，如 Zepto前言 最近我在研究多頁面 webpack 模塊打包的完整解決方案時(shí)，發(fā)現(xiàn)用 import 導(dǎo)入 Zepto 時(shí)，會(huì)報(bào) Uncaught TypeError: Cannot read property 'cr...



Icon 進(jìn)化史 - 前端 - 掘金“南方古猿”之 png sprite 看到上面這張圖，相信好多資深前端會(huì)感到很親切。 早期為了減少資源的請求，人們想到了將小的 png 圖片合并到一張圖上，然后根據(jù) background-position   來顯示不同的圖片。 早期還有靠人肉來...



由阮一峰老師的一條微博引發(fā)的 TDZ 思考昨天（1月20號），阮老師在微博上發(fā)布了這樣一條微博： TDZ.jpeg 阮老師貼了一段代碼，報(bào)錯(cuò)了，然后左思右想覺得這是V8的錯(cuò)，這...



localStorage 的黑科技 - js 和 css 緩存機(jī)制一、發(fā)現(xiàn)黑科技的起因 今天在微信公眾號看到一篇技術(shù)博文，想用印象筆記收藏，所以發(fā)送了文章鏈接到pc上。然后習(xí)慣性地打開控制臺(tái)，看看源碼，想了解下最近微信用了什么新技術(shù)。 呵呵，以下勾起了我偵探的欲望。頁面加載后的異常點(diǎn)就是只加...



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