今日頭條中轉載的好的文章

大咖：恆星網絡 OSC開源社區 

1.JavaScript裏的循環方法

http://www.toutiao.com/i6449983123177341454/?tt_from=weixin_moments&utm_campaign=client_share&from=timeline&app=news_article&utm_source=weixin_moments&iid=13033063971&utm_medium=toutiao_ios&wxshare_count=2&weixin_list=1&pbid=6451801424346088974

2.類tabSwiper

注意他的寫的代碼，這些代碼值得一看。

http://www.toutiao.com/i6449838592356254221/?tt_from=weixin_moments&utm_campaign=client_share&from=timeline&app=news_article&utm_source=weixin_moments&iid=13033063971&utm_medium=toutiao_ios&wxshare_count=2&pbid=6451813763049440782

3.h5手勢的總結。

http://www.toutiao.com/i6450707480472191502/?tt_from=weixin_moments&utm_campaign=client_share&from=timeline&app=news_article&utm_source=weixin_moments&iid=13033063971&utm_medium=toutiao_ios&wxshare_count=2&pbid=6451813763049440782

4.什麼是最全的CSS hack？這就是最全的CSS hack沒有之一

http://www.toutiao.com/i6449198072189682190/?tt_from=weixin_moments&utm_campaign=client_share&from=timeline&app=news_article&utm_source=weixin_moments&isappinstalled=1&iid=13033063971&utm_medium=toutiao_ios&wxshare_count=2&pbid=6451902721746519566

5.JS代碼寫元素的拖拽效果

http://www.toutiao.com/i6448910575652045325/?tt_from=weixin_moments&utm_campaign=client_share&from=timeline&app=news_article&utm_source=weixin_moments&isappinstalled=1&iid=13033063971&utm_medium=toutiao_ios&wxshare_count=2&pbid=6451902721746519566

6.移動端click事件300ms延遲

http://www.toutiao.com/i6450704344948933134/?tt_from=weixin_moments&utm_campaign=client_share&from=timeline&app=news_article&utm_source=weixin_moments&isappinstalled=1&iid=13033063971&utm_medium=toutiao_ios&wxshare_count=2&pbid=6451902721746519566

7.前端開發：推薦動畫的開源圖形庫

http://www.toutiao.com/i6450295108955800078/?tt_from=weixin_moments&utm_campaign=client_share&from=timeline&app=news_article&utm_source=weixin_moments&isappinstalled=1&iid=13033063971&utm_medium=toutiao_ios&wxshare_count=2&pbid=6451902721746519566

8.給 Web 開發人員推薦的通用獨立 UI 組件（一）

http://www.toutiao.com/i6450302604911051278/?tt_from=weixin_moments&utm_campaign=client_share&from=timeline&app=news_article&utm_source=weixin_moments&isappinstalled=1&iid=13033063971&utm_medium=toutiao_ios&wxshare_count=2&pbid=6451902721746519566

9.19個JavaScript簡寫小技巧：前9個，你會幾個呢？

http://www.toutiao.com/i6451446773599699470/?tt_from=weixin_moments&utm_campaign=client_share&from=timeline&app=news_article&utm_source=weixin_moments&isappinstalled=1&iid=13033063971&utm_medium=toutiao_ios&wxshare_count=2&pbid=6451902721746519566

10.前端開發：推薦開源圖形庫——數據可視化

http://www.toutiao.com/i6451357073128030733/?tt_from=weixin_moments&utm_campaign=client_share&from=timeline&app=news_article&utm_source=weixin_moments&isappinstalled=1&iid=13033063971&utm_medium=toutiao_ios&wxshare_count=2&pbid=6451902721746519566

11.乾貨：JavaScript箭頭函數語法

http://www.toutiao.com/i6451417475748725261/?tt_from=weixin_moments&utm_campaign=client_share&from=timeline&app=news_article&utm_source=weixin_moments&isappinstalled=1&iid=13033063971&utm_medium=toutiao_ios&wxshare_count=2&pbid=6451902721746519566

12.一個小小城市選擇控件引起的深度思考

http://www.toutiao.com/i6451019413050098189/?tt_from=weixin_moments&utm_campaign=client_share&from=timeline&app=news_article&utm_source=weixin_moments&isappinstalled=1&iid=13033063971&utm_medium=toutiao_ios&wxshare_count=2&pbid=6451902721746519566

13.我的網站怎麼獲取流量？

