網址資源

時間  2019-11-10
標籤 網址 資源 简体版
原文   原文鏈接

綜合類javascript





入門類- [前端知識體系](http://www.cnblogs.com/sb19871023/p/3894452.html)
- [前端知識結構](https://github.com/JacksonTian/fks)
- [Web前端開發大系概覽](https://github.com/unruledboy/WebFrontEndStack)
- [Web前端開發大系概覽-中文版](http://www.cnblogs.com/unruledboy/p/WebFrontEndStack.html)
- [Web Front-end Stack v2.2](https://raw.githubusercontent.com/unruledboy/WebFrontEndStack/master/Web%20Front%20End%20Stack.png)
- [免費的編程中文書籍索引](https://github.com/justjavac/free-programming-books-zh_CN)
- [前端書籍](https://github.com/dypsilon/frontend-dev-bookmarks)
- [前端免費書籍大全](https://github.com/vhf/free-programming-books)
- [前端知識體系](http://www.cnblogs.com/sb19871023/p/3894452.html)
- [免費的編程中文書籍索引](https://github.com/justjavac/free-programming-books-zh_CN)
- [智能社 - 精通JavaScript開發](http://study.163.com/course/introduction/224014.htm)
- [從新介紹 JavaScript（JS 教程）](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/A_re-introduction_to_JavaScript)
- [麻省理工學院公開課：計算機科學及編程導論](http://v.163.com/special/opencourse/bianchengdaolun.html)
- [JavaScript中的this陷阱的最全收集--沒有之一](http://segmentfault.com/a/1190000002640298)
- [JS函數式編程指南](https://llh911001.gitbooks.io/mostly-adequate-guide-chinese/content/ch1.html)
- [JavaScript Promise迷你書（中文版）](http://liubin.github.io/promises-book/)
- [騰訊移動Web前端知識庫](https://github.com/AlloyTeam/Mars)
- [Front-End-Develop-Guide 前端開發指南](https://github.com/Front-End-Developers-Hunan/Front-End-Develop-Guide)
- [前端開發筆記本](https://li-xinyang.gitbooks.io/frontend-notebook/content/)
- [大前端工具集 - 聶微東](https://github.com/nieweidong/fetool)
- [前端開發者手冊](https://dwqs.gitbooks.io/frontenddevhandbook/content/)
- [前端入門教程](http://www.cnblogs.com/jikey/p/3613082.html)
- [瘳雪峯的Javascript教程](http://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000)
- [jQuery基礎教程](http://www.imooc.com/view/11)
- [前端工程師必備的PS技能——切圖篇](http://www.imooc.com/view/506)
- [結合我的經歷總結的前端入門方法](https://github.com/qiu-deqing/FE-learning)
  1. 效果類
  2. 工具類
  3. 慕課專題
  4. 週報類

六. API:

1. 總目錄

  1. 開發中心 
    - [mozilla js參考](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript)
- [chrome開發中心（chrome的內核已轉向blink）](https://developer.chrome.com/extensions/api_index.html)
- [safari開發中心](https://developer.apple.com/library/safari/navigation)
- [microsoft js參考](https://msdn.microsoft.com/zh-cn/library/d1et7k7c(v=vs.94).aspx)
- [js祕密花園](http://sanshi.me/articles/JavaScript-Garden-CN/html/index.html)
- [js祕密花園](http://bonsaiden.github.io/JavaScript-Garden/zh/)
- [w3help](http://www.w3help.org/) 綜合Bug集合網站
  2. 綜合搜索
  3. 綜合API

2. jQuery

3. Ecmascript

4. Js template

5. 彈出層

6. CSS

7. Angularjs

8. React

9. 移動端API

  1. API
  2. 框架

10. avalon

11. Requriejs

12. Seajs

13. Less,sass

14. Markdown

15. D3

16. 兼容性

17. UI相關

18. HTTP

19. 其它API

20. 圖表類

21. vue

21. 正則

22. ionic

23. 其它

七. 開發規範

  1. 前端
  2. PHP
  3. Android

八. 其它收集

1. 各大公司開源項目

2. Javascript

  1. 經常使用
  2. 算法
  3. 移動端
  4. JSON

3. Html5

4. CSS

5. jQuery

  1. 焦點圖

6. Ext, EasyUI, J-UI 及其它各類UI方案

  1. Ext
  2. EasyUI
  3. J-UI
  4. Other

7. 頁面 社會化 分享功能

8. 富文本編輯器

9. 日曆

  1. PC
  2. 移動
  3. Date library

10. 綜合效果搜索平臺

11. 前端工程化

  1. 概述
  2. Gulp
  3. Grunt
  4. Fis

12. 輪播圖

  1. pc圖輪
  2. 移動端 
    - [無縫切換](http://www.swipejs.com/)
- [滑屏效果](http://www.idangero.us/swiper/)
- [全屏fullpage](https://github.com/peunzhang/fullpage)
- [單個圖片切換](https://github.com/qiqiboy/touchslider)
- [單個全屏切換](https://github.com/peunzhang/slip.js)
- [百度的切換庫](http://touch.code.baidu.com/examples.html?qq-pf-to=pcqq.group)
- [單個全屏切換](https://github.com/peunzhang/iSlider)
- [滑屏效果](https://github.com/saw/touch-interfaces)
- [旋轉拖動設置](http://baijs.com/tinycircleslider/)
- [相似於swipe切換](http://touchslider.com/)
- [支持多種形式的觸摸滑動](http://www.swiper.com.cn/demo/index.html)
- [滑屏效果](https://github.com/joker-ye/main/blob/master/wap/index.html)
- [大話主席pc移動圖片輪換](http://www.superslide2.com/)
- [滑屏效果](https://github.com/hahnzhu/parallax.js)
- [基於zepto的fullpage](https://github.com/yanhaijing/zepto.fullpage)
- [     - 定寬網頁設計下，固定寬度佈局開發WebApp並實現多終端下WebApp佈局自適應](http://www.cnblogs.com/plums/archive/2013/01/10/WebApp-fixed-width-layout-of-multi-terminal-adapter-since.html][WebApp)
- [判斷微信客戶端的那些坑](http://loo2k.com/blog/detecting-wechat-client/)
- [能夠經過javascript直接調用原生分享的工具](https://github.com/JefferyWang/nativeShare.js)
- [JiaThis 分享到微信代碼](http://www.jiathis.com/help/html/weixin-share-code)
- [聊聊移動端跨平臺開發的各類技術](http://fex.baidu.com/blog/2015/05/cross-mobile/)
- [前端自動化測試](http://www.zhihu.com/question/29922082)
- [多種輪換圖片](http://ajccom.github.io/niceslider/)
- [滑動側邊欄](https://mango.github.io/slideout/)

13. 文件上傳

14. 模擬select

15. 取色插件

16. 城市聯動

17. 剪貼板

18. 簡繁轉換

19. 表格 Grid

20. 在線演示

21. 播放器

22. 粒子動畫

九. Nodejs

十. 性能優化

  1. 常規優化 
    - [Javascript高性能動畫與頁面渲染](http://www.infoq.com/cn/articles/javascript-high-performance-animation-and-page-rendering)
- [移動H5前端性能優化指南](http://isux.tencent.com/h5-performance.html)
- [5173首頁前端性能優化實踐](http://ued.5173.com/?p=1731)
- [給網頁設計師和前端開發者看的前端性能優化](http://www.uisdc.com/front-end-performance-for-web-designers-and-front-end-developers)
- [複雜應用的 CSS 性能分析和優化建議](http://www.orzpoint.com/profiling-css-and-optimization-notes/)
- [張鑫旭——前端性能](http://www.zhangxinxu.com/wordpress/tag/%E5%89%8D%E7%AB%AF%E6%80%A7%E8%83%BD/)
- [前端性能監控總結](http://www.xiaoqiang.org/javascript/font-end-performance-monitor.html)
- [         網站性能優化之CSS無圖片技術](http://udc.weibo.com/2013/05/%E7%BD%91%E7%AB%99%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96%E4%B9%8Bcss%E6%97%A0%E5%9B%BE%E7%89%87%E6%8A%80%E6%9C%AF/)
- [web前端性能優化進階路](http://www.aliued.cn/2013/01/20/web%E5%89%8D%E7%AB%AF%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96%E8%BF%9B%E9%98%B6%E8%B7%AF.html)
- [前端技術：網站性能優化之CSS無圖片技術](http://my.eoe.cn/tuwandou/archive/4544.html)
- [瀏覽器的加載與頁面性能優化](http://www.baiduux.com/blog/2011/02/15/browser-loading/)
- [頁面加載中的圖片性能優化](http://www.w3ctech.com/p/1503)
- [Hey——前端性能](http://www.feelcss.com/tag/%E5%89%8D%E7%AB%AF%E6%80%A7%E8%83%BD)
- [html優化](http://www.baiduux.com/blog/2010/03/15/html%E4%BC%98%E5%8C%96-2/)
- [99css——性能](http://www.99css.com/tag/%e6%80%a7%e8%83%bd)
- [Yslow——性能優化](http://www.yslow.net/category.php?cid=20)
- [YSLOW中文介紹](http://www.cnblogs.com/yslow/)
- [轉一篇Yahoo關於網站性能優化的文章，兼談本站要作的優化](http://www.360ito.com/article/40.html)
- [Yahoo!團隊實踐分享：網站性能](http://www.360doc.com/content/10/0928/09/2588264_56971287.shtml)
- [網站性能優化指南：什麼使咱們的網站變慢？](http://blog.jiasule.com/i/153)
- [網站性能優化實踐，減小加載時間，提升用戶體驗](http://www.powereasy.net/helpyou/knowledge/ecommerce/9593.html)
- [淺談網站性能優化 前端篇](http://www.umtry.com/archives/747.html)
- [前端重構實踐之如何對網站性能優化？](http://www.adinnet.cn/blog/designview/2012-7-12/678.html)
- [前端性能優化：使用媒體查詢加載指定大小的背景圖片](http://www.gbin1.com/technology/javascript/20130708-front-end-performance-optimization-9/)
- [網站性能系列博文](http://www.mykuer.com/post/factors-that-affect-the-speed-of-web-site-open.html)
- [加載，不僅是少一點點](http://tgideas.qq.com/webplat/info/news_version3/804/808/811/m579/201109/41355.shtml)
- [前端性能的測試與優化](http://mzhou.me/article/95310/)
- [分享網頁加載速度優化的一些技巧？](http://www.gbin1.com/technology/html/20130217-tips-for-speed-up-page-loading/)
- [頁面加載中的圖片性能優化](http://www.f2es.com/images-bytes-opt/)
- [web前端優化(基於Yslow)](http://www.tcreator.info/webSchool/website/Front-end-Opt-Yslow.html)
- [網站性能優化工具大全](https://www.qianduan.net/website-performance-optimization-tool.html)
- [【高性能前端1】高性能HTML](http://www.alloyteam.com/2012/10/high-performance-html/)
- [【高性能前端2】高性能CSS](http://www.alloyteam.com/2012/10/high-performance-css/)
- [由12306談談網站前端性能和後端性能優化](http://coolshell.cn/articles/6470.html)
- [AlloyTeam——前端優化](http://www.alloyteam.com/webfrontend/%E5%89%8D%E7%AB%AF%E4%BC%98%E5%8C%96/)
- [毫秒必爭，前端網頁性能最佳實踐](http://www.cnblogs.com/developersupport/p/3248695.html)
- [網站性能工具Yslow的使用方法](http://blog.sina.com.cn/s/blog_6e9d2e0701017kvu.html)
- [前端工程與性能優化（上）：靜態資源版本更新與緩存](http://www.infoq.com/cn/articles/front-end-engineering-and-performance-optimization-part1)
- [前端工程與性能優化（下）：靜態資源管理與模板框架](http://www.infoq.com/cn/articles/front-end-engineering-and-performance-optimization-part2)
- [HTTPS鏈接的前幾毫秒發生了什麼](http://blog.jobbole.com/48369/)
- [Yslow](http://uicss.cn/yslow/#more-12319)
- [Essential Web Performance Metrics — A Primer, Part 1](http://blog.smartbear.com/web-performance/essential-web-performance-metrics-a-primer-part-1/)
- [Essential Web Performance Metrics — Part 2](http://blog.smartbear.com/performance/essential-web-performance-metrics-part-2/)
- [YUISlide,針對移動設備的動畫性能優化](http://jayli.github.io/blog/data/2011/12/23/yuislide.html)
- [Improving Site Performance](http://joelglovier.com/improving-site-performance/)
- [讓網站提速的最佳前端實踐](http://segmentfault.com/a/1190000000367899)
- [Why Website Speed is Important](http://sixrevisions.com/web-development/why-website-speed-is-important/)
- [Need for Speed – How to Improve your Website Performance](https://www.devbridge.com/articles/need-for-speed-how-to-improve-your-website-performance/)
- [阿里無線前端性能優化指南 (Pt.1 加載期優化)](https://github.com/amfe/article/issues/1)
相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程