前端知識總結 - 收藏集 - 掘金

延遲加載 (Lazyload) 三種實現方式 - 前端 - 掘金
定義：延遲加載也稱爲惰性加載，即在長網頁中延遲加載圖像。用戶滾動到它們以前，視口外的圖像不會加載。這與圖像預加載相反，在長網頁上使用延遲加載將使網頁加載更快。在某些狀況下，它還能夠幫助減小服務器負載。 舉個例子來講明，當打開淘寶首頁的時候，只有在瀏覽器窗口裏的...

首個微信小程序開發教程！ - 前端 - 掘金
微信應用號（小程序，「應用號」的新稱呼）終於來了！目前還處於內測階段，微信只邀請了部分企業參與封測。想必你們都關心應用號的最終形態究竟是什麼樣子？怎樣將一個「服務號」改形成爲「小程序」？咱們暫時以一款簡單的第三方工具的實例，來演示一下開發過程吧。（公司的項目保...

知道這 20 個正則表達式，能讓你少寫 1,000 行代碼 - 前端 - 掘金
正則表達式，一個十分古老而又強大的文本處理工具，僅僅用一段很是簡短的表達式語句，便可以快速實現一個很是複雜的業務邏輯。熟練地掌握正則表達式的話，可以使你的開發效率獲得極大的提高。 正則表達式常常被用於字段或任意字符串的校驗，以下面這段校驗基本日期格式的Java...

前端工具鏈課（一）——包管理工具 - 前端 - 掘金
這系列分享其實是今年七月份在清華大學軟工系暑假小學期時爲同窗們講的課程，對於前端初學者來講必定會幫助，一直想給你們分享一下，今天抽空把第一篇先整理出來。在開始以前，請容許我打一個廣告，個人 知乎 Live 將會在 12 月 13日開始，在 Live 中我會聊...

比 console.log 更多－chrome 調試命令 - 前端 - 掘金
chrome dev-tools功能很強大。相信大多數人使用最多的一個api就是console.log，這頗有用，可是這只是chrome 調試api 之一，還有不少其它很是強大的api！推開門，是另外一片風景。 console.log 其它沒啥可講，主要看看其格...

聊聊 Web 上傳 - 前端 - 掘金
表單提交上傳 iframe表單提交上傳 flash上傳 h5上傳—xhr2上傳（h5中規定的xhr2，也可稱之ajax上傳） h5上傳—websocket上傳 1995年十一月在RFC 1866中第一次出現了form標籤，在其中還出現了不少其餘的標籤也一直使...

前端必備 HTTP 技能之 Ajax 技術詳解 - 前端 - 掘金
Ajax(Asynchronous JavaScript and XML)是一系列web開發技術的集合，使用不少的web技術在客戶端開發異步web應用。利用Ajax，web應用能夠異步的發送數據獲取數據，而不干擾現有頁面的顯示和行爲。經過解耦數據接口層和展示層...

nodejs 入門 - 前端 - 掘金
前言 簡單的說 Node.js 就是運行在服務端的 JavaScript。 Node.js 是一個基於Chrome JavaScript 運行時創建的一個平臺。 Node.js是一個事件驅動I/O服務端JavaScript環境，基於Google的V8引...

移動端適配方法合集 - 前端 - 掘金
首先我先說兩個概念，第一，響應式：一個頁面在不一樣尺寸的瀏覽器中不一樣的表現；第二，自適應：一個頁面在任何尺寸瀏覽器下表現一致.這裏只說自適應。 1.簡單粗暴型 zoom方式： <meta content="width=device-...

Web 前端從入門菜鳥到實踐老司機所須要的資料與指南合集 - 前端 - 掘金
Web前端從入門菜鳥到實踐老司機所須要的資料與指南合集歸屬於筆者的Web 前端入門與最佳實踐。在本文中筆者儘可能以入門級介紹爲主，若是對於某方面知識點想深刻了解，能夠參考筆者的對應的知識點系列文章。若是您有其餘的Web方面的資料/課程等推薦，歡迎指教，本文會保持...

