這道題--致敬各位10年阿里的前端開發 - 掘金
很巧合,我在認識了兩位同是10年工做經驗的阿里前端開發小夥伴,不但要向前輩學習,我有時候還會選擇另外一種方法逗逗他們,拿了網上一道經典面試題,可能我連去阿里面試的機會都沒有,可是我感覺到了一次面試10年阿里的前端開發,讓我感受一個字,比吃老壇酸菜還爽!雖然有答對...javascript
mock.js那點事(下) - 掘金
這篇針對無論看沒看過mock.js那點事(上),你都會有收穫 前幾天講了一下mock.js那點事(上),有心的哥們估計看完了個人那篇mock.js那點事(上),估計看得太過癮了,而後又去官網也把全部demo也刷了一遍了,可能有些朋友花了半個小時刷完了全部d...css
深刻理解 JavaScript 異步 - 前端 - 掘金
前言 2014年秋季寫完了《深刻理解javascript原型和閉包系列》,已經幫助過不少人走出了 js 原型、做用域、閉包的困惑,至今仍能常常受到好評的留言。 ...前端
16種方法實現水平居中垂直居中 - 掘金
熟悉水平居中和垂直居中的方法, 不爲別的, 就爲用的時候可以信手拈來. 下面直接步入正題.原文:16種方法實現水平居中垂直居中 水平居中 1) 如果行內元素, 給其父元素設置 text-align:center,便可實現行內元素水平居中. 2) 如果塊級元素,...java
一勞永逸的搞定 flex 佈局 - 掘金
尋根溯源話佈局 一切都始於這樣一個問題:怎樣經過 CSS 簡單而優雅的實現水平、垂直同時居中。記得剛開始學習 CSS 的時候,看到 float 屬性不禁得感受眼前一亮,瓜熟蒂落的聯想到 Word 文檔排版中用到的的左對齊、右對齊和居中對齊,然而很快就失望的發現...node
基於 vw 等 viewport 視區相對單位的響應式排版和佈局 « 張鑫旭 - 鑫空間 - 鑫生活 - 前端 - 掘金
by zhangxinxu from http://www.zhangxinxu.com/wor... 本文全文轉載需購買版權(500¥),摘要引流則免費,具體參見這裏 1、什麼是視區相對單位? 就是相對於瀏覽器viewport尺寸的單位...css3
奇技淫巧:Chrome DevTools 代碼覆蓋率功能詳解 - 掘金
共 1812 字,讀完需 3 分鐘。工欲善其事必先利其器,前端週刊本週起每週會加餐 1 篇工具技巧,裏面輔以動圖,讓你們看完就能學會,並上手使用。本文會介紹 Chrome Canary 新增的代碼覆蓋率功能、如何收集數據、如何基於它收集的數據來改進 WEB 應...git
破解前端面試(80% 應聘者不及格系列):從閉包提及 - 掘金
修訂說明:發佈《80% 應聘者都不及格的 JS 面試題》以後,全網閱讀量超過 6W,在知乎、掘金、cnodejs 都引起了不少討論,還被多個前端微信公號和技術媒體轉載。醞釀許久以後,筆者準備接下來撰寫前端面試題系列文章,內容涵蓋 DOM、HTTP、瀏覽器、框架...程序員
30 分鐘搞定 ES6 經常使用基礎知識 - 前端 - 掘金
ES6基礎智商劃重點 在實際開發中,ES6已經很是普及了。掌握ES6的知識變成了一種必須。儘管咱們在使用時仍然須要通過babel編譯。 ES6完全改變了前端的編碼風格,能夠說對於前端的影...github
this 的值究竟是什麼?一次說清楚 - 掘金
原載於前端開發指南,喜歡請關注。 你可能遇到過這樣的 JS 面試題: var obj = { foo: function(){ console.log(this) } } var bar = obj.foo obj.foo() // 打印出的...web
js原生dom對象和jQuery對象能夠混合使用嗎? - 掘金
寫在前面: 本文主要內容包括js原生dom對象和jQuery對象的區別,聯繫,相互轉換,以及踩坑經歷。狀況是這樣的,今天在實現一個js驗證碼的功能,須要獲取input的值,而後我用jQuery的方法獲取到了dom節點,而後用原生js獲取input的值,結果就出...
小白式 - 讓你快速理解 JS 中的繼承方式 - 前端 - 掘金
面向對象之繼承理解較爲經常使用的繼承有原型鏈繼承、借用構造函數、組合式繼承、寄生組合式繼承,以及ES6繼承,其餘的還有原型式繼承、寄生式繼承 原型鏈繼承 js以原型鏈做爲實現繼承的...
深刻淺出this的理解 - 掘金
this在js中一直是謎同樣的存在着,在面試中也是常常會被問道,接下來總結下我所理解的this。首先引入祕密花園中對this的工做原理,文中指出有五種狀況,分別是: 全局範圍內 this; //在全局範圍內使用this
,它將會指向全局對象 函數調...
正則表達式前端使用手冊 - 前端 - 掘金
導讀 你有沒有在搜索文本的時候絞盡腦汁, 試了一個又一個表達式, 仍是不行. 你有沒有在表單驗證的時候, 只是作作樣子(只要不爲空就好), 而後燒香拜佛, 虔誠祈禱, 千萬不要出錯. 你有沒有在使用sed 和 grep 命令的時候, 感...
前端 PS 切圖方法,圖文詳細 - 掘金
寫在前面:本文主要內容是目前我所知道的切圖技巧結合網上的資料,寫出來分享一波。圖文教程,多圖!! BB:不少人都會說,切圖這個活倒底分給UI仍是分給前端。雖然好的UI會給咱們把圖切好,可是他們切的圖不必定百分之百符合咱們的需求,因此我一直都以爲這是頁面仔必需要...
一塊兒來實現圖片滾動懶加載 - 掘金
圖片一直是網絡資源佔用大戶,對於一個前端有幾百張圖片的網站來講,若是首屏即加載全部圖片(不管這些圖片有沒有被用戶看到),那無疑是既浪費網絡資源,又傷害用戶體驗的事。所以,圖片懶加載,是提升前端性能的剛需所在。 目前,淘寶網、知乎等大流量網站都已經使用了圖片滾動...
改造你的網站,變身 PWA - 掘金
最近有不少關於 Progressive Web Apps(PWAs)的消息,不少人都在問這是否是(移動)web 的將來。我不想陷入native app 和 PWA 的紛爭,可是有一件事是肯定的 --- PWA極大的提高了移動端表現,改善了用戶體驗。 好消息是...
單頁應用 - Token 驗證 - 掘金
第一次接觸單頁應用,記錄公司項目關於Token驗證知識. Token的工做原理 Token工做原理 1. 登陸時候,客戶端經過用戶名與密碼請求登陸 2. 服務端收到請求區驗證用戶名與密碼 3. 驗證經過,服務端會簽發一個Token,再把這個Token發給客戶端...
平時本身項目中用到的 CSS - 掘金
css有些屬性容易忘記,半天不寫就要去查api,有時候api還很差使,因而仍是記下來之後方便用,後續會慢慢補充進來的。 Github: https://github.com/asd0102433...博客長期更新,喜歡的朋友star一下 outline...
前端學習計算機圖形學 - 前端 - 掘金
序 來自vczh某計算機圖形學問題的回答: 程序員的三大浪漫:操做系統、圖形學、編譯原理,學了都是用來給你開眼界的。這些都不是什麼你不學就怎麼樣的課程,而是你想成爲大牛,不學不行=_,= Web前端技術中和圖形學掛鉤的大體是CSS3的動畫變換、SV...
線條之美,玩轉 SVG 線條動畫 - 前端 - 掘金
一般來講web前端實現動畫效果主要經過下面幾種方案: css動畫;利用css3的樣式效果能夠將dom元素作出動畫的效果來。 canvas動畫;利用canvas提供的API,而後利用清除-渲染這樣一幀一幀的作出動畫效果。 svg動畫;同...
Ajax 知識體系大梳理 - 掘金
這是一篇萬字長文, 系統梳理了ajax相關的知識體系, 幾乎囊括了全部ajax的知識點. 原文: http://louiszhai.github.io/20... 導讀 Ajax 全稱 Asynchronous JavaScript an...