摘要：的語言的動(dòng)態(tài)性意味著我們可以使用以上種數(shù)據(jù)類型表示變換過渡動(dòng)畫實(shí)現(xiàn)案例前端掘金以下所有效果的實(shí)現(xiàn)方式均為個(gè)人見解，如有不對(duì)的地方還請(qǐng)一一指出。

讀 zepto 源碼之工具函數(shù) - 掘金
Zepto 提供了豐富的工具函數(shù)，下面來一一解讀。 源碼版本 本文閱讀的源碼為 zepto1.2.0 $.extend $.extend 方法可以用來擴(kuò)展目標(biāo)對(duì)象的屬性。目標(biāo)對(duì)象的同名屬性會(huì)被源對(duì)象的屬性覆蓋。 $.extend 其實(shí)調(diào)用的是內(nèi)部方法 exte...

Sticky Footer，完美的絕對(duì)底部 - 前端 - 掘金
寫在前面 做過網(wǎng)頁開發(fā)的同學(xué)想必都遇到過這樣尷尬的排版問題：在主體內(nèi)容不足夠多或者未完全加載出來之前，就會(huì)導(dǎo)致出現(xiàn)（圖一）的這種情況，原因是因?yàn)闆]有足夠的垂直空間使得頁腳推到瀏覽器窗口最底部。但是，我們期望的效果是頁腳應(yīng)該一...

從實(shí)現(xiàn)后臺(tái)商品屬性代碼說起，聊聊相關(guān)的思維！JS、模擬數(shù)據(jù)、橋梁 - 掘金

單詞太長導(dǎo)致自動(dòng)換行，出現(xiàn)空白區(qū)域?！獁ord-wrap和word-break - 掘金
寫在前面： 在寫頁面的時(shí)候，偶爾有時(shí)會(huì)遇到下圖這兩種情況，一種是單詞過長時(shí)會(huì)溢出div，一種是直接換行，導(dǎo)致出現(xiàn)空白區(qū)域。這兩個(gè)情景就需要word-wrap、word-break這兩個(gè)屬性出場(chǎng)來解決了。閑話不扯了，本文主要內(nèi)容有：word-wrap和word-...

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

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

原生 JS 中對(duì)象相關(guān) API 合集 - 前端 - 掘金
Microzz zhaohui@microzz.com 主頁 ...

移動(dòng)端 web 開發(fā)技巧 - 前端 - 掘金
這是一個(gè)最好的時(shí)代，因?yàn)槲覀冋驹诔绷髦校坏彩且粋€(gè)最壞的時(shí)代，因?yàn)槲覀冋驹诔鳖^上。 META相關(guān) 1. 添加到主屏后的標(biāo)題（IOS） 2...

分享 | Charles 力助分析網(wǎng)絡(luò)封包 - 前端 - 掘金
Charles是Mac平臺(tái)下常用的調(diào)試工具，用來分析網(wǎng)絡(luò)通信協(xié)議，這個(gè)功能在做移動(dòng)端開發(fā)時(shí)非常有用，因?yàn)橛袝r(shí)候你不得不通過抓包來分析通信定位問題，移動(dòng)端開發(fā)跟Web不同，IDE并不會(huì)像Chrome Dev Tools一樣，給你提供網(wǎng)絡(luò)通信協(xié)議的封包，而Char...

Chrome 插件制作 - 工具資源 - 掘金
由于網(wǎng)上很難找到關(guān)于Chrome插件制作的中文教程，為了總結(jié)和方便更多的開發(fā)者，本文以最常見的顯示效果為browser_action的二維碼插件為例，進(jìn)行相關(guān)闡述。前端童鞋開發(fā)的話應(yīng)該很簡單的，鄙人是開發(fā)Android的，寫這個(gè)還查了點(diǎn)資料(⊙﹏⊙) ...

用 Git 鉤子進(jìn)行簡單自動(dòng)部署 - 工具資源 - 掘金
Git 鉤子 Git 鉤子(hooks)是在 Git 倉庫中特定事件(certain points)觸發(fā)后被調(diào)用的腳本。通過鉤子可以自定義 Git 內(nèi)部的相關(guān)（如 git push）行為，在開發(fā)周期中的關(guān)鍵點(diǎn)觸發(fā)自定義的行為...

