摘要：探討判斷橫豎屏的最佳實現(xiàn)前端掘金在移動端，判斷橫豎屏的場景并不少見，比如根據(jù)橫豎屏以不同的樣式來適配，抑或是提醒用戶切換為豎屏以保持良好的用戶體驗。

探討判斷橫豎屏的最佳實現(xiàn) - 前端 - 掘金
在移動端，判斷橫豎屏的場景并不少見，比如根據(jù)橫豎屏以不同的樣式來適配，抑或是提醒用戶切換為豎屏以保持良好的用戶體驗。 判斷橫豎屏的實現(xiàn)方法多種多樣，本文就此來探討下目前有哪些實現(xiàn)方法以及其中的優(yōu)缺點。 CSS Media Queries 通過媒體查詢的方式，我...

JavaScript深入之bind的模擬實現(xiàn) - 掘金
JavaScript深入系列第十一篇，通過bind函數(shù)的模擬實現(xiàn)，帶大家真正了解bind的特性 bind 一句話介紹bind: bind()方法會創(chuàng)建一個新函數(shù)。當(dāng)這個新函數(shù)被調(diào)用時，bind()的第一個參數(shù)將作為它運行時的 this, 之后的一序列參數(shù)將...

聽說、你會用 call、apply 和 bind？ - 前端 - 掘金
如題...

【掘金日報】第二期 全球最大成人網(wǎng)站 PornHub 爬蟲？？？ - 掘金
掘金日報主打分享優(yōu)質(zhì)深度技術(shù)內(nèi)容，技術(shù)內(nèi)容分：前端、后端、Android、iOS、產(chǎn)品設(shè)計、工具資源和一些有趣的東西。 前端 16種方法實現(xiàn)水平居中垂直居中 熟悉水平居中和垂直居中的方法, 不為別的, 就為用的時候能夠信手拈來. 單頁應(yīng)用 - Toke...

(譯) 如何使用 HTTP Headers 來保護你的 Web 應(yīng)用 - 掘金
原文地址：How To Secure Your Web App With HTTP Headers 原文作者：Hagay Lupesko 譯文出自：掘金翻譯計劃 譯者：bambooom 校對者：xunge0613、lsvih 如何使用 HTTP Heade...

JavaScript 常見設(shè)計模式解析 - 掘金
設(shè)計模式（Design pattern）是一套被反復(fù)使用、多數(shù)人知曉的、經(jīng)過分類編目的、代碼設(shè)計經(jīng)驗的總結(jié)。使用設(shè)計模式是為了可重用代碼、讓代碼更容易被他人理解、保證代碼可靠性。毫無疑問，設(shè)計模式于己于他人于系統(tǒng)都是多贏的；設(shè)計模式使代碼編寫真正工程化；設(shè)計模...

前端進階：透徹掌握 Promise 的使用，讀這篇就夠了 - 前端 - 掘金
Promise：高手必備 Promise的重要性我認為我沒有必要多講，概括起來說就是必須得掌握，而且還要掌握透徹。這篇文章的開頭，主要跟大家分析一下，為什么會有Promise出現(xiàn)。 在實...

分享一下我制作 H5 婚禮邀請函用到的技術(shù)要點 - 前端 - 掘金
前言 很多網(wǎng)上的婚紗攝影公司，或者婚慶公司，或者一些h5制作平臺，都可以做一些婚禮邀請函，但是這樣的婚禮邀請函千篇一律。沒有什么特色，僅僅是圖片展示。在某人的強烈要求之下，我制作了一個h5婚禮邀請函（目前源碼暫時不公開吧，過段時間再說）。用到了...

JavaScript 高級計時器 - 前端 - 掘金
概念 JavaScript的定時器不是線程，JavaScript是運行于單線程的環(huán)境中的，而定時器僅僅只是計劃代碼在未來的某個時間執(zhí)行。 實際上，瀏覽器負責(zé)進行排序，指派某段代碼在某個時間點運行的優(yōu)先級。 JavaScript進程線 可以想象Java...

80% 應(yīng)聘者都不及格的 JS 面試題 - 掘金
共 5024 字，讀完需 6 分鐘，速讀需 2 分鐘，本文首發(fā)于知乎專欄前端周刊。寫在前面，筆者在做面試官這 2 年多的時間內(nèi)，面試了數(shù)百個前端工程師，驚訝的發(fā)現(xiàn)，超過 80% 的候選人對下面這道題的回答情況連及格都達不到。這究竟是怎樣神奇的一道面試題？他考察...

從入門到成為前端高手（下篇）—— Jonathan - 前端 - 掘金
這篇文章是"前端開發(fā)，從草根到英雄系列"的第二部分，在第一部分，你學(xué)到了如何使用HTML和CSS創(chuàng)建布局的最佳實踐。在第二部分，我們會把JavaScript作為獨立的語言來學(xué)習(xí)，我們將學(xué)習(xí)如何添加交互式的界面，JavaScript設(shè)計以及設(shè)計模式，最后我們會學(xué)...

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

