前端之不可描述 - 收藏集 - 掘金

一勞永逸的搞定 flex 佈局 - 掘金
尋根溯源話佈局 一切都始於這樣一個問題：怎樣經過 CSS 簡單而優雅的實現水平、垂直同時居中。記得剛開始學習 CSS 的時候，看到 float 屬性不禁得感受眼前一亮，瓜熟蒂落的聯想到 Word 文檔排版中用到的的左對齊、右對齊和居中對齊，然而很快就失望的發現...

一道滴滴的負載均衡前端面試題 - 前端 - 掘金
這是以前我去面試滴滴時的一道面試題，它看起來可能不那麼的偏前端，但我仍然以爲頗有意思，我省略安全校驗、意外錯誤處理等細節性的問題，單單來聊聊負載均衡相關的方面。固然了，我自己不是後端，這方面經驗確定不是十分足，歡迎各位賜教。問題是這樣的：咱們要實現一個利用 W...

掘金陰明：後端渲染實踐 - 前端 - 掘金
Vue.js、React.js 及 Angular.js 等等前端開發框架引入了 UI = framework(State) 的前端編程邏輯，大範圍下降了前端業務開發的難度，尤爲是面向複雜前端應用。而這些優質開源框架的普及、多端業務統1、先後端分離的需求讓越來...

當你在瀏覽器中輸入 google.com 並按下回車以後發生了什麼? - 閱讀 - 掘金
當···時發生了什麼？ 這個倉庫試圖回答一個古老的面試問題：當你在瀏覽器中輸入 google.com 而且按下回車以後發生了什麼？ 不過咱們再也不侷限...

一個先後端分離的簡單案例 - 前端 - 掘金
前言 在學習前端開發的過程當中知了先後端分離這個概念 先後分離架構的探索之路 咱們爲何要嘗試先後端分離 所以決定小試身手,項目中主要使用到的框架和庫. vuejs vue-router musi-ui axios expres...

剖析 vue 實現原理，本身動手實現 mvvm - 前端 - 掘金
剖析Vue實現原理 - 如何實現雙向綁定mvvm 本文能幫你作什麼？ 一、...

30 分鐘學會 Flex 佈局 - 前端 - 掘金
爲何我要寫這一篇關於 Flex 佈局的教程？ 由於它十分簡單靈活，區區簡單幾行代碼就能夠實現各類頁面的的佈局，之前我在學習頁面佈局的時候我深受其 float、display、position 這些屬性的困擾。然而學習 Flex 佈局，你只要學習幾個 ...

前端面試經典問題：CSS 中居中的幾種方式 - 前端 - 掘金
做爲面試常客，學會這些，面試多點把握，同窗間逼格升高週五，老大說他面試了一個問題，是css居中的問題，而後咱們在這邊就討論了一番，週末嗨玩，尾巴上想起這件事，特來總結，但願能幫助到求職和學習的朋友！參考了這篇文章，快速傳送門內容都是我手敲實踐過的可靠！ ...

經過動圖形象地爲你介紹 flexbox 是如何工做的 - 前端 - 掘金
做者：Scott Domes 編譯：鬍子大哈 翻譯原文：http://huzidaha.com/posts/det... 英文原文：https://medium.freecodecamp.c...

前端面試常見問題按知識點分類整理 - 前端 - 掘金
前端面試常考問題分類整理彙總 目錄 ...

利用 canvas+vue 進行純前端視頻拼接或者說合並？或者說無縫切換。 - 前端 - 掘金
Build Setup # install dependencies npm install # serve with hot reloa...

Vue 服務端渲染業務入門實踐 - 前端 - 掘金
做者：威威（滬江前端開發工程師） 本文原創，轉載請註明做者及出處。 背景 最近， 產品同窗一如往常笑嘻嘻的遞來需求文檔， 縱使心裏萬般拒絕， 身體卻是很誠實。 接過需求，好在需求不復雜， 簡單構思 後決定用Vue， 駕輕就熟。 切好圖，...

Node.js 微信公衆平臺模擬登陸自動羣發圖文消息 - 後端 - 掘金
無需微信認證便可實現微信公衆號自動羣發圖文消息。 使用 npm i wechat-mp-hack --save const Wechat = re...