(干貨)css自定義 range radio select的樣式滑輪，按鈕，選擇框 - 掘金
寫在前面： 之前踩坑css的時(shí)候，遇到滑輪，按鈕，選擇框這類型的東西，為了頁面效果，總是需要自定義他們的樣式，而不使用他們的默認(rèn)樣式。當(dāng)時(shí)寫的時(shí)候，我也是蠻頭疼的，弄了個(gè)demo，鏈接在下面。對(duì)此做個(gè)總結(jié)。本文是面向前端小白的，大手子可以跳過，寫的不好之處多多...

移動(dòng)端 Web 開發(fā)踩坑之旅 - 前端 - 掘金
前言 最近在一個(gè)移動(dòng)端的 Web 項(xiàng)目中踩了很多的坑，感覺有必要把它們記錄下來，分享給即將踏入移動(dòng)端 Web 開發(fā)大門的新人們。 一、從布局說起 移動(dòng)端的整體布局一般來說可以分為上中下三個(gè)部分，分別為 header、main、footer，其中header、f...

JavaScript 對(duì)象的深淺復(fù)制 - 前端 - 掘金
博客原文地址：Claiyre的個(gè)人博客 https://claiyre.github.io/博客園地址：http://www.cnblogs.com/nuannu...如需轉(zhuǎn)載，請(qǐng)?jiān)谖恼麻_頭注明原文地址 前言 從層次上來看，對(duì)象的復(fù)制可以簡...

React Mixins 入門指南 - 掘金
對(duì)于很多初級(jí)的前端工程師對(duì)mixins的概念并不是很了解，也沒有在React中嘗試使用過Mixins，這邊文章基本會(huì)按照Mixins的作用、用途、原理等多個(gè)方面介紹React中Mixins的使用。 首先解釋一下什么是Mixins，在一些大型項(xiàng)目中經(jīng)常會(huì)存在多...

【面試題】創(chuàng)建長度為 100 的數(shù)組 - 前端 - 掘金
不用循環(huán)創(chuàng)建一個(gè)長度為100的數(shù)組，并且每個(gè)元素的值等于它的下標(biāo) 先來說一下最直接的解法… var arr = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20,...

js 攔截全局 ajax 請(qǐng)求 - 掘金
你是否有過下面的需求：需要給所有ajax請(qǐng)求添加統(tǒng)一簽名、需要統(tǒng)計(jì)某個(gè)接口被請(qǐng)求的次數(shù)、需要限制http請(qǐng)求的方法必須為get或post、需要分析別人網(wǎng)絡(luò)協(xié)議等等，那么如何做？想想，如果能夠攔截所有ajax請(qǐng)求，那么問題就會(huì)變的很簡單！?，少年，想法有點(diǎn)大膽...

javascript 安全的類型監(jiān)測(cè) - 前端 - 掘金
數(shù)據(jù)類型檢測(cè) ECMAScript有五種簡單的數(shù)據(jù)類型，分別為Undefined、Null、String、Number、Boolean，還有一個(gè)復(fù)雜的數(shù)據(jù)類型Object。ECMAScript的語言的動(dòng)態(tài)性意味著我們可以使用以上6種數(shù)據(jù)類型表示...

CSS 變換、過渡、動(dòng)畫實(shí)現(xiàn)案例 - 前端 - 掘金
以下所有效果的實(shí)現(xiàn)方式均為個(gè)人見解，如有不對(duì)的地方還請(qǐng)一一指出。 目錄 方塊“Z”字形運(yùn)動(dòng) 線段圍繞盒子運(yùn)動(dòng) 餅圖[動(dòng)圖, 固定比例，如20%] 移動(dòng)端錄音旋轉(zhuǎn)小按鈕效果實(shí)現(xiàn)漸變色 方塊“...

從入門到成為前端高手（上篇）—— Jonathan - 前端 - 掘金
By @jonathanzwhite 版權(quán)申明：此文章首發(fā)于公眾號(hào)程序員在深圳，搜索 studycode 即可關(guān)注本文無需授權(quán)即可轉(zhuǎn)載，轉(zhuǎn)載時(shí)請(qǐng)務(wù)必注明作者 ...