https://www.wukong.com/question/6381651024955834626/?tt_from=weixin_moments&utm_source=weixin_moments&utm_medium=toutiao_ios&utm_campaign=client_share&wxshare_count=2&from=timeline&isappinstalled=1

14.web前端開發中css垂直居中佈局解決方案大全！

http://www.toutiao.com/i6450978031161836045/?tt_from=weixin_moments&utm_campaign=client_share&from=timeline&app=news_article&utm_source=weixin_moments&isappinstalled=1&iid=13033063971&utm_medium=toutiao_ios&wxshare_count=2&pbid=6451902721746519566

15.有哪些不錯的H5案例網站？

https://www.wukong.com/answer/6450685565166682382/?iid=13033063971&app=news_article&tt_from=weixin_moments&utm_source=weixin_moments&utm_medium=toutiao_ios&utm_campaign=client_share&wxshare_count=2&from=timeline&isappinstalled=1

16.Web前端開發：是否知道 Console 對象裏的新語法

http://www.toutiao.com/i6449960403945390606/?tt_from=weixin_moments&utm_campaign=client_share&from=timeline&app=news_article&utm_source=weixin_moments&isappinstalled=1&iid=13033063971&utm_medium=toutiao_ios&wxshare_count=2&pbid=6451902721746519566

17.12個很是有用的JavaScript和CSS庫

http://www.toutiao.com/i6450339183453012494/?tt_from=weixin_moments&utm_campaign=client_share&from=timeline&app=news_article&utm_source=weixin_moments&isappinstalled=1&iid=13033063971&utm_medium=toutiao_ios&wxshare_count=2&pbid=6451902721746519566

18.JS寫隱藏側邊框的運動效果

http://www.toutiao.com/i6450415850347315725/?tt_from=weixin_moments&utm_campaign=client_share&from=timeline&app=news_article&utm_source=weixin_moments&isappinstalled=1&iid=13033063971&utm_medium=toutiao_ios&wxshare_count=2&pbid=6451902721746519566

19.「很是有用」的JavaScript 和 CSS 庫插件推薦

http://www.toutiao.com/i6450313627520991757/?tt_from=weixin_moments&utm_campaign=client_share&from=timeline&app=news_article&utm_source=weixin_moments&isappinstalled=1&iid=13033063971&utm_medium=toutiao_ios&wxshare_count=2&pbid=6451902721746519566

20.多種tabs的實現方式

http://www.toutiao.com/i6450076485259624974/?tt_from=weixin_moments&utm_campaign=client_share&from=timeline&app=news_article&utm_source=weixin_moments&isappinstalled=1&iid=13033063971&utm_medium=toutiao_ios&wxshare_count=2&pbid=6451902721746519566

21.這10個按鈕，把 CSS HOVER 的創意發揮到極致了

https://mp.weixin.qq.com/s?__biz=MjM5MDA2MTI1MA==&mid=2649085908&idx=2&sn=58e3c27995b2c6892152b56740a759a2&chksm=be5bf079892c796ff3b6b05e956753beb03f281efa9a9807d1f1691b8c2c88fcd5d9cace70c3&mpshare=1&scene=1&srcid=0802pgMiYviMh8yzVMDfwUhE&key=f134dcd2fe72c7c6fde250c0cead215e37467e2cb3c435ec8d41e3be19ba18a32a7282fc4047b7a080399599e7fb5e4b6d0a5f8a10c743936c958f292c1aaa579cd4fd6e558512df8296807860549a38&ascene=0&uin=Nzc0Njg1ODgw&devicetype=iMac+MacBookAir7%2C2+OSX+OSX+10.12.3+build(16D32)&version=12020810&nettype=WIFI&fontScale=100&pass_ticket=5ppZuZVUJt0eoKrDmQeA%2B%2FcJeNeg60FPg5Q5W%2B5AsqTucHWF9EWDWeAa%2BnLy3K02

22.

掌握Chrome開發工具：新一代前端開發技術