微信開發中的坑 - 前端 - 掘金
前些日子一直在作一些微信公衆號的H5開發，在開發過程當中遇到了很多坑。記錄一下： 視頻Android版的視頻播放必須全屏，沒有辦法自定義video的width和height，並且在Android版中視頻...

深刻理解 JavaScript Errors 和 Stack Traces - 前端 - 掘金
譯者注：本文做者是著名 JavaScript BDD 測試框架 Chai.js 源碼貢獻者之一，Chai.js 中會遇到不少異常處理的狀況。跟隨做者思路，從 JavaScript 基本的 Errors 原理，到如何實際使用 Stack Traces，深刻學習和...

HTTPS 爲何更安全，先看這些 - 掘金
HTTPS 是創建在密碼學基礎之上的一種安全通訊協議，嚴格來講是基於 HTTP 協議和 SSL/TLS 的組合。理解 HTTPS 以前有必要弄清楚一些密碼學的相關基礎概念，好比：明文、密文、密碼、密鑰、對稱加密、非對稱加密、信息摘要、數字簽名、數字證書。接下來...

用 css 改變 console.log 的輸出樣式 - 前端 - 掘金
console.log容許你經過css來格式化輸出，格式以下： console.log(‘%c字符串[%c字符串]’, 樣式1, [樣式2]) 其中」%...

深刻淺出妙用 Javascript 中 apply、call、bind - 前端 - 掘金
 （點擊 上方公衆號，可快速關注） 做者：伯樂在線專欄做者 - chokcoco 若有好文章投稿，請點擊 → 這裏瞭解詳情 如需轉載，發送「轉載」二字查看說明 這篇文章實在是很難下筆，由於網上相關文章不勝枚舉。 巧...

【譯】CSS Flexbox 學習指南、工具與框架 - 前端 - 掘金
Flexbox 是一種更有效的佈局方式，它能更好的分配容器空間，並控制項目的對齊。雖然，掌握它的理論有些複雜，但幸運的是，咱們能夠藉助開放的網絡來學習並逐步掌握它。 在本文中，咱們整合了一些最佳的 Flexbox 學習資源，它們能夠幫助你瞭解Flexb...

前端跨域問題及解決方案 - 前端 - 掘金
一、同源策略 同源策略限制從一個源加載的文檔或腳本如何與來自另外一個源的資源進行交互。 一個源的定義：若是協議，端口（若是指定了一個）和主機對於兩個頁面是相同的，則兩個頁面具備相同的源。 ...

如何提高頁面渲染效率 - 前端 - 掘金
Web頁面的性能 咱們天天都會瀏覽不少的Web頁面，使用不少基於Web的應用。這些站點看起來既不同，用途也都各有不一樣，有在線視頻，Social Media，新聞，郵件客戶端，在線存儲，甚至圖形編輯，地理信息系統等等。雖然有着各類各樣的不一樣，可是相同的是，他們...

(譯) 無盡滾動的複雜度 -- 來自 Google 大神的拆解 - 掘金
原文地址：https://developers.google.com...原文做者：Surma譯者：王芃 摘要: 重用你的DOM元素以及刪除那些遠離可視範圍的元素。爲延遲顯示的元素使用佔位...

網易和淘寶移動 WEB 適配方案再分析 - 前端 - 掘金
最近把移動WEB適配相關的問題梳理了一遍，學習了幾篇文章，其中 從網易與淘寶的font-size思考前端設計稿與工做流 - 流雲諸葛 - 博客園 分析了網易和淘寶對移動WEB適配問題的解決方案，乾貨很多，可是一些概念和思路不是很清晰。我在這裏結...

登陸那些事兒 - 後端 - 掘金也不知道是什麼緣由，剛開始不久的職業生涯，在技術這條路走着走着，和「登陸」老是有着一個不解之緣。還記得當初學習Web編程的時候麼？不論是Java、.Net、PHP，繼經典「Hello World」以後，要寫的頗有可能就是「登陸」功能。至今「登陸」的問題仍是讓我...