JS 對(duì)象的深拷貝和淺拷貝 - 前端 - 掘金
JS的數(shù)據(jù)類型可以分為兩種：基本數(shù)據(jù)類型和引用數(shù)據(jù)類型。 我們?cè)趯?duì)數(shù)據(jù)進(jìn)行復(fù)制的時(shí)候，如果這個(gè)數(shù)據(jù)是基本的數(shù)據(jù)類型，那么很好辦，直接賦值就好，如果在使用JavaScript對(duì)數(shù)組或?qū)ο筮M(jìn)行操作的時(shí)候，我們經(jīng)常需要將數(shù)組或?qū)ο筮M(jìn)行備份，事...

2017 百度前端技術(shù)學(xué)院——正則表達(dá)式入門 - 前端 - 掘金
任務(wù)效果預(yù)覽源碼地址 一、創(chuàng)建一個(gè)正則表達(dá)式 1 字面量方式： var expression = /pattern/flags 其中的pattern可以是任何簡單的...

JavaScript 數(shù)據(jù)類型檢測(cè)的四種方式 - 前端 - 掘金
一、typeof console.log(typeof 12); // number var str = "iceman"; console.log(typeof str); // string 使用typeof檢測(cè)數(shù)據(jù)類型，首先返回的都是一個(gè)字符串，其次字符...

Android Theme.AppCompat 中，你應(yīng)該熟悉的顏色屬性 - 掘金
創(chuàng)建一個(gè) Android 工程，第一步，也是必不可少的一步，就是定制 Application 主題樣式。利用系統(tǒng)諸多屬性定義 App 各種 View 的默認(rèn)樣式，能夠減少 layout 文件中很多重復(fù)性的屬性設(shè)置代碼。在開發(fā)者官網(wǎng) R.attr 欄目中，Goo...

很全的排序算法 - Android - 掘金
大學(xué)的時(shí)候?qū)懙?，算是比較全的了，足夠應(yīng)對(duì)面試中的排序算法了...

Android 自學(xué)資源大整合 - Android - 掘金
此文在我的個(gè)人網(wǎng)站,我的簡書,我的CSDN博客同時(shí)發(fā)布，請(qǐng)多多關(guān)注！ 前言 去年十一月的時(shí)候就開始在CSDN建立起自己的博客，想把自己平時(shí)學(xué)習(xí)研究的技術(shù)好好地歸納總結(jié)，然后一一發(fā)表出去，方便日后查看。無奈三分鐘熱度過后，就不了了之。直到參加實(shí)習(xí)工作之后，所需要...

關(guān)于 Android Service 真正的完全詳解，你需要知道的一切 - Android - 掘金
Service 全部內(nèi)容基本會(huì)在本篇涉及到，我們將圍繞以下主要知識(shí)點(diǎn)進(jìn)行分析： Service 簡單概述 Service 在清單文件中的聲明 Service 啟動(dòng)服務(wù)實(shí)現(xiàn)方式及其詳解 Service 綁定服務(wù)的三種實(shí)現(xiàn)方式 關(guān)于啟動(dòng)服務(wù)與綁定服務(wù)間的轉(zhuǎn)換問題 ...

徹底搞懂 startActivityForResult 在 FragmentActivity 和 Fragment 中的異同 - Android - 掘金
本文由BarryZhang原創(chuàng)，同時(shí)首發(fā)于diycode.cc、barryzhang.com，簡書非商業(yè)轉(zhuǎn)載請(qǐng)注明作者和原文鏈接。 Activity、FragmentActivity、Fragment中都有startActivityForResult()方法...

安卓 5.0 6.0 新特性簡單總結(jié) - Android - 掘金
Android 5.0新特性 1. 了解Material Design ...

Android support library 支持包常用控件介紹（一） - Android - 掘金
谷歌官方推出Material Design 設(shè)計(jì)理念已經(jīng)有段時(shí)間了，為支持更方便的實(shí)現(xiàn)Material Design設(shè)計(jì)效果，官方給出了Android support design library...