https://mp.weixin.qq.com/s?__biz=MjM5MDA2MTI1MA==&mid=2649085908&idx=1&sn=c5c9bd7d9880b590a9a3c2229a664d38&chksm=be5bf079892c796f29da142d483decf0ed5673f128b7dae6dd040fe3694eb6c1b9f8b22c8bcf&mpshare=1&scene=1&srcid=0802nu5FOpEOYShNUf5vqByR&key=82a8432f5ab6082c904fc9ed080e84badb281c5c98da792278e091f139a0b76587af3f1ab40bf7cf931d02710c3c6de4abb83441e6646813acd9dd1f8e044a6ea0bef2414aebf4bbe5addd762f326ba7&ascene=0&uin=Nzc0Njg1ODgw&devicetype=iMac+MacBookAir7%2C2+OSX+OSX+10.12.3+build(16D32)&version=12020810&nettype=WIFI&fontScale=100&pass_ticket=5ppZuZVUJt0eoKrDmQeA%2B%2FcJeNeg60FPg5Q5W%2B5AsqTucHWF9EWDWeAa%2BnLy3K02

23.

前端開發：CSS變量知識

http://www.toutiao.com/i6449549545981346318/?tt_from=weixin_moments&utm_campaign=client_share&from=timeline&app=news_article&utm_source=weixin_moments&iid=12137022370&utm_medium=toutiao_ios&wxshare_count=2&pbid=6452206530900690446

24.

良心推薦：40個Google Chrome擴展程序

http://www.toutiao.com/i6449583478936699405/?tt_from=weixin_moments&utm_campaign=client_share&from=timeline&app=news_article&utm_source=weixin_moments&iid=12137022370&utm_medium=toutiao_ios&wxshare_count=2&pbid=6452206530900690446

25.

前端開發：CSS小技巧：使用:not(:last-of-type)簡化你的css代碼

http://www.toutiao.com/i6449555559388545549/?tt_from=weixin_moments&utm_campaign=client_share&from=timeline&app=news_article&utm_source=weixin_moments&iid=12137022370&utm_medium=toutiao_ios&wxshare_count=2&pbid=6452206530900690446

26.

前端開發：用純JavaScript實現「複製到剪貼板」功能

http://www.toutiao.com/i6449592042069688845/?tt_from=weixin_moments&utm_campaign=client_share&from=timeline&app=news_article&utm_source=weixin_moments&iid=12137022370&utm_medium=toutiao_ios&wxshare_count=2&weixin_list=1&pbid=6452206530900690446

27.

JavaScript程序員都須要知道的4個數組方法

http://www.toutiao.com/i6449506666672030221/?tt_from=weixin_moments&utm_campaign=client_share&from=timeline&app=news_article&utm_source=weixin_moments&iid=12137022370&utm_medium=toutiao_ios&wxshare_count=2&weixin_list=1&pbid=6452206530900690446

28.

如何寫出一個完美的錯誤消息

http://www.toutiao.com/i6449210070075965966/?tt_from=weixin_moments&utm_campaign=client_share&from=timeline&app=news_article&utm_source=weixin_moments&iid=12137022370&utm_medium=toutiao_ios&wxshare_count=2&pbid=6452206530900690446

29.

用手機打開PC站頁面，自動跳轉到手機站對應文章的方法是什麼？

https://www.wukong.com/answer/6444455031205789966/?iid=12137022370&app=news_article&tt_from=weixin_moments&utm_source=weixin_moments&utm_medium=toutiao_ios&utm_campaign=client_share&wxshare_count=2&from=timeline

30.

Web應用開發之「文件上傳組件」

http://www.toutiao.com/i6449190093377765902/?tt_from=weixin_moments&utm_campaign=client_share&from=timeline&app=news_article&utm_source=weixin_moments&iid=12137022370&utm_medium=toutiao_ios&wxshare_count=2&pbid=6452206530900690446

31.

Docker 命令整理（簡單版）

http://www.toutiao.com/i6448738803640173070/?tt_from=weixin_moments&utm_campaign=client_share&from=timeline&app=news_article&utm_source=weixin_moments&iid=12137022370&utm_medium=toutiao_ios&wxshare_count=2&pbid=6452206530900690446

32.

ES6 class語法小記

http://www.toutiao.com/i6448883233609220621/?tt_from=weixin_moments&utm_campaign=client_share&from=timeline&app=news_article&utm_source=weixin_moments&iid=12137022370&utm_medium=toutiao_ios&wxshare_count=2&weixin_list=1&pbid=6452206530900690446

33.

面試內容第四彈——搞定BAT面試中的前端（FE）問題

http://www.toutiao.com/i6448827061145436686/?tt_from=weixin_moments&utm_campaign=client_share&from=timeline&app=news_article&utm_source=weixin_moments&iid=12137022370&utm_medium=toutiao_ios&wxshare_count=2&pbid=6452206530900690446

34.

