摘要:注意本文為前端周刊早期整理的舊文重發(fā),不過大部分內(nèi)容并沒有過時(shí),已經(jīng)看過的同學(xué)可以直接去文末訂閱前端周刊微信公眾號。想和我面對面交流掃下方二維碼添加我為好友。
文章教程 手把手教你玩轉(zhuǎn) Github Pages注意:本文為前端周刊早期整理的舊文重發(fā),不過大部分內(nèi)容并沒有過時(shí),已經(jīng)看過的同學(xué)可以直接去文末訂閱前端周刊微信公眾號。
24ways.org
有人說 Github 就是工程師的簡歷,然而一圖勝千言,在程序員的世界里,一個(gè)能運(yùn)行的 Demo 勝過千行萬行的代碼和文檔,相信不少同學(xué)有注意到很多 GitHub 上的倉庫利用 GitHub 本身提供的功能能夠展示 Demo,也有人利用 GitHub 搭建自己的免費(fèi)博客,到底是如何做的?搞懂這些,詳細(xì)你會(huì)更喜歡 GitHub~
必讀:可擴(kuò)展 CSS 的方法論大搜羅github.com
該倉庫圍繞可擴(kuò)展 CSS 這個(gè)主題的不少思路和解決辦法,有些現(xiàn)在已經(jīng)被廣泛使用,比較有名的有 OOCSS、BEM、SMACSS 等,CSS 雖然簡單,但是項(xiàng)目打了讓你頭疼的地方還不少,到這里來取取經(jīng)吧,看看如何提高 CSS 代碼的可維護(hù)性、可擴(kuò)展性~
論 Node 應(yīng)用的持續(xù)部署blog.risingstack.com
自動(dòng)化能給工程師節(jié)省非常多的時(shí)間和經(jīng)理,這篇文章討論持續(xù)部署需要解決的問題和好處,并且以 Node 應(yīng)用為例說明~
開發(fā)工具 SSHRC:帶上你的終端配置去旅行github.com
喜歡用 Linux 命令行或者倒騰或服務(wù)器的同學(xué)肯定經(jīng)常遇到需求,我 SSH 到陌生的遠(yuǎn)程機(jī)器,但是我很熟悉的 bash,vim配置都沒有了,需要在那個(gè)機(jī)器上重新搞?有了 SSHRC,你就可以帶上你的終端配置去旅行啦~
MongoUI:類 phpMyAdmin 的數(shù)據(jù)庫后臺(tái)webapplog.com
MongoUI 是基于 Node 開發(fā)的類似于 phpMyAdmin 的 MongoDB 數(shù)據(jù)庫管理后臺(tái),整體使用 BS 搭建,界面小清新,覺得在命令行中操作 MongoDB 很麻煩的同學(xué)快收下吧~
代碼框架 TableSaw:響應(yīng)式表格插件合集github.com
該倉庫收集了很多響應(yīng)式表格的 jQuery 插件,支持多種響應(yīng)式表格的展示模式:比如單行變多行,表頭選擇,表格導(dǎo)航地圖等等,做移動(dòng)頁面的東西可以看看,如果用不上,相信也能找找靈感~
ACL:基于 Node 的權(quán)限控制組件github.com
應(yīng)用變大之后,自然免不了出現(xiàn)用戶、角色之類的需求,伴隨而來的就是權(quán)限控制的問題,同樣的資源哪些人不能訪問,哪些人能訪問?ACL 對這塊做了很好的抽象,可以很方便的指定角色的權(quán)限規(guī)則,并且支持多種會(huì)話存儲(chǔ)方式,結(jié)合上 Express 和 Passport,相信能為你節(jié)省不少開發(fā)時(shí)間~
Font Awesome Animationl-lin.github.io
利用 CSS3 讓你的 Font Awesome 圖標(biāo)動(dòng)起來,使用的是自己的 IconFont 庫?沒關(guān)系,學(xué)會(huì)他的實(shí)現(xiàn)思路就可以了~
Hello.js:基于 OAuth 的瀏覽器端用戶認(rèn)證 SDKadodson.com
開發(fā)瀏覽器端的單頁面應(yīng)用時(shí)常常會(huì)碰到接入各種第3放認(rèn)證或者用戶登陸的需求,比如 Google、GitHub、Twitter 等,每次都要去搜索這些 API 的文檔,然后寫大段的代碼?Hello.js 把這些重復(fù)性的臟活累活幫你干完了,只需簡單的 API 調(diào)用,遍能夠快速實(shí)現(xiàn)各種第 3 方認(rèn)證的接入,不過目前針對國內(nèi)服務(wù)的插件還比較少,有興趣的同學(xué)可以擴(kuò)展~
視頻演講 瀏覽器預(yù)加載機(jī)制探秘www.slideshare.net
了解瀏覽器的預(yù)加載機(jī)制么?為什么會(huì)存在這種機(jī)制?到底如何工作?看看這個(gè)演講稿,你能了解個(gè)大概~
精彩問答 Express:如何為路由增加命名空間?stackoverflow.com
Express 4 中對 Router 做了比較大的改進(jìn),可以為路由的 URL 增加命名空間了,瀏覽下這個(gè)問題的答案,你就知道具體怎么搞了~
如何不用 Cookie 存儲(chǔ) GA 的數(shù)據(jù)?davidmurdoch.com
用過 GA 的同學(xué)大概都知道,GA 對于 Session 的追蹤是依賴 Cookie 的,這樣產(chǎn)生的 Cookie 在你的主域上發(fā)生的每次請求都會(huì)帶上,如果你的網(wǎng)站訪問量很大,這個(gè)算下來還是個(gè)不小的帶寬消耗呢,不光耗帶寬,還可能影響網(wǎng)站性能哦,那么有什么優(yōu)化辦法?可以用 LocalStorage 存儲(chǔ)這些數(shù)據(jù),這篇文章指明了解決方案~
One More Thing想直接在微信中訂閱前端周刊?掃下方二維碼關(guān)注前端周刊訂閱號。
想和我面對面交流?掃下方二維碼添加我為好友。
Happy Hacking
wangshijun
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/116472.html
摘要:前端每周清單年度總結(jié)與盤點(diǎn)在過去的八個(gè)月中,我?guī)缀踔蛔隽藘杉拢ぷ髋c整理前端每周清單。本文末尾我會(huì)附上清單線索來源與目前共期清單的地址,感謝每一位閱讀鼓勵(lì)過的朋友,希望你們能夠繼續(xù)支持未來的每周清單。 showImg(https://segmentfault.com/img/remote/1460000010890043); 前端每周清單年度總結(jié)與盤點(diǎn) 在過去的八個(gè)月中,我?guī)缀踔蛔隽?..
摘要:地址前端詞典提高幸福感的個(gè)技巧推薦文章介紹了個(gè)更加簡潔優(yōu)雅的使用技巧。這些技巧確實(shí)在實(shí)際開發(fā)中十分常用,作者總結(jié)的很好,特別是針對降級問題又學(xué)到了一個(gè)新思路。值得奮戰(zhàn)在一線的攻城獅們閱讀學(xué)習(xí)。Ladies and 鄉(xiāng)親們,摩拜前端周刊起航啦~ 摩拜前端團(tuán)隊(duì)會(huì)收集每周前端優(yōu)秀文章,每周五發(fā)布至掘金平臺(tái),歡迎關(guān)注我們~ 過個(gè)沒什么了不起的一天,耀眼一些,你有資格 Top 榜 「中高級前端」...
摘要:推薦為什么我們選擇本文是工程師記述在前端技術(shù)選型時(shí)選用的考慮過程。能夠保證較好的類型覆蓋,但是其對于多態(tài)性的支持并不是很好,并且的社區(qū)也相對活躍。引擎就是為解決這一問題而生,在中也是采用該引擎來解析。 推薦 1. 為什么我們選擇 TypeScript https://redditblog.com/2017/0... 本文是 Reddit 工程師 Niranjan Ramadas 記述在...
閱讀 2403·2021-09-22 16:01
閱讀 3167·2021-09-22 15:41
閱讀 1182·2021-08-30 09:48
閱讀 501·2019-08-30 15:52
閱讀 3337·2019-08-30 13:57
閱讀 1724·2019-08-30 13:55
閱讀 3676·2019-08-30 11:25
閱讀 771·2019-08-29 17:25