Android Binder 機(jī)制原理（史上最強(qiáng)理解，沒有之一） - Android - 掘金
原文地址： http://blog.csdn.net/universu... ? Binder是Androi...

Android 知識(shí)梳理 - 掘金
說明：本篇博客只是一個(gè)知識(shí)整理，因?yàn)榫W(wǎng)上對(duì)于Android的知識(shí)介紹足夠多，因此我不再寫相關(guān)文章（主要是因?yàn)槲覍懙牟蝗缛思液茫?，所以所有文章均來自網(wǎng)絡(luò)，不貼原文章，只提供連接，因此本文旨在減少你對(duì)相關(guān)知識(shí)的搜索過程，方便查找相關(guān)知識(shí)。 1.Activity ...

探究 Android 中 Intent 連接不同組件的原理 - Android - 掘金
一、什么是Intent 1、概念 Intent翻譯過來是”意圖、目的”的意思,是連接四大組...

Android M 靜默卸載解決方案的探索 - Android - 掘金
一般情況下，Android系統(tǒng)安裝apk會(huì)出現(xiàn)一個(gè)安裝界面，用戶可以點(diǎn)擊確定或者取消來進(jìn)行apk的安裝。但在實(shí)際項(xiàng)目中，有一種需求就是希望apk在后臺(tái)安裝（不出現(xiàn)安裝界面的提示），這種安裝方式稱為靜默安裝，同樣，apk在后臺(tái)卸載（不出現(xiàn)卸載界面的提示），這種卸...

關(guān)于 Android 混淆的一些經(jīng)驗(yàn) - Android - 掘金
一些關(guān)于混淆的好文章 Android混淆從入門到精通 寫給Android開發(fā)者的混淆使用手冊(cè) 讀懂 Android 中的代碼混淆 一...

Android自定義View：MeasureSpec的真正意義與View大小控制 - 掘金
自定義View是Android開發(fā)中最普通的需求，靈活控制View的尺寸是開發(fā)者面臨的第一個(gè)問題，比如，為什么明明使用的是WRAP_CONTENT卻跟MATCH_PARENT表現(xiàn)相同。在處理View尺寸的時(shí)候，我們都知道最好在onMeasure中設(shè)定好自定義V...

設(shè)計(jì)模式的幾大原則 - Android - 掘金
天下武林，林林總總。名門正宗如少林武當(dāng)，誠然名揚(yáng)天下，而武林之大，但凡修得暗鏢神劍者，亦可獨(dú)步江湖。所以門派無尊貴，只有適合不適合。設(shè)計(jì)的本質(zhì)：即使最懂設(shè)計(jì)的人，也要心胸坦蕩，認(rèn)識(shí)到自我局限性，不可以名門正宗自居，須認(rèn)識(shí)到獲得真理是一個(gè)學(xué)無止境、永遠(yuǎn)追求的過程...

一個(gè) 2 年安卓開發(fā)者的一些忠告 - Android - 掘金
編輯推薦：稀土掘金，這是一個(gè)針對(duì)技術(shù)開發(fā)者的一個(gè)應(yīng)用，你可以在掘金上獲取最新最優(yōu)質(zhì)的技術(shù)干貨，不僅僅是Android知識(shí)、前端、后端以至于產(chǎn)品和設(shè)計(jì)都有涉獵，想成為全棧工程師的朋友不要錯(cuò)過！ 原文：What 2 Years of And...

爽翻天！告別Java。一起來使用kotlin開發(fā)完整客戶端 - 掘金
必須寫在前面：從Java轉(zhuǎn)向Kotlin，只需要幾天時(shí)間！ 有人擔(dān)心編譯時(shí)間問題，這里給出一個(gè)鏈接Kotlin VS Java:編譯速度大比拼 同步自wing的地方酒館本篇是kotlin開發(fā)Android系列教程的最后一篇。前面幾篇介紹了kotlin的基本語法...

Android 蹲坑的疑難雜癥集錦（兼 Gradle） 二 - 掘金
Hello，大家吼，周一你快樂嗎<(￣︶￣)？郭小司機(jī)又來開拖拉機(jī)啦，作為了一個(gè)非專業(yè)的分享猿，我知道也沒有人會(huì)想我的￣へ￣，如今工作又忙碌起來，在產(chǎn)品經(jīng)理各種（nue）呵（dai）護(hù)，老板對(duì)需求的各種細(xì)（da）調(diào)（gai）下，只能在閑（tou）暇（la...