讓你用一次就會愛上的幾個個web工具類產品

http://www.toutiao.com/i6448939282269733390/?tt_from=weixin_moments&utm_campaign=client_share&from=timeline&app=news_article&utm_source=weixin_moments&iid=12137022370&utm_medium=toutiao_ios&wxshare_count=2&pbid=6452206530900690446

35.

Web應用開發：最火之響應式 Web 框架

http://www.toutiao.com/i6448800907273437710/?tt_from=weixin_moments&utm_campaign=client_share&from=timeline&app=news_article&utm_source=weixin_moments&iid=12137022370&utm_medium=toutiao_ios&wxshare_count=2&pbid=6452206530900690446

36.

史上最全清浮動方法

http://www.toutiao.com/i6448735092033470989/?tt_from=weixin_moments&utm_campaign=client_share&from=timeline&app=news_article&utm_source=weixin_moments&iid=12137022370&utm_medium=toutiao_ios&wxshare_count=2&pbid=6452206530900690446

37.

乾貨，騰訊和百度出品的這些良心網站你確定不知道

http://www.toutiao.com/i6448119791185035790/?tt_from=weixin_moments&utm_campaign=client_share&from=timeline&app=news_article&utm_source=weixin_moments&iid=12137022370&utm_medium=toutiao_ios&wxshare_count=2&pbid=6452206530900690446

38.

完全理解 JS 中 this 的指向

https://mp.weixin.qq.com/s?__biz=MzAxODE2MjM1MA==&mid=2651552403&idx=1&sn=9f3ebb90573742a9506875ab6b2c2a5b&chksm=8025ad52b7522444b61cbb18ac593fc1b523e1bd383d10614e3ab9a6ee5e02ef3a2a745175f6&mpshare=1&scene=1&srcid=0729gXVXLuBlBW9kMzB2oJpR&key=c3ec9d0848b584c063ecac10135b49ce1e7ace57d28500496ca33dcd6cd579aa45daabeea7df3540408b1a7fdc7d7dbed4283ced0f1f34d76649595ad5bc85b17d01f475e3143f85491c2ff54f6b536b&ascene=0&uin=Nzc0Njg1ODgw&devicetype=iMac+MacBookAir7%2C2+OSX+OSX+10.12.3+build(16D32)&version=12020810&nettype=WIFI&fontScale=100&pass_ticket=5ppZuZVUJt0eoKrDmQeA%2B%2FcJeNeg60FPg5Q5W%2B5AsqTucHWF9EWDWeAa%2BnLy3K02

39.

若是你的網站SEO優化上不去，那麼請看看互聯網資深大V如何教你製做一個優質的SEO站點

http://www.toutiao.com/i6446209081165218318/?tt_from=weixin_moments&utm_campaign=client_share&from=timeline&app=news_article&utm_source=weixin_moments&iid=12137022370&utm_medium=toutiao_ios&wxshare_count=2&pbid=6452206530900690446

40.

給 Web 開發人員推薦的開源圖形庫——2D/3D

http://www.toutiao.com/i6445052071514210830/?tt_from=weixin_moments&utm_campaign=client_share&from=timeline&app=news_article&utm_source=weixin_moments&iid=12137022370&utm_medium=toutiao_ios&wxshare_count=2&pbid=6452206530900690446

41.

javascript 數組方法

http://www.toutiao.com/i6445901114918306318/?tt_from=weixin_moments&utm_campaign=client_share&from=timeline&app=news_article&utm_source=weixin_moments&iid=12137022370&utm_medium=toutiao_ios&wxshare_count=2&pbid=6452206530900690446

42.

es6的一些基本語法

http://www.toutiao.com/i6445428137709797901/?tt_from=weixin_moments&utm_campaign=client_share&from=timeline&app=news_article&utm_source=weixin_moments&iid=12137022370&utm_medium=toutiao_ios&wxshare_count=1

43.

不使用JavaScript，只用CSS3的:target選擇器實現模態彈出窗口，支持多終端屏幕

http://www.toutiao.com/i6443305274982793741/?tt_from=weixin_moments&utm_campaign=client_share&from=timeline&app=news_article&utm_source=weixin_moments&iid=12137022370&utm_medium=toutiao_ios&wxshare_count=2&pbid=6452206530900690446

44.

作了3年開發的程序員如何賺外快，有哪些靠譜的平臺？

https://www.wukong.com/answer/6441418249639821581/?wxshare_count=0