CSS 中一個冒號和兩個冒號有什么區(qū)別？ - 前端 - 掘金
《小分享》~ FED新手必備…...

【上車】加載和執(zhí)行 JS 的正確姿勢 - 前端 - 掘金
前言 kyrieliuの《高性能JavaScript》讀書筆記。 script標簽是一個很“霸道”的狠角色，它的每次出現(xiàn)都讓頁面等待腳本的解析和執(zhí)行。也就是說，不管當(dāng)前的javascript代碼是內(nèi)嵌還是包含在外鏈文件中，頁面的下載和渲染都必須停...

CSS3 transform 屬性及應(yīng)用 - 前端 - 掘金
在介紹有關(guān)transform相關(guān)的知識之前，先來講一下transform-origin的用法以及關(guān)于角度的幾種取值單位。另外，在使用時，為了兼容各個瀏覽器，可加上瀏覽器的私有前綴［－moz- -webkit -ms-］。 transf...

CSS hack 合集 - 前端 - 掘金
本來已經(jīng)拋棄IE6|7|8了，可是最近發(fā)現(xiàn)要考慮IE兼容性的網(wǎng)站還是有不少的，所以這兩天了解了一下CSS HACK，在這里簡單地總結(jié)一下！ 1、何為HACK？ 簡單的說，HACK就是只有特定瀏覽器才能識別這段hack代碼。Hack也可以說是讓前端最為頭疼...

CSS3 transform 理解與應(yīng)用 - 前端 - 掘金
在介紹有關(guān)transform相關(guān)的知識之前，先來講一下transform-origin的用法以及關(guān)于角度的幾種取值單位。另外，在使用時，為了兼容各個瀏覽器，可加上瀏覽器的私有前綴［－moz- -webkit -ms-］。 ...

30 分鐘學(xué)會 JS 繼承 - 前端 - 掘金
這是一篇關(guān)于 JS 繼承的文章，基本上常用的繼承方式在文章都已列出，如果讀者有新的方式，歡迎在評論區(qū)留言。想學(xué)習(xí)前端或編程知識歡迎關(guān)注專欄：敲代碼，學(xué)編程 - 知乎專欄眾所周知，在 ES 6 之前沒有類的概念，所以不能像 Java 中一個 extends 關(guān)鍵...

前端常見算法的 JS 實現(xiàn) - 前端 - 掘金
原文鏈接 排序算法 1、冒泡排序 function bubbleSort(arr){ var i = j = 0; for(i=1; i

作用域與閉包的一二事 - 前端 - 掘金
閉包是JavaScript語言的一大特點，可以說再開發(fā)的過程中，它無處不在，即使有時候我們都沒有發(fā)現(xiàn)它的存在。接觸JavaScript以來，雖然說是一直有對閉包了解，但是實際應(yīng)用起來或者分析一些代碼的時候卻有些吃力。現(xiàn)在回過頭總結(jié)，才又進一步的揭開了閉包的一層...

CSS 絕對定位 absolute 詳解 - 前端 - 掘金
之前介紹過CSS浮動float詳解，本篇介紹的絕對定位absolute和浮動float有部分相似性。如果能理解浮動float，對理解絕對定位absolute會大有幫助。 先說absolute和float的相似處：包裹性 和 高度...

javascript 常用 DOM 操作整理 - 前端 - 掘金
1.抽取了DOM操作中常用的部分2.DOM屬性和方法的對象歸屬可能并不完全準確3.某些兼容性和特點做了標識(絕大部分的兼容性是ie8~9上下) 節(jié)點類型 節(jié)點類型 節(jié)點值 標簽節(jié)點(Element) 1 屬性節(jié)點(Attr) 2 文本節(jié)點...

30 分鐘學(xué)會 Flex 布局 - 前端 - 掘金
為什么我要寫這一篇關(guān)于 Flex 布局的教程？ 因為它十分簡單靈活，區(qū)區(qū)簡單幾行代碼就可以實現(xiàn)各種頁面的的布局，以前我在學(xué)習(xí)頁面布局的時候我深受其 float、display、position 這些屬性的困擾。然而學(xué)習(xí) Flex 布局，你只要學(xué)習(xí)幾個 ...

記錄一些前端的知識點 (一) - 前端 - 掘金
想學(xué)習(xí)前端或編程知識歡迎關(guān)注專欄：敲代碼，學(xué)編程 - 知乎專欄一、W3C 標準盒模型和 IE 盒模型區(qū)別：1. W3C 標準盒模型：盒子的高寬是由盒子的內(nèi)容區(qū)僅由 width, height 決定的，不包含邊框，內(nèi)外邊距。2. IE 盒模型：在 IE 盒模型中...