一個 2 年安卓開發者的一些忠告 - Android - 掘金
編輯推薦：稀土掘金，這是一個針對技術開發者的一個應用，你能夠在掘金上獲取最新最優質的技術乾貨，不只僅是Android知識、前端、後端以致於產品和設計都有涉獵，想成爲全棧工程師的朋友不要錯過！ 原文：What 2 Years of And...

Android 開發人員不得不收集的代碼 (持續更新中) - Android - 掘金
README of English 爲方便查找，已進行大體歸類，其目錄以下所示： Activity相關→ActivityUtils.java→Demo isActivityExists : 判斷是否存在Activity launchActi...

超讚！37 款免費的 HTML5 和 CSS3 加載與預載動畫 - 閱讀 - 掘金
英文原文：Free HTML5 And CSS3 Loaders and Preloaders譯者：IT程序獅譯文源自：http://www.jianshu.com/p/e3d4... 目前，圖片產業多是一個快速成長的行業。具備創造性的新網站...

一看就懂的 ReactJs 入門教程——精華版 - 前端 - 掘金
如今最熱門的前端框架有AngularJS、React、Bootstrap等。自從接觸了ReactJS，ReactJs的虛擬DOM（Virtual DOM）和組件化的開發深深的吸引了我，下面來跟我一塊兒領略ReactJs的風采吧~~ 文章有點長，耐心讀完，你會有很...

《一塊兒學 Node.js》完全重寫完畢 - 後端 - 掘金
N-blog 使用 Express + MongoDB 搭建多人博客 目錄 開發環境搭建 Node.js 的安裝與使用 安裝 Node.js n 和 nvm nrm MongoDB 的安裝與使用 安裝與啓動 MongoDB Robom...

前端開發，從草根到英雄（第二部分） - 前端 - 掘金
這篇文章是"前端開發，從草根到英雄系列"的第二部分，在第一部分，你學到了如何使用HTML和CSS建立佈局的最佳實踐。在第二部分，咱們會把JavaScript做爲獨立的語言來學習，咱們將學習如何添加交互式的接口，JavaScript設計以及設計模式，最後咱們會學...

前端開發，從草根到英雄（第一部分） - 前端 - 掘金
我還記得當我剛開始學習前端開發時，我被大量的技術文章淹沒，當時讓我很是困惑的是：我究竟須要學多少知識才算足夠，我甚至不知道從哪裏開始。 這篇指南會告訴你學習前端開發的方向，它會提供一些過去我在學習中遇到的很是有效的學習資源，並伴隨着個人一些註解。 爲了讓這篇指...

瞭解真實的『REM』手機屏幕適配 - 前端 - 掘金
rem 做爲一個低調的長度單位，因爲手機端網頁的興起，在屏幕適配中獲得重用。使用 rem 前端開發者能夠很方便的在各類屏幕尺寸下，經過等比縮放的方式達到設計圖要求的效果。 rem 的官方定義『The font size of the root element...

flex.css快速入門，極速佈局 - 掘金
什麼是flex.css? css3 flex 佈局相信不少人已經據說過甚至已經在開發中使用過它，可是我想咱們都會有一個共同的經歷，面對它的各類版本，各類坑，傻傻的分不清楚，flex.css就是對flex佈局的一種封裝，經過簡潔的屬性設置就能使得它完美的運行在移...

Android 實現視屏播放器、邊播邊緩存功能、外加鏟屎（IJKPlayer） - 掘金
Android 實現視屏播放器與邊播邊緩存功能外加蹲坑鏟屎（IJKPlayer） hello，你們好，我就是那個會掀桌子的話嘮，剛剛結束兩篇關於音頻播放與錄製的文章，舊坑未埋就挖新坑，還望多多關照。最近累趴了，週末果斷休假。 快看，用力戳它：https:/...

超全面 + 最流行的「前端速查表」高清版大全 - 前端 - 掘金今天分享的速查表你必定不會陌生，由於都是目前最新最流行的前端速查表（Cheat sheet），包含：Css3 Flexbox、ES六、jQuery 3 以及最新的 Bootstrap 4，前端人員能夠將這些看成是備忘表或速記手冊，使用時能夠快速查閱，至關便捷。...