Java利器之UML類圖詳解 - 掘金
前言 UML（Unified Modeling Language）中文統(tǒng)一建模語言，是一種開放的方法，用于說明、可視化、構(gòu)建和編寫一個(gè)正在開發(fā)的、面向?qū)ο蟮?、軟件密集系統(tǒng)的制品的開放方法。UML展現(xiàn)了一系列最佳工程實(shí)踐，這些最佳實(shí)踐在對(duì)大規(guī)模，復(fù)雜系統(tǒng)進(jìn)行建...

Activity 全平臺(tái)生命周期監(jiān)聽 - Android - 掘金
最近在搞公司的用戶行為跟蹤系統(tǒng)的時(shí)候碰到要統(tǒng)計(jì)用戶在Activity的停留時(shí)間，然后就想到了在生命周期里面添加時(shí)間記錄。在每個(gè)Activity里面重寫生命周期函數(shù)添加時(shí)間記錄？太麻煩了吧。寫個(gè)BaseActivity，在BaseActivity里面做時(shí)間記錄？...

4 種獲取前臺(tái)應(yīng)用的方法（肯定有你不知道的） - Android - 掘金
我目前已知，并且嘗試過的獲取當(dāng)前前臺(tái)應(yīng)用的方法有如下幾種： Android5.0以前，使用ActivityManager的getRunningTasks()方法，可以得到應(yīng)用包名和Act...

Android 后臺(tái)殺死系列之一：FragmentActivity 及 PhoneWindow 后臺(tái)殺死處理機(jī)制 - Android - 掘金
新Activity啟動(dòng)及舊Activity保存流程 App在后臺(tái)久置后，再次從桌面或最近的任務(wù)列表喚醒時(shí)經(jīng)常會(huì)發(fā)生崩潰，這往往是App在后臺(tái)被系統(tǒng)殺死，再次恢復(fù)的時(shí)候遇到了問題，而在使用FragmentActi...

Android Context 到底是什么？ - 掘金
什么是Android Context？ 一個(gè)Context意味著一個(gè)場(chǎng)景，一個(gè)場(chǎng)景就是我們和軟件進(jìn)行交互的一個(gè)過程。比如和妹紙約會(huì)的月下小橋，比如當(dāng)你使用微信的時(shí)候，場(chǎng)景包括聊天界面、通訊錄、朋友圈，以及背后的一些數(shù)據(jù)。 那么從安卓程序的角度來看，Contex...

［譯］Android Activity 和 Fragment 狀態(tài)保存與恢復(fù)的最佳實(shí)踐 - 掘金
譯者亦楓注：對(duì)于 Activity、Fragment 和 View 是如何保存與恢復(fù)狀態(tài)的問題，相信很多開發(fā)人員都處于一知半解的狀態(tài)。最近剛好在總結(jié) Fragment 的使用注意事項(xiàng)，無意中從網(wǎng)上看到國外的一篇好文，對(duì)這個(gè)問題做了一個(gè)全面的解析。加之使用可視化...

程序員必須搞清的概念equals和=和hashcode的區(qū)別 - 掘金

首先equals()和hashcode的介紹 equals 方法在非空對(duì)象引用上實(shí)現(xiàn)相等關(guān)系： 自反性：對(duì)于任何非空引用值 x，x.equals(x) 都應(yīng)返回 true。 對(duì)稱性：對(duì)于任何非空引用值 x 和 y，當(dāng)且僅當(dāng) y.equals(...

Android 樣式 (style) 和主題(theme) - 掘金
樣式和主題 樣式是指為 View 或窗口指定外觀和格式的屬性集合。樣式可以指定高度、填充、字體顏色、字號(hào)、背景色等許多屬性。 樣式是在與指定布局的 XML 不同的 XML 資源中進(jìn)行定義。 Android 中的樣式與網(wǎng)頁設(shè)計(jì)中層疊樣式表的原理類似 — 您可以通...