front end Doc

ส่วนหน้า-Doc

สรุปเอกสารส่วนหน้า (รวมถึงข้อกำหนดโค้ด กระบวนการพัฒนา การแบ่งปันความรู้ และการอัปเดตอย่างต่อเนื่อง)

หมวดหมู่ที่ครอบคลุม	ที่อยู่
ตัวอย่างพื้นฐานของเอกสารส่วนหน้า	https://github.com/mgbq/front-end-Doc/blob/master/base.md
ระบบความรู้ส่วนหน้า	http://www.cnblogs.com/sb19871023/p/3894452.html
โครงสร้างความรู้ส่วนหน้า	https://github.com/JacksonTian/fks
ภาพรวมของแผนกพัฒนาเว็บส่วนหน้า	https://github.com/unruledboy/WebFrontEndStack
ภาพรวมของแผนกพัฒนาเว็บส่วนหน้า-เวอร์ชันภาษาจีน	http://www.cnblogs.com/unruledboy/p/WebFrontEndStack.html
เว็บฟรอนต์เอนด์สแต็ค 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
MIT Open Course: วิทยาการคอมพิวเตอร์เบื้องต้นและการเขียนโปรแกรม	http://v.163.com/special/opencourse/bianchengdaolun.html
คอลเลกชันที่ครอบคลุมที่สุดของกับดักนี้ใน JavaScript - คอลเลกชันเดียวเท่านั้น	http://segmentfault.com/a/1190000002640298
คำแนะนำเกี่ยวกับการเขียนโปรแกรมฟังก์ชั่นใน JS	https://llh911001.gitbooks.io/mostly-adequate-guide-chinese/content/ch1.html
JavaScript Promise Mini Book (เวอร์ชันภาษาจีน)	http://liubin.github.io/promises-book
ฐานความรู้ส่วนหน้าของเว็บบนมือถือของ Tencent	https://github.com/AlloyTeam/Mars
Front-End-Develop-Guide คู่มือการพัฒนา Front-End	https://github.com/Front-End-Developers-Hunan/Front-End-Develop-Guide
สมุดบันทึกการพัฒนาส่วนหน้า	https://li-xinyang.gitbooks.io/frontend-notebook/content
ชุดเครื่องมือส่วนหน้าขนาดใหญ่-Nie Weidong	https://github.com/nieweidong/fetool
คู่มือนักพัฒนาส่วนหน้า	https://dwqs.gitbooks.io/frontenddevhandbook/content

ระดับเริ่มต้น	ที่อยู่
บทช่วยสอนเบื้องต้นส่วนหน้า	http://www.cnblogs.com/jikey/p/3613082.html
บทช่วยสอน Javascript ของ Jingxuefeng	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

หมวดหมู่เอฟเฟกต์	ที่อยู่
เลเยอร์ป๊อปอัป	http://www.imooc.com/learn/58
โฟกัสเอฟเฟกต์พิเศษแบบหมุนภาพ	http://www.imooc.com/learn/18

เครื่องมือ	ที่อยู่
CSS สไปรท์ การผลิตภาพสไปรท์	http://www.imooc.com/learn/93
เริ่มต้นใช้งานการควบคุมเวอร์ชัน – ย้ายเข้าสู่ Github	http://www.imooc.com/learn/390
เครื่องมืออัตโนมัติส่วนหน้าที่เริ่มต้นอย่างฮึดฮัด	http://www.imooc.com/learn/30

หัวข้อ MOOC	ที่อยู่
จาง Xinxu-MOOC ซีรีส์	http://www.imooc.com/t/197450
ลิน - ซีรีย์ MOOC	http://www.imooc.com/t/104593
อัลเลน-MOOC Series	http://www.imooc.com/u/290139/courses?sort=publish
Bizi-Hello เว็บบนมือถือ	http://www.imooc.com/view/494

หนังสือพิมพ์รายสัปดาห์	ที่อยู่
รายงานทางเทคนิคประจำสัปดาห์ของทีมพัฒนาเทคโนโลยีมือถือ Ping An 2	https://github.com/PaicHyperionDev/MobileDevWeekly

ศูนย์พัฒนา	ที่อยู่
การอ้างอิง mozilla js	https://developer.mozilla.org/zh-CN/docs/Web/JavaScript
Chrome Development Center (แกนกลางของ Chrome ถูกเปลี่ยนให้กะพริบ)	https://developer.chrome.com/extensions/api_index.html
ศูนย์พัฒนาซาฟารี	https://developer.apple.com/library/safari/navigation
การอ้างอิงไมโครซอฟต์ js	https://msdn.microsoft.com/zh-cn/library/d1et7k7c(v=vs.94.aspx
เจเอส ซีเคร็ท การ์เด้น	http://sanshi.me/articles/JavaScript-Garden-CN/html/index.html
เจเอส ซีเคร็ท การ์เด้น	http://bonsaiden.github.io/JavaScript-Garden/en
w3help	http://www.w3help.org เว็บไซต์รวบรวม Bug ที่ครอบคลุม

การค้นหาที่ครอบคลุม	ที่อยู่
จาวาสคริปต์	http://www.javascripting.com
ค้นหาห้องสมุดยอดนิยมต่างๆ	http://microjs.com

API ที่ครอบคลุม	ที่อยู่
runoob.com - มีคอลเลกชัน API ต่างๆ	http://www.runoob.com
การรวบรวมเอกสาร API ออนไลน์ของจีนแบบโอเพ่นซอร์ส	http://tool.oschina.net/apidocs
devdocs	http://devdocs.io เว็บไซต์ API ภาษาอังกฤษที่ครอบคลุม

jQuery	ที่อยู่
เอกสารภาษาจีน jQuery API	http://www.jquery123.com
เฮมินเวอร์ชันออนไลน์	http://hemin.cn/jq
css88.jq.api	http://www.css88.com/jqapi-1.9/on
css88 jqui api	http://www.css88.com/jquery-ui-api
เรียนรู้ jquery	http://learn.jquery.com
ค้นหาซอร์สโค้ด jquery	http://james.padolsey.com/jquery

เอคมาสคริปต์	ที่อยู่
ทำความเข้าใจ ECMAScript 6 - Nicholas C. Zakas	https://leanpub.com/understandes6/read
สำรวจ-es6	https://leanpub.com/exploring-es6/read
การแปลการสำรวจ-es6	https://github.com/es6-org/exploring-es6
explore-es6 ดูตัวอย่างหลังการแปล	http://es6-org.github.io/exploring-es6
เรือนอี้เฟิงเกส6	http://es6.ruanyifeng.com
เรือนอี้เฟิงJavascript	http://javascript.ruanyifeng.com
ECMA-262 ฉบับที่ 5	http://yanhaijing.com/es5
es5	http://es5.github.io

เทมเพลต Js	ที่อยู่
ตัวเลือกเทมเพลต	http://garann.github.io/template-chooser
เทมเพลตศิลปะ	https://github.com/aui/artTemplate
ทอมดีเจ	https://github.com/aui/tmodjs/blob/master/README.md
เทมเพลต Taobao เทมเพลตเครื่องคั้นน้ำผลไม้	http://juicer.name/docs/docs_zh_cn.html
Fxtpl v1.0 เอ็นจิ้นเทมเพลตส่วนหน้า Starry	http://koen301.github.io/fxtpl
เลย์เพล	http://laytpl.layui.com
โมซิลลา-nunjucks	https://github.com/mozilla/nunjucks
เครื่องคั้นน้ำผลไม้	https://github.com/PaulGuo/Juicer
ฝุ่น	http://akdubya.github.io/dustjs
ฯลฯ	http://ecomfe.github.io/etpl

เลเยอร์ป๊อปอัป	ที่อยู่
artDialog เวอร์ชันล่าสุด	https://github.com/aui/artDialog
เอกสาร artDialog	http://aui.github.io/artDialog/doc/index.html
ที่อยู่ดาวน์โหลดโค้ด Google	https://code.google.com/p/artdialog/downloads/list
Xianxin ป๊อปอัพเลเยอร์	http://layer.layui.com
ไลบรารีส่วนประกอบการโต้ตอบของผู้ใช้ที่ตอบสนอง	https://github.com/bh-lay/UI
sweetalert-มีเลเยอร์ป๊อปอัปแบบเคลื่อนไหว css3	http://t4t5.github.io/sweetalert

ซีเอสเอส	ที่อยู่
การอ้างอิงไวยากรณ์ CSS	http://tympanus.net/codrops/css_reference
คู่มือภาพเคลื่อนไหว CSS3	http://isux.tencent.com/css3/index.html
เครื่องมือสร้างแอนิเมชั่น Tencent CSS3	http://isux.tencent.com/css3/tools.html
คอลเลกชันอุปกรณ์ CSS ของ Zhiye	http://linxz.github.io/tianyizone
css3 js มือถือผสม	http://www.note12.com/category/blog/2014-6-5/538fe0a9f786f1b7019a4dfb
ห้องสมุดสัมผัส Bouncejs	http://bouncejs.com
ภาพเคลื่อนไหวปุ่ม CSS3	http://fian.my.id/Waves
animate.css	http://daneden.github.io/animate.css
การสิ้นสุดของ CSS ระดับโลก	http://www.alloyteam.com/2015/10/8536

Angularjs	ที่อยู่
แหล่งเรียนรู้บางส่วนสำหรับ Angular.js	https://github.com/dolymood/AngularLearning
ชุมชนชาวจีน angularjs	http://angularjs.cn
การเรียนรู้ซอร์สโค้ด Angularjs	http://www.cnblogs.com/xuwenmin888/p/3739096.html
การเรียนรู้ซอร์สโค้ด Angularjs	http://www.ifeenan.com/?c=AngularJS
การห่อหุ้ม bootstrap ของ Angular	http://angular-ui.github.io/bootstrap
เชิงมุม + nodejs	https://cnodejs.org/topic/51404e0f069911196d2e3923
หลู ต้าเป่าแองกูลาร์จส	http://www.cnblogs.com/lvdabao/tag/AngularJs
แนวทางปฏิบัติที่ดีที่สุดของ AngularJS	http://www.infoq.com/cn/news/2013/02/angular-web-app
คำแนะนำส่วนขยายบางส่วนสำหรับ Angular	http://www.lovelucy.info/angularjs-best-practices.html
หลักการผูกข้อมูลเชิงมุม	https://github.com/Pasvaz/bindence
ส่วนขยาย Angular UI บางส่วน	https://github.com/angular-ui
การทดสอบประสิทธิภาพของ Ember และ AngularJS	http://voidcanvas.com/emberjs-vs-angularjs-Performance-testing
พาคุณเข้าใกล้ AngularJS มากขึ้น - ข้อมูลเบื้องต้นเกี่ยวกับฟังก์ชันพื้นฐาน	http://www.cnblogs.com/powertoolsteam/p/angularjs-introdection.html
คู่มือการพัฒนา Angularjs	http://angular.duapp.com/docs/guide
การเรียนรู้เชิงมุม	http://www.cnblogs.com/amosli/p/3710648.html
อย่าเรียนรู้ AngularJS โดยคำนึงถึง jQuery	http://www.rainweb.cn/article/angularjs-jquery.html
บันทึกการศึกษาเชิงมุม	http://wangjiatao.diandian.com/?tag=angularjs
คู่มือการพัฒนา Angularjs	http://www.angularjs.cn/T008
ข้อมูลภาษาอังกฤษเชิงมุม	https://github.com/jmcunningham/AngularJS-Learning
บูทสแตรปเชิงมุม	http://angular-ui.github.io/bootstrap
มือถือเชิงมุม jq	https://github.com/opitzconsulting/jquery-mobile-angular-adapter
UI เชิงมุม	http://mgcrea.github.io/เชิงมุม-strap
มีประสบการณ์ในการบูรณาการ jQuery Mobile+AngularJS	http://www.tuicool.com/articles/7ZZVr2
ด้วยพื้นหลัง jQuery วิธีใช้แนวคิดการเขียนโปรแกรม AngularJS	http://blog.jobbole.com/46589/
บทช่วยสอนออนไลน์ AngularJS	http://each.sinaapp.com/angular
บันทึกการศึกษาเชิงมุม	http://www.zouyesheng.com/angular.html

ตอบสนอง	ที่อยู่
react.js ฟอรัมภาษาจีน	http://www.react-china.org
เว็บไซต์อย่างเป็นทางการของ react.js	https://facebook.github.io/react/index.html
เอกสารอย่างเป็นทางการของ react.js	https://facebook.github.io/react/docs/getting-started.html
UI วัสดุ react.js	http://material-ui.com/#
react.js UI ของ TouchstoneJS	http://touchstonejs.io
react.js UI ของ amazeui	http://amazeui.org/react
โต้ตอบตัวอย่างบทช่วยสอนเบื้องต้น - Ruan Yifeng	http://www.ruanyifeng.com/blog/2015/03/react.html
โต้ตอบเวอร์ชันภาษาจีนพื้นเมือง	http://wiki.jikexueyuan.com/project/react-native
Webpack และ React Little Book - สตูว์ส่วนหน้า	http://www.html-js.com/article/Fakefish%203053
หนังสือเล่มเล็กของ Webpack และ React - gitbook	https://fakefish.github.io/react-webpack-cookbook
เว็บแพ็ก	https://github.com/webpack/webpack
Webpack ประสบการณ์การเข้า 101	http://html-js.com/article/3009
บทช่วยสอนการเริ่มต้นใช้งาน Webpack	http://html-js.com/article/3113
การสำรวจเกี่ยวกับการสร้างโซลูชันทางวิศวกรรมส่วนหน้าโดยใช้ webpack	http://segmentfault.com/a/1190000003499526
โต้ตอบวิดีโอสอนการใช้งานจริงต้นฉบับ	http://www.piliyu.com

API มือถือ	ที่อยู่
99 ชุดความรู้มือถือ	https://github.com/jtyjty99999/mobileTech
ฐานความรู้การพัฒนาส่วนหน้าบนมือถือ	https://github.com/AlloyTeam/Mars
ข้อผิดพลาดและวิธีแก้ปัญหาบางประการสำหรับส่วนหน้าบนมือถือ (รูปลักษณ์)	http://caibaojian.com/mobile-web-bug.html
[ต้นฉบับ] การจัดระเบียบทรัพยากรเว็บบนมือถือ	http://www.cnblogs.com/PeunZhang/p/3407453.html
คู่มือภาษาจีน Zepto 1.0	http://mweb.baidu.com/zeptoapi
คู่มือภาษาจีน Zepto 1.0	http://www.html-5.cn/Manual/Zepto
เซฟโต 1.1.2	http://www.css88.com/doc/zeptojs_api
ความคิดเห็น zepto ภาษาจีน	http://www.cnblogs.com/sky000/archive/2013/03/29/2988952.html
คู่มือ jqmobile	http://app-framework-software.intel.com/api.php
คอลเลกชันการพัฒนาเบราว์เซอร์มือถือ	https://github.com/maxzhang/maxzhang.github.com/issues
การผสมผสานของการพัฒนามือถือ	https://github.com/hoosin/mobile-web-favorites
ปัญหาบางอย่างใน WeChat webview	http://lin-chao.github.io/2014/11/14/%E5%BE%AE%E4%BF%A1webview%E4%B8%AD%E7%9A%84%E4%B8%80%E4 %BA%9B%E9%97%AE%E9%A2%98

กรอบ	ที่อยู่
เฟรมเวิร์ก HTML ที่โดดเด่นเพื่อสร้างแอพ iOS ที่สวยงาม	http://framework7.taobao.org
เถาเป่า ซุย	http://m.sui.taobao.org

อวาลอน	ที่อยู่
อวาลอนจ์	http://avalonjs.github.io
ไลบรารี UI รุ่นใหม่ของ Avalon: OniUI	http://ued.qunar.com/oniui/index.html
avalon.oniui - ไลบรารีส่วนประกอบที่ใช้ avalon	https://github.com/RubyLouvre/avalon.oniui

ความต้องการ	ที่อยู่
การเขียนโปรแกรมโมดูลาร์ Javascript (1): วิธีเขียนโมดูล	http://www.ruanyifeng.com/blog/2012/10/javascript_module.html
การเขียนโปรแกรมโมดูลาร์ Javascript (2): ข้อกำหนดของ AMD	http://www.ruanyifeng.com/blog/2012/10/asynchronous_module_definition.html
การเขียนโปรแกรมโมดูลาร์ Javascript (3): การใช้งานของ need.js	http://www.ruanyifeng.com/blog/2012/11/require_js.html
เริ่มต้นใช้งาน RequireJS (1)	http://www.cnblogs.com/snandy/archive/2012/05/22/2513652.html
เริ่มต้นใช้งาน RequireJS (2)	http://www.cnblogs.com/snandy/archive/2012/05/23/2513712.html
ต้องการ JS ขั้นสูง (3)	http://www.cnblogs.com/snandy/archive/2012/06/08/2538001.html
ต้องการการเรียนรู้ซอร์สโค้ด	http://www.cnblogs.com/yexiaochai/p/3632580.html
ต้องการคู่มือการเริ่มต้นใช้งาน	http://www.oschina.net/translate/getting-started-with-the-requirejs-library
ต้องการบันทึกการศึกษาของ JS	http://www.cnblogs.com/yexiaochai/p/3214926.html
ต้องการอย่างใดอย่างหนึ่ง	http://cyj.me/why-seajs/requirejs/
จำเป็นต้องมีการผสมผสานกระดูกสันหลัง	http://www.cnblogs.com/yexiaochai/p/3221081.html

เซียจส์	ที่อยู่
การค้นหา	http://seajs.org
คู่มือภาษาจีน seajs	http://cyj.me/why-seajs/en

น้อยไปนะสัส	ที่อยู่
หน้าด้าน	http://www.w3cplus.com/sassguide
sass กวดวิชา-sass จีน	http://www.sass.hk
เอกสารภาษาจีนของ Sass	http://sass.bootcss.com
น้อย	http://less.bootcss.com

มาร์กดาวน์	ที่อยู่
คำอธิบายไวยากรณ์ Markdown (เวอร์ชันภาษาจีนตัวย่อ)	http://wowubuntu.com/markdown
การอ้างอิงรายการมาร์กดาวน์	https://github.com/LearnShare/Learning-Markdown/blob/master/README.md
กิตบุค	https://www.gitbook.com มาร์กดาวน์ออนไลน์ต่างประเทศสามารถตัดต่อเป็นหนังสือได้
ผู้จัดการ	https://www.zybuluo.com/mdeditor เครื่องมือแก้ไขมาร์กดาวน์ออนไลน์ในประเทศ
ซ้อนกัน	https://stackedit.io เครื่องมือแก้ไขมาร์กดาวน์ออนไลน์จากต่างประเทศพร้อมฟังก์ชันอันทรงพลังและการซิงโครไนซ์ดิสก์บนคลาวด์
ผู้อำนวยการ	http://bh-lay.github.io/mditor เครื่องมือแก้ไขมาร์กดาวน์แบบน้ำหนักเบา
บรรณาธิการ Lepture	https://github.com/lepture/editor
markdown-บรรณาธิการ	https://github.com/jbt/markdown-editor

D3	ที่อยู่
บทช่วยสอน d3	https://github.com/mbostock/d3/wiki/Tutorials
แกลเลอรี่	https://github.com/mbostock/d3/wiki/Gallery
ห้องใต้หลังคา	http://datavisual.lofter.com/post/40cf3a_188e535
อิตาอิ	http://alanland.iteye.com/blog/1878595
หร่วนอี้เฟิง	http://javascript.ruanyifeng.com/library/d3.html

ความเข้ากันได้	ที่อยู่
รายการความเข้ากันได้ของ Esma	http://kangax.github.io/compat-table/es6
บริการตรวจสอบ W3C CSS	http://jigsaw.w3.org/css-validator/validator.html.zh-cn
คานิอุส	http://caniuse.com/#index
csscreator	http://csscreator.com/properties
ไมโครซอฟต์	https://msdn.microsoft.com/zh-cn/library/cc351024(v=vs.85.aspx
การทดสอบความเข้ากันได้แบบออนไลน์-เทอร์มินัลมือถือ	http://www.responsinator.com
อีมูเลเตอร์	https://www.manymo.com/emulators

UI ที่เกี่ยวข้อง	ที่อยู่
bootcss	http://v3.bootcss.com
เมโทร UICSS	http://www.w3cplus.com/MetroUICSS
ความหมาย	http://semantic-ui.com
ปุ่ม	http://alexwolfe.github.io/Buttons
ว่าว	http://hiloki.github.io/kitecss
พินตูเออร์	http://www.pintuer.com
ตะลึงพรึงเพริด	http://amazeui.org
สวัสดีชาวโลก	http://www.worldhello.net/gotgithub/index.html
ลินุกซ์ทอย	http://igit.linuxtoy.org/contents.html
gitmagic	http://www-cs-students.stanford.edu/~blynn/gitmagic/intl/zh_cn
โรเจอร์ดัดเลอร์	http://rogerdudler.github.io/git-guide/index.zh.html
gitref	http://gitref.justjavac.com
หนังสือ	http://git-scm.com/book/zh
โกโกจิมมี่	http://gogojimmy.net/2012/01/17/how-to-use-git-1-git-basic

HTTP	ที่อยู่
คู่มือการออกแบบ HTTP API	http://segmentfault.com/bookmark/1230000002521721

API อื่นๆ	ที่อยู่
สรุปไลบรารี JavaScript ยอดนิยม	จาวาสคริปต์ทู
ตรวจสอบ API	http://niceue.com/validator/demo/index.php
ขีดเส้นใต้คู่มือภาษาจีน	http://www.css88.com/doc/underscore
ขีดเส้นใต้การวิเคราะห์ซอร์สโค้ด	http://www.html-js.com/article/Underscorejs-source-code-analysis-of-underscorejs-source-code-analysis%203031
เน้นการวิเคราะห์ซอร์สโค้ด - บล็อกของ Aris Zhude	http://yalishizhude.github.io/tags/underscore
ขีดล่างและ API	http://underscorejs.org
lodash - แทนที่ขีดล่าง	https://lodash.com
ext4api	http://extjs-doc-cn.github.io/ext4api
คู่มือภาษาจีนกระดูกสันหลัง	http://www.csser.com/tools/backbone/backbone.js.html
คู่มือ qwrap	http://dev.qwrap.com/resource/js/_docs/_youa/#/qw/base/loadJs_.htm
ฟังก์ชั่นการค่อยๆ เปลี่ยน	http://easings.net/zh-cn
svg การอ้างอิงภาษาจีน	http://www.w3school.com.cn/svg/svg_reference.asp
การอ้างอิง svg mdn	https://developer.mozilla.org/en-US/docs/Web/SVG
ผ้าใบส่งออก svg	https://github.com/gabelerner/canvg
svg ส่งออก png	https://github.com/exupero/saveSvgAsPng
ai-to-svg	http://www.zamzar.com/convert/ai-to-svg
ไลบรารี่ localStorage	https://github.com/machao/localStorage

คลาสแผนภูมิ	ที่อยู่
Highcharts API ภาษาจีน	http://www.hcharts.cn/api/index.php
API ภาษาอังกฤษ Highcharts	http://api.highcharts.com/highcharts
ซอฟต์แวร์สร้างแผนภูมิของ ECharts Baidu	http://echarts.baidu.com/
อาแมป	http://lbs.amap.com/api
กรอบสคริปต์กราฟิกแบบเวกเตอร์โอเพ่นซอร์ส	http://paperjs.org
แผนที่ SVG	http://jvectormap.com

วิว	ที่อยู่
วิว	http://cn.vuejs.org
วิวฟอรั่ม	http://forum.vuejs.org
เริ่มต้นใช้งาน Vue	http://www.cnblogs.com/aaronjs/p/3660102.html
ดัชนีทรัพยากรบางส่วนของ Vue	http://segmentfault.com/a/1190000000411057
สุดยอด-vue	https://github.com/vuejs/awesome-vue

ปกติ	ที่อยู่
เมตาอักขระนิพจน์ทั่วไป JS	http://segmentfault.com/a/1190000002471140
บทช่วยสอนเบื้องต้นเกี่ยวกับนิพจน์ทั่วไปความยาว 30 นาที	http://deerchao.net/tutorials/regex/regex.htm
MDN-นิพจน์ปกติ	https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Regular_Expressions
ruanyifeng - วัตถุ RegExp	http://javascript.ruanyifeng.com/stdlib/regexp.html
Moustache Brother-นิพจน์ทั่วไปขั้นสูง	http://div.io/topic/764?page=1
is.js	https://github.com/Cedriking/is.js/blob/master/is.js
การทดสอบออนไลน์ปกติ	http://regexper.com

อิออน	ที่อยู่
อิออน	https://github.com/ychow/ionic-guide

อื่น	ที่อยู่
Mock.js เป็นเครื่องมือสร้างข้อมูลจำลอง	http://mockjs.com

ส่วนหน้า	ที่อยู่
นิสัยการเขียนโค้ดของวิศวกร สรุปโดยการวิเคราะห์ฐานโค้ด GitHub	http://alloyteam.github.io/CodeGuide
มาตรฐานการเข้ารหัส HTML&CSS โดย @mdo	http://codeguide.bootcss.com
แบบแผนการตั้งชื่อ CSS สำหรับการทำงานเป็นทีม - ทีมส่วนหน้าของ Tencent AlloyTeam	http://www.alloyteam.com/2011/10/107
ข้อมูลจำเพาะการเข้ารหัสส่วนหน้า js - โดย yuwenhui	http://yuwenhui.github.io
ข้อมูลจำเพาะการเข้ารหัสส่วนหน้า js - โดย Li Jing	http://www.cnblogs.com/hustskyking/p/javascript-spec.html
คู่มือข้อกำหนดการพัฒนาส่วนหน้า	http://zhibimo.com/read/Ashu/front-end-style-guide
แนวทางการเขียนโค้ด JavaScript ของ Airbnb (เวอร์ชันภาษาจีนตัวย่อ)	https://github.com/yuche/javascript#table-of-contents
ความแตกต่างระหว่างข้อกำหนดของ AMD และ CMD	http://www.zhihu.com/question/20351507
ความแตกต่างระหว่างข้อกำหนดของ AMD และ CMD	http://www.cnblogs.com/tugenhua0707/p/3507957.html
ข้อมูลจำเพาะของซอร์สโค้ด KISSY	http://docs.kissui.com/1.4/docs/html/tutorials/style-guide/kissy-source-style.html
ข้อกำหนดการเข้ารหัส bt	http://codeguide.bootcss.com
ข้อมูลจำเพาะรุ่นปรับปรุง	https://github.com/Suxiaogang/Code_Guide
ข้อกำหนดโค้ดส่วนหน้าและแนวทางปฏิบัติที่ดีที่สุด	http://blog.jobbole.com/79075
ข้อมูลจำเพาะส่วนหน้าของ Baidu	http://coderlmn.github.io/code-standards
ข้อมูลจำเพาะส่วนหน้าของ Baidu	http://isobar-idev.github.io/code-standards
ข้อมูลจำเพาะส่วนหน้าของ Baidu	http://zhuanlan.zhihu.com/fuyun/19884834
ข้อกำหนดการเข้ารหัส ECMAScript6 - ทีมงานส่วนหน้าของ GF Securities	https://github.com/gf-rd/es6-coding-style
คู่มือสไตล์ JavaScript/แนวทางการเขียนโค้ด (Airbnb Corporate Edition)	http://blog.jobbole.com/79484
ข้อมูลจำเพาะการพัฒนาส่วนหน้าของ NetEase	http://nec.netease.com/standard
โมดูลซีเอสเอส	http://www.75team.com/archives/1049
รายการทรัพยากรข้อกำหนดส่วนหน้า	https://github.com/ecomfe/spec

PHP	ที่อยู่
มาตรฐานการเข้ารหัส PHP ที่ได้รับความนิยมมากที่สุด	http://segmentfault.com/a/1190000000443795
มาตรฐานการเข้ารหัส PHP ที่ได้รับความนิยมมากที่สุด	https://github.com/hfcorriez/fig-standards/blob/zh_CN/%E6%8E%A5%E5%8F%97/PSR-2-coding-style-guide.md

หุ่นยนต์	ที่อยู่
[การพัฒนาแบบ Agile] ข้อกำหนดการพัฒนาทีม Android	http://www.cnblogs.com/lcw/p/3619181.html
ข้อกำหนดและแอปพลิเคชันการพัฒนา Android	http://www.jianshu.com/p/4390f4fe19b3

โครงการโอเพ่นซอร์สของบริษัทยักษ์ใหญ่	ที่อยู่
โครงการเฟสบุ๊ค	https://code.facebook.com/projects/web
แผนก R&D ส่วนหน้าของเว็บไซต์ Baidu	http://fex.baidu.com
ไป่ตู้ EFE	http://efe.baidu.com
ไป่ดูกิตฮับ	https://github.com/fex-team
โลหะผสมทีม	http://www.alloyteam.com
Alloyteam-github	http://alloyteam.github.io
Alloyteam-AlloyGameEngine	https://github.com/AlloyTeam/AlloyGameEngine
AlloyDesigner	http://alloyteam.github.io/AlloyDesigner การปรับเปลี่ยนทันที การบันทึกทันที การแก้ไขแบบร่างการออกแบบ และสิ่งช่วยในการพัฒนาอื่นๆ
ข้อมูลเบื้องต้นเกี่ยวกับ AEditor โปรแกรมแก้ไขหน้าเชิงโต้ตอบ H5	http://www.alloyteam.com/2015/06/h5-jiao-hu-ye-bian-ji-qi-aeditor-jie-shao บทนำเกี่ยวกับเครื่องมือสำหรับการพัฒนาหน้าโต้ตอบภาพเคลื่อนไหว H5
เอเอดิเตอร์	http://aeditor.alloyteam.com เครื่องมือสำหรับการพัฒนาเพจแบบโต้ตอบแอนิเมชัน H5
มะค่า	http://forum.maka.im/wordpress
คุ้มค่าแก่การสมัครสมาชิกรายสัปดาห์	https://github.com/fenbility/weekly-feed
เทนเซ็นต์ html5	http://cube.qq.com
โครงการโอเพ่นซอร์ส Qiwu Troupe	http://75team.github.io
คูนาร์ ยูอีดี	http://ued.qunar.com
สแครท	http://scrat.io

นิยมใช้	ที่อยู่
ieBetter.js - ให้ IE6-IE8 มีคุณสมบัติเบราว์เซอร์ เช่น IE9+ และ Chrome	http://www.zhangxinxu.com/wordpress/2013/12/iebetter-js-make-ie6-ie8-like-modern-browser-ie9-chrome
จำลองแป้นพิมพ์	http://mottie.github.io/Keyboard
พินอิน	https://github.com/hotoo/pinyin
การตรวจสอบหมายเลขประจำตัวส่วนบุคคลของจีน	https://github.com/mc-zone/IDValidator

อัลกอริทึม	ที่อยู่
โครงสร้างข้อมูลและอัลกอริทึมคำอธิบาย JavaScript	https://github.com/Ralph-Wang/algorithm.in.js
อัลกอริธึมการเรียงลำดับทั่วไป (เวอร์ชัน JS)	https://github.com/twobin/twobinSort
การเรียงลำดับแบบคลาสสิก	https://github.com/luofei2011/jsAgm/blob/master/js/sort.js
อัลกอริทึมการเรียงลำดับทั่วไป-เวอร์ชัน js	https://github.com/hechangmin/jssort
ชุดอัลกอริธึม JavaScript และโครงสร้างข้อมูลที่จำเป็น	https://github.com/lightningtgc/JavaScript-Algorithms
คำอธิบายโดยย่อของคำถามอัลกอริทึมที่ถูกถามบ่อยในการสัมภาษณ์	http://www.nowcoder.com/live/courses

เทอร์มินัลมือถือ	ที่อยู่
คลิกอย่างรวดเร็ว	https://github.com/ftlabs/fastclick
ไม่มีการคลิกล่าช้า	https://github.com/mmastrac/jquery-noclickdelay

เจสัน	ที่อยู่
จำลองข้อมูล JSON ที่สร้างขึ้น	http://beta.json-generator.com
ส่งคืน JSONAPI ข้ามโดเมน	http://jsonp.afeld.me

Html5	ที่อยู่
การสาธิต HTML5 ใดที่ทำให้คุณประหลาดใจ	http://www.zhihu.com/question/24398907

ซีเอสเอส	ที่อยู่
เบราว์เซอร์แฮ็ก	http://browserhacks.com

แผนที่โฟกัส	ที่อยู่
มายโฟกัส	https://github.com/koen301/myfocus
เว็บไซต์สาธิต myfocus อย่างเป็นทางการ	http://www.chhua.com/myfocus
SuperSlidev2.1 -- ประธาน Dahua	http://www.superslide2.com
ดังนั้นเปลี่ยน	http://www.bujichong.com/sojs/soChange/index.html

Ext, EasyUI, J-UI และโซลูชัน UI อื่นๆ	ที่อยู่
extjs	https://www.sencha.com/products/extjs
API ภาษาอังกฤษ ext4	http://docs.sencha.com/extjs/4.0.7
API จีน ext4	http://extjs-doc-cn.github.io/ext4api

EasyUI	ที่อยู่
jquery easyui ซอร์สโค้ดที่ไม่มีการบีบอัด	http://jquery-easyui.googlecode.com/svn/trunk/src

J-UI	ที่อยู่
J-UI	http://jui.org

อื่น	ที่อยู่
MUI - เฟรมเวิร์กฟรอนต์เอนด์ประสิทธิภาพสูงที่ใกล้เคียงกับประสบการณ์แอพเนทีฟมากที่สุด	http://dcloudio.github.io/mui
UI ที่น่าประหลาดใจ	เฟรมเวิร์กฟรอนต์เอนด์ข้ามหน้าจอ HTML5 แบบโอเพ่นซอร์สตัวแรกของจีน
เฟรมเวิร์กส่วนหน้าของ Taobao HTML5	http://m.sui.taobao.org
KISSY - ไลบรารี JavaScript ส่วนหน้าของอาลีบาบา	http://docs.kissui.com
NetEase Nej - Javascript ง่าย ๆ ที่ดี	http://nej.netease.com
การสาธิต MVVM ของ Kendo UI	http://demos.telerik.com/kendo-ui/mvvm/index
บูทสแตรป	http://www.bootcss.com
UI อัจฉริยะ	http://smartui.chinamzz.com
Yahoo UI – CSS UI	http://developer.yahoo.com/yui/grids

ฟังก์ชั่นการแชร์เพจโซเชียล	ที่อยู่
ไป่ตู้ แชร์	http://share.baidu.com เวอร์ชั่น PC
เจียติส	http://jiathis.com เวอร์ชั่น PC
องค์ประกอบการแบ่งปันทางสังคม	http://developer.baidu.com/soc/share เทอร์มินัลมือถือ
ShareSDK ใช้งานฟังก์ชันโซเชียลได้อย่างง่ายดาย	http://www.mob.com/#/index เทอร์มินัลมือถือ
อุเม็งแชร์	http://dev.umeng.com/social/android/quick-integration เวอร์ชันมือถือ

โปรแกรมแก้ไขข้อความที่หลากหลาย	ที่อยู่
Tinymce ทำงานได้อย่างสมบูรณ์	https://www.tinymce.com
บรรณาธิการของ Baidu	http://ueditor.baidu.com/เว็บไซต์
คิกดิเตอร์สุดคลาสสิค	http://ckeditor.com
ผู้ใจดีแบบคลาสสิก	http://kindeditor.net
ไวซีวิค	http://www.bootcss.com/p/bootstrap-wysiwyg
บรรณาธิการที่รอบคอบ บรรณาธิการของบาค	http://integ.github.io/BachEditor
โปรแกรมแก้ไขที่ใช้โดยทาวเวอร์	https://github.com/mycolorway/simditor
บรรณาธิการบันทึกฤดูร้อน	https://github.com/summernote/summernote
เครื่องมือแก้ไข html5	http://neilj.github.io/Squire
XEditor	http://lab.hustlzp.com/XEditor
วังบรรณาธิการ	https://github.com/wangfupeng1988/wangEditor

พีซี	ที่อยู่
คลาสสิค my97	http://www.my97.net/dp/demo/index.htm
เครื่องมือเลือกวันที่อิสระอันทรงพลัง	http://www.cnblogs.com/gbin1/archive/2012/04/16/2452105.html
ปฏิทินแบบเต็ม	http://fullcalendar.io
คอลเลกชันจุดความรู้การควบคุมปฏิทินแบบเต็มปฏิทิน	http://blog.csdn.net/francislaw/article/details/7740630
API ภาษาจีน	http://blog.sina.com.cn/s/blog_9475b1c101012c5f.html
ปฏิทินจันทรคติ	https://github.com/zzyss86/LunarCalendar
การควบคุมปูมเก่า Baidu เลียนแบบสุดเจ๋งพร้อมปฏิทินวันหยุด	http://www.sucaisj.com/jiaoben/date/201509/16856.html
การจัดรูปแบบวันที่	http://momentjs.com
การควบคุมปฏิทินแดเนียล	https://github.com/Johnqing/QPAYCalendar
ผลงานการบริหารจัดการของกลุ่มเรา	https://github.com/Iamlars/dateMarker
ป้อนข้อมูลเว็บไซต์อย่างเป็นทางการของการแทนที่ระดับบิต	http://digitalbush.com/projects/masked-input-plugin
ป้อนข้อมูล bitwise replacement-github	https://github.com/digitalBush/jquery.maskedinput/tree/1.2.2
bootstrap-daterangepicker	https://github.com/dangrossman/bootstrap-daterangepicker
ชุดปลั๊กอินต่างประเทศ 30 รายการ	http://www.vandelaydesign.com/30-best-free-jquery-plugins
เครื่องมือเลือกวันที่ของ JavaScript	http://dbushel.com/2012/10/09/pikaday-javascript-datepicker
Datepair.js	http://jonthornton.github.io/Datepair.js
ปฏิทินที่มีหลายสไตล์	https://github.com/glad/glDatePicker
ปฏิทินป๊อปอัปแบบเต็ม	http://amsul.ca/pickadate.js/date
jquery ปฏิทินคู่	http://www.daterangepicker.com

เคลื่อนไหว	ที่อยู่
ปลั๊กอินการเลือกวันที่ปฏิทินมือถือ jQuery ที่น่าสนใจและใช้งานได้จริง	http://www.frankdemo.cn/index.php?c=content&a=show&id=115
วันที่ปลั๊กอิน Mobiscroll ในการพัฒนามือถือ jQuery Mobile	https://mobiscroll.com

ห้องสมุดวันที่	ที่อยู่
วันที่จ	https://github.com/datejs/Datejs
น้ำตาลจ	http://sugarjs.com/api/Date

แพลตฟอร์มการค้นหาเอฟเฟกต์ที่ครอบคลุม	ที่อยู่
เครือข่ายเอฟเฟกต์	http://www.jq22.com
17 วัสดุ	http://www.17sucai.com
ข้อมูลโค้ด JavaScript ที่ใช้กันทั่วไป	http://microjs.com

ภาพรวม	ที่อยู่
ชุดเครื่องมือส่วนหน้าที่สมบูรณ์	http://www.awesomes.cn
วิศวกรรมส่วนหน้าคืออะไร	ฟูเบอร์/บล็อก#10

อึก	ที่อยู่
เว็บไซต์อย่างเป็นทางการของ Gulp	http://gulpjs.com
เว็บไซต์ Gulp ภาษาจีน	http://www.gulpjs.com.cn
อึกการรวบรวมข้อมูล	https://github.com/Platform-CUF/use-gulp
อึก: เครื่องมือจัดการงานอัตโนมัติ - ruanyifeng	http://javascript.ruanyifeng.com/tool/gulp.html
ปลั๊กอินอึก	http://gulpjs.com/plugins
อึก กวดวิชาเบื้องต้นที่ไม่สมบูรณ์	http://www.ido321.com/1622.html
ทำไมต้องใช้อึก?	hjzheng/CUF_meeting_knowledge_share#33
การติดตั้งอึกและส่วนประกอบความร่วมมือเพื่อสร้างบูรณาการการพัฒนาส่วนหน้า	http://www.dbpoo.com/getting-started-with-gulp
เริ่มต้นใช้งาน Gulp	https://github.com/nimojs/gulp-book
เริ่มต้นใช้งาน Gulp - nimojs	https://github.com/nimojs/blog/issues/19
Gulp บทแนะนำการเริ่มต้นใช้งาน	http://markpop.github.io/2014/09/17/Gulp%E5%85%A5%E9%97%A8%E6%95%99%E7%A8%8B
อึกในการดำเนินการ	http://www.imooc.com/video/5692
บทช่วยสอนการพัฒนา Gulp (การแปล)	http://www.w3ctech.com/topic/134
บทนำและเทคนิคการใช้เครื่องมือก่อสร้างส่วนหน้า gulpjs	http://www.cnblogs.com/2050/p/4198792.html

ฮึดฮัด	ที่อยู่
คำราม js	http://gruntjs.com
เว็บไซต์ภาษาจีน Grunt	http://www.gruntjs.net

ปีการศึกษา 2561	ที่อยู่
เว็บไซต์อย่างเป็นทางการของ fis	http://fex-team.github.io/fis-site/index.html
ฟิส	http://fis.baidu.com

วงล้อแผนภูมิพีซี	ที่อยู่
การเปลี่ยนม้าหมุนหน้าจอเดียว	http://www.jsfoot.com/jquery/demo/2011-09-20/192.html
ปุ่มซ้ายและขวาเพื่อสลับระหว่างภาพหลายภาพ	http://bxslider.com/examples/carousel-demystified
ม้าหมุนแบบเต็มหน้าจอแบบเต็มหน้า	https://github.com/alvarotrigo/fullPage.js

เทอร์มินัลมือถือ	ที่อยู่
การสลับที่ไร้รอยต่อ	http://www.swipejs.com
เอฟเฟกต์หน้าจอสไลด์	http://www.idangero.us/swiper
เต็มหน้าจอเต็มหน้า	https://github.com/peunzhang/fullpage
การสลับภาพเดี่ยว	https://github.com/qiqiboy/touchslider
สวิตช์เต็มหน้าจอเดียว	https://github.com/peunzhang/slip.js
ห้องสมุดสวิตช์ Baidu	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
คล้ายกับการสลับการปัด	http://touchslider.com
รองรับการเลื่อนแบบสัมผัสหลากหลายรูปแบบ	http://www.swiper.com.cn/demo/index.html
เอฟเฟกต์หน้าจอสไลด์	https://github.com/joker-ye/main/blob/master/wap/index.html
ประธาน Dahua พีซี หมุนภาพมือถือ	http://www.superslide2.com
เอฟเฟกต์หน้าจอสไลด์	https://github.com/hahnzhu/parallax.js
เต็มหน้าขึ้นอยู่กับ zepto	https://github.com/yanhaijing/zepto.fullpage
[WebApp] ภายใต้การออกแบบหน้าเว็บที่มีความกว้างคงที่ พัฒนา WebApp ด้วยเค้าโครงที่มีความกว้างคงที่ และตระหนักถึงการปรับเค้าโครง WebApp ภายใต้หลายเทอร์มินัล	http://www.cnblogs.com/plums/archive/2013/01/10/WebApp-fixed-width-layout-of-multi-terminal-adapter-since.html
ระบุข้อผิดพลาดของไคลเอนต์ WeChat	http://loo2k.com/blog/detecting-wechat-client
เครื่องมือการแชร์แบบเนทีฟสามารถเรียกได้โดยตรงผ่านจาวาสคริปต์	https://github.com/JefferyWang/nativeShare.js
JiaThis แชร์ไปที่รหัส WeChat	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

อัพโหลดไฟล์	ที่อยู่
องค์ประกอบการอัพโหลด Baidu	http://fex.baidu.com/webuploader
อัปโหลด	https://blueimp.github.io/jQuery-File-Upload
อัพโหลดอวาตาร์แฟลช	http://www.hdfu.net
ตัวอย่างการอัพโหลดรูปภาพ	http://www.dropzonejs.com
การครอบตัดรูปภาพ	http://elemefe.github.io/image-cropper
การครอบตัดรูปภาพ-shearphoto	http://www.shearphoto.com
การประมวลผลภาพ jQuery	http://www.oschina.net/project/tag/284/jquery-image-tools?lang=0&os=0&sort=view&p=2

จำลองเลือก	ที่อยู่
การเลือกคุกกี้น้ำตาล	http://aui.github.io/popupjs/doc/selectbox.html
เฟล็กซ์เลือก	https://github.com/rmm5t/jquery-flexselect
เลือกสองครั้ง	http://loudev.com
เลือก2	http://select2.github.io

ปลั๊กอินการเลือกสี	ที่อยู่
ปลั๊กอินการเลือกสีอินเทอร์เฟซเหมือน Photoshop	http://www.jq22.com/plugin/367
สีเจคิวรี่	https://github.com/jquery/jquery-color
คอลเลกชันปลั๊กอินการเลือกสี	http://www.oschina.net/project/tag/287/color-picker
แหวนฟาร์บาทติสติก+สี่เหลี่ยม	https://github.com/mattfarina/farbtastic

การเชื่อมโยงเมือง	ที่อยู่
jquery.cityselect.js จังหวัดและเมืองหรือเอฟเฟกต์การเชื่อมโยงแบบกำหนดเองตาม jQuery+JSON	http://www.ijquery.cn/?p=360

คลิปบอร์ด	ที่อยู่
คลิปบอร์ด	https://github.com/zeroclipboard/zeroclipboard
คลิปบอร์ด โซลูชั่นการตัดใหม่ล่าสุด	http://zenorocha.github.io/clipboard.js
ไม่ใช่คลิปบอร์ดของ Flash	https://github.com/zenorocha/clipboard.js

การแปลงระหว่างภาษาจีนตัวย่อและตัวเต็ม	ที่อยู่
การแปลงระหว่างภาษาจีนตัวย่อและตัวเต็ม	https://github.com/BYVoid/OpenCC

ตารางกริด	ที่อยู่
แบบฟอร์มเฟสบุ๊ค	http://facebook.github.io/fixed-data-table
การแก้ไขตารางที่คล้ายกับ Excel-handsontable	http://handsontable.com
ปลั๊กอินตารางบูตสแตรป	http://bootstrap-table.wenzhixin.net.cn
ตารางข้อมูล	https://www.datatables.net

การสาธิตออนไลน์	ที่อยู่
การแก้ไขออนไลน์ js - runjs	http://runjs.cn
การแก้ไขออนไลน์ด้วย js - jsbin	http://jsbin.com
การแก้ไขออนไลน์ด้วย Codepen.js	http://codepen.io
การแก้ไขออนไลน์ js - jsfiddle	http://jsfiddle.net
การแก้ไข java ออนไลน์ - runjs	http://ideone.com
hcharts.js การแก้ไขออนไลน์	http://code.hcharts.cn
js การแก้ไขออนไลน์-jsdm.js	http://jsdm.com
การแก้ไขออนไลน์ sql - sqlfiddle	http://sqlfiddle.com
โปรแกรมแก้ไขออนไลน์ของ Mozilla	https://thimble.mozilla.org

ผู้เล่น	ที่อยู่
เครื่องเล่นวีดีโอ Html5	https://github.com/zmmbreeze/DeadSimpleVideoPlayer

แอนิเมชันของอนุภาค	ที่อยู่
ดอกไม้ไฟโปรตอน	http://a-jie.github.io/Proton/#example

โหนด	ที่อยู่
nodejs มีขนาดค่อนข้างใหญ่	http://liuqing.pw
Node.js รวมถึงการสอนแต่ไม่รวมทักษะ	https://github.com/alsotang/node-lessons
พื้นที่น้อยลง	http://www.rainweb.cn/article/category/Nodejs
บทช่วยสอนเบื้องต้นของ node express	http://www.w3cfuns.com/article-5598538-1-1.html
งานที่กำหนดเวลาไว้ของ nodejs	http://my.oschina.net/u/568264/blog/193773
บล็อกของ nodejs	http://60sky.com
[บันทึกการศึกษา NodeJS 04] ระบบเผยแพร่ข่าว	http://www.cnblogs.com/yexiaochai/p/3536547.html
สนุกตลอด 7 วันในช่วงตรุษจีน และเรียนรู้ nodejs อย่างสนุกสนาน	http://www.cnblogs.com/qqloving/p/3541099.html
เรียนรู้ NodeJS ในเจ็ดวัน	https://github.com/nqdeng/7-days-nodejs
บันทึกการศึกษาของ Nodejs (2) --- โมดูลเหตุการณ์	http://www.cnblogs.com/zhongweiv/p/nodejs_events.html
เริ่มต้นใช้งาน nodejs	http://www.cnblogs.com/liusuqi/p/3735491.html
เชิงมุม nodejs	https://github.com/zensh/jsgen
การเริ่มต้นซีรีย์ nodejs ตั้งแต่เริ่มต้น	http://blog.fens.me/series-nodejs
ทำความเข้าใจกับ nodejs	http://debuggable.com/posts/understand-node-js:4bd98440-45e4-4a9a-8ef7-0f7ecbdd56cb
การสำรวจเหตุการณ์ nodejs	http://blog.mixu.net/2011/02/01/understand-the-node-js-event-loop
เริ่มต้นใช้งานโหนด	http://www.nodebeginner.org/index-zh-cn.html
nodejs ซม	http://ourjs.com/detail/53e1f281c5910a9806000001
เริ่มต้นใช้งาน Node ซึ่งเป็นบทช่วยสอน NodeJS ที่ครอบคลุม	http://ourjs.com/detail/529ca5950cb6498814000005
รหัสการดีบักและการปรับประสิทธิภาพสำหรับ nodejs	http://www.barretlee.com/blog/2015/10/07/debug-nodejs-in-command-line

การเพิ่มประสิทธิภาพทั่วไป	ที่อยู่
ภาพเคลื่อนไหวของ JavaScript ประสิทธิภาพสูงและการแสดงผลหน้าเว็บ	http://www.infoq.com/cn/articles/javascript-high-performance-animation-and-page-rendering
คู่มือการเพิ่มประสิทธิภาพประสิทธิภาพการทำงานของ Front-end Mobile 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-cs-and-optimization-notes
Zhang Xinxu—-ประสิทธิภาพการทำงานของ Front-end	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%B C%98%E5%8C%96%E4%B9%8BCSS%E6%97%A0%E5%9B%เป็น%E7%89%87%E6%8A%80%E6%9C%AF
เส้นทางขั้นสูงไปยังการเพิ่มประสิทธิภาพประสิทธิภาพของเว็บ front-end	http://www.aliued.cn/2013/01/20/WEB%E5%89%8D%E7%AB%AF%E6%80%A7%E8%83%BD%E4%BC%98%E5%A 8C%96%E8%BF%9B%E9%98%B6%E8%B7%AF.HTML
เทคโนโลยี Front-End: CSS Image-Free Technology สำหรับการเพิ่มประสิทธิภาพการทำงานของเว็บไซต์	http://my.eoe.cn/tuwandou/archive/4544.html
การโหลดเบราว์เซอร์และการเพิ่มประสิทธิภาพประสิทธิภาพของหน้าเว็บ	http://www.baiduux.com/blog/2011/02/15/browser-loading
การเพิ่มประสิทธิภาพประสิทธิภาพของภาพระหว่างการโหลดหน้าเว็บ	http://www.w3ctech.com/p/1503
เฮ้ - ประสิทธิภาพส่วนหน้า	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-peed-up-page-loading
การเพิ่มประสิทธิภาพประสิทธิภาพของภาพระหว่างการโหลดหน้าเว็บ	http://www.f2es.com/images-bytes-opt
การเพิ่มประสิทธิภาพส่วนหน้าเว็บ (ขึ้นอยู่กับ yslow	http://www.tcreator.info/webschool/website/front-end-opt-yslow.html
คอลเลกชันที่สมบูรณ์ของเครื่องมือเพิ่มประสิทธิภาพของเว็บไซต์	https://www.qianduan.net/website-performance-optimization-tool.html
[Front-Performance Front-end 1] HTML ประสิทธิภาพสูง	http://www.alloyteam.com/2012/10/high-performance-html
[Front-Performance Front-end 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
Milliseconds Matter แนวทางปฏิบัติที่ดีที่สุดสำหรับประสิทธิภาพของหน้าเว็บส่วนหน้า	http://www.cnblogs.com/developersupport/p/3248695.html
วิธีใช้เครื่องมือประสิทธิภาพของเว็บไซต์ yslow	http://blog.sina.com.cn/s/blog_6e9d2e0701017kvu.html
การเพิ่มประสิทธิภาพด้านวิศวกรรมและประสิทธิภาพด้านหน้า (ตอนที่ 1): การอัปเดตเวอร์ชันทรัพยากรแบบคงที่และการแคช	http://www.infoq.com/cn/articles/front-end-engineering-and-performance-optimization-part1
วิศวกรรมส่วนหน้าและการเพิ่มประสิทธิภาพประสิทธิภาพ (ตอนที่ 2): การจัดการทรัพยากรแบบคงที่และกรอบเทมเพลต	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
ตัวชี้วัดประสิทธิภาพเว็บที่จำเป็น - ไพรเมอร์ตอนที่ 1	http://blog.smartbear.com/web-performance/essential-web-performance-metrics-a-primer-part-1
ตัวชี้วัดประสิทธิภาพเว็บที่จำเป็น - ตอนที่ 2	http://blog.smartbear.com/performance/essential-web-performance-metrics-part-2
Yuislide, การเพิ่มประสิทธิภาพประสิทธิภาพของภาพเคลื่อนไหวสำหรับอุปกรณ์มือถือ	http://jayli.github.io/blog/data/2011/12/23/yuislide.html
ปรับปรุงประสิทธิภาพของไซต์	http://joelglovier.com/improving-site-performance
แนวทางปฏิบัติด้านหน้าที่ดีที่สุดเพื่อเร่งเว็บไซต์ของคุณ	http://segmentfault.com/a/1190000000367899
เหตุใดความเร็วเว็บไซต์จึงมีความสำคัญ	http://sixrevisions.com/web-development/why-website-speed-is-important
Need for Speed ​​- วิธีปรับปรุงประสิทธิภาพของเว็บไซต์ของคุณ	https://www.devbridge.com/articles/need-for-speed-how-to-improve-your-website-performance
คู่มือการเพิ่มประสิทธิภาพประสิทธิภาพการทำงานของ Alibaba Wireless Front-Ende (Pt.1 การเพิ่มประสิทธิภาพระยะเวลาการโหลด	amfe/บทความ#1

เครื่องมือเพิ่มประสิทธิภาพ	ที่อยู่
เครื่องมือวิเคราะห์ประสิทธิภาพ JavaScript ใหม่ oneprofile	http://www.html-js.com/article/3083
JavaScript Heap Memory Memory Analysis Tool -oneHeap	http://www.html-js.com/article/3091

เครื่องมือออนไลน์	ที่อยู่
เครื่องมือออนไลน์ของ Google	https://developers.google.com/speed/pagespeed/insights
การทดสอบอาลีบาบา	http://www.alibench.com
บริการทดสอบฟรีอาลีบาบา	http://itest.aliyun.com
โซลูชั่นการทดสอบความเข้ากันได้ของ Alibaba-F2ETest Multi-Browser	https://github.com/alibaba/f2etest
การทดสอบประสิทธิภาพ JS	http://jsperf.com

สถาปัตยกรรมส่วนหน้า	ที่อยู่
สถาปัตยกรรมทางเทคนิค	http://www.zhihu.com/topic/19612641
สถาปัตยกรรมส่วนหน้า	http://saito.im/note/the-architecture-of-f2e
วิธีการเป็นสถาปนิกส่วนหน้า	http://www.zhihu.com/question/24092572
เกี่ยวกับสถาปัตยกรรมส่วนหน้า-Zhang Kejun	http://hikejun.com/sharing/2010webrebuild/?file=fe-infrastructure.html
Baidu Tencent การเปรียบเทียบข้อเสนอ (Tencent Games vs Baidu Infrastructure)	http://www.zhihu.com/question/25583350

ผลงานแนะนำ	ที่อยู่
ตัวอย่างรหัสฤดูหนาวต้องใช้ FQ	https://gist.github.com/wintercn
เอฟจีเอ็ม	http://www.fgm.cc/learn
คอลเลกชันผลงานโดย Cen AN	https://github.com/hongru/hongru.github.com
คอลเลกชัน Donnet Demo	http://kmdjs.github.io
MSPACE JS WORKS	http://www.laoshu133.com/lab
myfocus	http://koen301.github.io
ห้องสมุดส่วนประกอบ SEAJS	http://panxuepeng.github.io/seajslib
ผลงานของ Yan Haijing	http://yanhaijing.com/myproject
ผลงานของ jiaoer.com	http://jo2.org/category/myworks
งานส่วนตัวของ JavaScript	http://www.cnitblog.com/yemoo/category/3107.html
เกม Lei Dongsheng ที่ยอดเยี่ยมใช้งานได้	http://bbs.miaov.com/forum.php?mod=viewthread&tid=7790
ผลงาน JavaScript	http://bbs.csdn.net/topics/380227212
Yunwubi เครื่องมือสร้างสีเทา	https://github.com/toobug/works
หน้าแรกของโครงการ	http://koen301.github.io
หน้าแรกทำงานส่วนตัว	http://zaole.net
ผู้เล่น	http://static.tingall.com/v2/player
คอลเลกชันการสาธิต Ucren JS	http://ucren.com/blog/demos
สังคมอัจฉริยะ	http://www.zhinengshe.com/works_list.html
ตัวอย่างแร็คแสดงผล	http://demos.shizuwu.cn
Zoye Demo	http://zoye.sinaapp.com/demo
หวังหยวนไหว	http://lab.yuanwai.wang
สามัญ	http://pingfan1990.sinaapp.com
เคสเกม JYG	http://www.lovewebgames.com
ปลั๊กอิน jQuery มากมาย	http://www.helloweba.com/list.html
ชุดผลงาน Boogie-Sojs	http://www.bujichong.com/sojs/api/index.html
แช่แข็ง	http://frozenui.github.io/case.html
ย้อนกลับ	http://js-game.github.io/othello
จากหนึ่ง	http://yansm.github.io/fromone/index.html

สินค้าต่างประเทศคุณภาพสูง	ที่อยู่
Pazguille	http://pazguille.me

เทมเพลตเรซูเม่	ที่อยู่
ประวัติย่อที่ดี	http://learnshare.github.io/about/index.html
ประวัติย่อ	http://hcy2367.github.io/resume
Zhang Lun	http://ncuey.sinaapp.com/crispelite/
ประวัติย่อ	https://github.com/hacke2/resumesample
Weng Tianxin	http://blog.dandyweng.com/2013/07/how-my-website-was-created
ประวัติย่อ	http://www.webhek.com/misc/interactive-resume
ส่วนประกอบเพื่อเพิ่มประวัติย่อ	http://www.linqing07.com/resume.html
สระว่ายน้ำประวัติย่อ	http://www.mojianli.com/resume/view
Haoroomsblog	http://www.haorooms.com/about
Justin Young	http://cv.youngdze.com

คำถามสัมภาษณ์	ที่อยู่
ฉันกำลังมองหางานในช่วงไม่กี่เดือนที่ผ่านมา (Baidu, NetEase Games)	http://www.nowcoder.com/discuss/3196
2014 คำถามสัมภาษณ์ล่าสุด	http://www.html-js.com/article/1743
2016 การสรรหาวิทยาเขตคำแนะนำภายใน-Front-end-Alibaba-ประสบการณ์การสัมภาษณ์สามครั้ง	http://www.cnblogs.com/imwtr/p/4685546.html
สิ่งที่ต้องทำเมื่อเปลี่ยนงานหลังจากปีใหม่: ทริปสัมภาษณ์ Letv + Kingsoft + 360	http://www.cnblogs.com/lvdabao/p/3660707.html
คำถามสัมภาษณ์ Alibaba Front-End ออนไลน์	http://fatesinger.com/2722.html
Lagou.com JS คำถามสัมภาษณ์	http://www.cnblogs.com/52cik/p/js-question-lg.html
บทสัมภาษณ์ส่วนหน้า	http://www.cnblogs.com/allenxing/p/3724382.html
คอลเลกชันของการพัฒนาเว็บคำถามทดสอบการสัมภาษณ์เป็นลายลักษณ์อักษร	http://mianshiti.diandian.com
คำถามสัมภาษณ์ส่วนหน้าล่าสุดในปี 2014	https://github.com/markyun/my-blog/tree/master/front-end-developer-questions
สัมภาษณ์ Baidu	https://github.com/fex-team/interview-questions
คำถามสัมภาษณ์	http://www.w3cfuns.com/forum.php?mod=forumdisplay&fid=51&filter=typeid&typeid=177
คำถามสัมภาษณ์งานส่วนหน้า	https://github.com/h5bp/front-end-developer-interview-questions
5 คำถามสัมภาษณ์ Front-end คลาสสิก	http://ourjs.com/detail/5%E4%B8%AA%E7%BB%8F%E5%85%B8%E7%9A%84%E5%89%8D%E7%AB%AF%E 9d%A2%E8%AF%95%E9%97%AE%E9%A2%98
วิธีสัมภาษณ์วิศวกรการพัฒนาส่วนหน้า?	http://www.html-js.com/article/large-search-front-team-column%202961
สรุปการสัมภาษณ์ฝึกงานส่วนหน้า	http://www.cnblogs.com/xiaoruo/p/4665163.html
BAT และ บริษัท อินเทอร์เน็ตรายใหญ่ 2014 คำถามสัมภาษณ์แบบทดสอบเป็นลายลักษณ์อักษร: JavaScript	http://blog.jobbole.com/78738
ชุดคำถามสัมภาษณ์การพัฒนาส่วนหน้าขนาดใหญ่	https://github.com/paddingme/front-end-web-development-interview-question
คอลเลกชันคำถามสัมภาษณ์และคำตอบส่วนหน้า	https://github.com/qiu-deqing/fe-interview
วิธีสัมภาษณ์วิศวกรส่วนหน้า	http://www.zhihu.com/question/19568008
คำถามสัมภาษณ์การพัฒนาส่วนหน้า	https://github.com/markyun/my-blog/blob/master/front-end-developer-questions/questions-and-answers/readme.md
niuke.com - การสัมภาษณ์แบบทดสอบเป็นลายลักษณ์อักษร	http://www.nowcoder.com/discuss?type=2

ไอคอน	ที่อยู่
ฟอนต์จีน	http://www.zhihu.com/question/21253343
ฟอนต์ Taobao	http://iconfont.cn
แบบอักษร	http://mux.alimama.com/fonts
การสอน	http://iconfont.cn/help/platform.html
Zhangxinxu-Icommon	http://www.zhangxinxu.com/wordpress/?s=icomoon
icommon	https://icomoon.io/app
ใช้แบบอักษรเพื่อวาดไอคอนไอคอนบนหน้าเว็บ (บทช่วยสอนที่แนะนำ	http://imooc.com/learn/243
เครื่องมือบีบอัดแบบอักษร	http://font-spider.org

เครื่องมือพัฒนาส่วนหน้า	ที่อยู่
Intellij Idea Tutorial พิเศษภาษาจีน	https://github.com/judasn/intellij-idea-tutorial
Webstorm, Interllidea, phpstorm	http://t.cn/8kzz1uy
sublimetext	https://github.com/jikeytang/sublime-text
อะตอม	https://atom.io
รหัสสตูดิโอภาพ	https://code.visualstudio.com

พู้ทำเล่น	ที่อยู่
คุณรู้มากแค่ไหนเกี่ยวกับการใช้การดีบัก Fiddler (การศึกษาเชิงลึก	http://www.cnblogs.com/tugenhua0707/p/4623317.html
ไวโอลิน	http://www.cnblogs.com/strick/p/4570006.html
ไวโอลิน	http://gaoboy.com/article/26.html

โครเมียม	ที่อยู่
เจ้าหน้าที่ของ Google Chrome	https://developer.chrome.com/devtools
Chrome - พื้นฐาน	http://www.cnblogs.com/constantince/p/4565261.html
Chrome - ขั้นสูง	http://www.cnblogs.com/constantince/p/4579121.html
Chrome - ประสิทธิภาพ	http://www.cnblogs.com/constantince/p/4585983.html
Chrome - การปรับปรุงประสิทธิภาพ	http://www.cnblogs.com/constantince/p/4607497.html
Chrome - มือถือ	http://www.cnblogs.com/constantince/p/4624241.html
Chrome - เคล็ดลับ	http://www.cnblogs.com/liyunhua/p/4544738.html
Chrome - คู่มือที่ไม่สมบูรณ์เพื่อคอนโซล	http://www.cnblogs.com/wayou/p/chrome-console-tips-and-tricks.html
Chrome - Workspace เปลี่ยนเบราว์เซอร์เป็น IDE	http://c7sky.com/chrome-devtools-workspace.html
แผงเครือข่าย	http://www.html-js.com/article/nothing-blind%202975
คีย์ลัดเครื่องมือพัฒนา Chrome	http://anti-code.com/devtools-cheatsheet
การจัดฟังก์ชั่นทั่วไปของเครื่องมือการดีบักโครเมี่ยม	http://www.html-js.com/article/2327
เครื่องมือการพัฒนา Chrome ใช้พื้นที่ทำงาน	http://www.iinterest.net/2014/05/09/chrome-dev-tool-workspace
บันทึกการเรียนรู้ทางลัดของ Chrome Artifact Vimium	http://www.cppblog.com/deercoder/archive/2011/10/22/158886.html
sass debugging-w3cplus	http://www.w3cplus.com/sassguide/debug.html
วิธีใช้เครื่องมือนักพัฒนา Chrome มากขึ้น W3CPLUS มืออาชีพมากขึ้น	http://www.w3cplus.com/tools/how-to-use-chrome-devtools like-a-pro.html
CHROME DEBUGGING CONVAS	http://sentsin.com/web/253.html
โปรไฟล์โครเมี่ยม 1	https://developer.chrome.com/devtools/index
โปรไฟล์โครเมี่ยม 2	http://h5dev.uc.cn/article-25-1.html
โปรไฟล์โครเมี่ยม 3	http://www.oschina.net/translate/performance-optimisation-with-timeline-profiles
การดีบักเวอร์ชันมือถือ Chrome	https://developer.chrome.com/devtools/docs/mobile-emulation
การดีบักโครเมี่ยม	http://ued.taobao.org/blog/2012/06/debug-with-chrome-dev-tool
การดีบักโครเมี่ยม	http://www.cnblogs.com/qleelulu/archive/2011/08/28/2156402.html
คำอธิบายโดยละเอียดของคำสั่งคอนโซลโครเมี่ยม	https://developer.chrome.com/devtools/docs/commandline-api
ดูเหตุการณ์ที่มีผลผูกพัน 1	http://www.cnblogs.com/leonkao/p/3809655.html
ดูเหตุการณ์ที่มีผลผูกพัน 2	http://www.cnblogs.com/xiaoyao2011/p/3447421.html
สิ่งประดิษฐ์ - เครื่องมือนักพัฒนา Chrome (1)	http://segmentfault.com/a/1190000000683599
การเพิ่มประสิทธิภาพประสิทธิภาพของสารานุกรมตลก (แนะนำการใช้โปรไฟล์ไทม์ไลน์และเครื่องมืออื่น ๆ ใน Chrome Devtools	https://xinranliu.me/2015-05-22-Qiqu-performance
15 เคล็ดลับสำหรับเครื่องมือนักพัฒนา Chrome	http://frontenddev.org/link/15-tips-of-chrome-developer-tools.html
คู่มือเครื่องมือนักพัฒนา Chrome ที่ไม่สมบูรณ์	http://1ke.co/course/361
เคล็ดลับในการใช้เครื่องมือนักพัฒนา Chrome	http://segmentfault.com/a/1190000003882567

ลูกไฟ	ที่อยู่
การสอนวิดีโอ Firebug	http://www.imooc.com/learn/137
Firefox Emulator	https://developer.mozilla.org/zh-cn/docs/tools/webide
คำอธิบายโดยละเอียดของคำสั่ง console.log	http://www.cnblogs.com/ctriphire/p/4116207.html
เริ่มต้นด้วย Firebug	http://www.ruanyifeng.com/blog/2008/06/firebug_tutorial.html
Firebug Console คำอธิบายโดยละเอียด	http://www.ruanyifeng.com/blog/2011/03/firebug_console_tutorial.html

มือถือ, การดีบัก wechat	ที่อยู่
การดีบัก Android ทางด้านเบราว์เซอร์	https://openstf.github.io
การพัฒนาและดีบัก	http://yujiangshui.com/multidevice-frontend-debug
อุปกรณ์ Android Debug จากระยะไกลโดยใช้ Chrome	https://github.com/yujiangshui/cn-chrome-devtools/blob/remote-debugging/md/use-tools/remote-debugging.md
MAC Mobile Terminal Debugging	http://plus.uc.cn/document/webapp/doc5.html
MAC Mobile Terminal Debugging	http://www.mihtool.com
กลยุทธ์การดีบักไร้สาย	http://thx.github.io/mobile/debugging-in-mobile
กลยุทธ์การดีบักไร้สาย	http://yanhaijing.com/mobile/2014/12/17/web-debug-for-mobile
ยอดเยี่ยมการดีบักที่สมบูรณ์แบบของ WeChat WebView (x5	http://www.jianshu.com/p/ccf124f1f74b
สิ่งที่เกี่ยวกับการดีบัก wechat	http://liyaodong.com/2015/07/06/%E5%BE%EE%E4%BF%A1%E8%B0%83%E8%AF%95%E7%9A%84%E9%82%A3 %e4%ba%9b%e4%ba%8b
คอนโซลระยะไกล	http://jsconsole.com
เครื่องมือการดีบัก WeChat	http://blog.qqbrowser.cc
บทสรุปของวิธีการดีบักระยะไกลของเครื่องจักร Real Machine	https://github.com/jieyou/remote_inspect_web_on_real_device

iOS Simulator	ที่อยู่
เครื่องจำลอง	https://developer.apple.com/library/ios/documentation/ides/conceptual/ios_simulator_guide/introduction/introduction.html
iOS Simulator ใน XCODE (บทนำและประสบการณ์การใช้งานของ iOS Simulator	http://www.crifan.com/intro_ios_simulator_in_xcode_and_usage_summary

รูปภาพ	ที่อยู่
กำลังโหลด IMG	http://preloaders.net/en/circular
แพลตฟอร์มการเพิ่มประสิทธิภาพภาพอัจฉริยะภาพ	http://zhitu.isux.us
การเพิ่มประสิทธิภาพ PNG ออนไลน์	https://tinypng.com

สร้างรหัส QR	ที่อยู่
สร้างรหัส QR	http://cli.im

การซิงค์เบราว์เซอร์	ที่อยู่
ผู่เอ๋อร์	https://github.com/leeluolee/puer
การโหลด	http://livereload.com
f5	http://getf5.com
ผู้เฝ้าดูไฟล์	http://geek100.com/2608

การผลิต PPT ออนไลน์	ที่อยู่
นิทรา	http://js8.in/2013/11/16/%E6%8E%A8%E8%8D%90Nodeppt%EF%BC%9A%E4%BD%BF%E7 %94%A8Markdown%E8%AF%AD%E6%B3%95%E6%9D%A5%E5%86%99%E7%BD%91%E9%A1%B5PPT
พีพีพี	https://github.com/ksky521/nodeppt
เปิดเผย	https://github.com/hakimel/reveal.js
ลื่น	https://github.com/seldaek/slippy

เว็บไซต์นำทางส่วนหน้า	ที่อยู่
การนำทางส่วนหน้าพร้อมอินเทอร์เฟซรีเฟรช	http://uxbees.com/index.html
การนำทางส่วนหน้า	http://whycss.com
การนำทาง URL ส่วนหน้า	http://www.daqianduan.com/nav
ไดเรกทอรีส่วนหน้า	http://sentsin.com/daohang
การนำทางส่วนหน้า	http://123.jser.us
ทรัพยากรการพัฒนาส่วนหน้า	http://www.css88.com/nav
การนำทางเว็บไซต์	http://www.haourl.cn
คลังสินค้าการพัฒนาส่วนหน้า - คอลเล็กชั่นเอฟเฟกต์มากมาย	http://code.ciaoca.com
การนำทางทรัพยากรส่วนหน้า	https://github.com/jnoodle/f2e-collect
การนำทางส่วนหน้า F2E	http://f2e.im/static/pages/nav/index.html

CDNs ที่ใช้กันทั่วไป	ที่อยู่
Sina CDN	http://lib.sinaapp.com
ห้องสมุดสาธารณะ Baidu Static Resource	http://cdn.code.baidu.com
360 ผู้พิทักษ์เว็บไซต์ที่ใช้กันทั่วไปบริการห้องสมุดสาธารณะส่วนหน้า CDN	http://libs.useso.com
Bootstrap เว็บไซต์โอเพ่นซอร์สภาษาจีนโครงการฟรี CDN	http://www.bootcdn.cn
เปิดไฟล์คงที่ cdn - qiniu	http://staticfile.org
CDN Acceleration-JQ22	http://www.jq22.com/cdn
jQuery cdn	http://code.jquery.com
Google JQuery CDN	http://www.google-jquery-cdn.com
Microsoft CDN	http://www.asp.net/ajax/cdn

คอมไพล์	ที่อยู่
Git-SCM	http://git-scm.com
Liao Xuefeng-Git บทช่วยสอน	http://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578C67B8067C8C017B000
Git-for-windows	https://git-for-windows.github.io
GitHub เพิ่มคีย์ SSH	http://daemon369.github.io/git/2015/03/10/add-ssh-keys-for-github
gogithub	http://www.worldhello.net/gotgithub/index.html
Git แบบฝึกหัดคำสั่งปกติ	http://pcottle.github.io/learngitbranching
องค์กรข้อมูล GIT	https://github.com/xirong/my-git
คำสั่ง git ที่ฉันบันทึก (ใช้งานได้จริงมาก)	http://www.cnblogs.com/fanfan259/p/4810517.html
การพัฒนาองค์กร GIT Workflow Model Model Rest Rest ส่วนที่เหลือ	https://github.com/xirong/my-git/blob/master/git-workflow-tutorial.md
คู่มือของ GitHub Hitchhiker	https://github.com/phodal/github-roam
กลโกง GitHub	https://github.com/tiimgreen/github-cheat-heet/blob/master/readme.zh-cn.md
ใช้ Git และ GitHub สำหรับกระบวนการพัฒนาความร่วมมือ	http://livoras.com/post/28
ฝึก Git ด้วยภาพเคลื่อนไหว	http://onlywei.github.io/explain-git-with-d3

โครงการ JavaScript ที่ยอดเยี่ยม	ที่อยู่
torrents เชิงมุมและ webpack	https://github.com/angularclass/angular2-webpack-starter
ระบบการก่อสร้างทางวิศวกรรมที่มุ่งเน้นด้านหน้า FIS3	https://github.com/fex-team/fis3
การสาธิต FIS3	https://github.com/fex-team/fis3-demo
ชุด jQuery front-end: การวิเคราะห์ซอร์สโค้ด	https://github.com/jsaaron/jquery
Avalon Framework	https://github.com/rubylouvre/avalon
Microsoft Chakracore Chakra Engine ของ Microsoft	https://github.com/microsoft/chakracore
quintus html game engine	https://github.com/cykod/quintus
บล็อกที่น่าสนใจที่สร้างด้วย node.js	https://github.com/strml/strml.net
Web Front-end Assistant-Fehelper (Extension Chrome)	https://github.com/zxlie/fehelper
Baidu Front-End Technology Academy	https://github.com/baidu-ife/ife
Cheerio (jQuery in node.js)	https://github.com/cheeriojs/cheerio
ซอฟต์แวร์แชทสำหรับ nodejs คล้ายกับ weChat	https://github.com/bryanyang/freechat
NetEase Cloud Music ที่สร้างขึ้นโดยใช้ html5 และ node.js	https://github.com/stkevintan/cube
การแปลง Babel ES6 เป็น ES5	https://github.com/babel/babel
ตัวแก้ไขข้อความที่อุดมไปด้วย JS	https://github.com/fex-team/ueditor
เครื่องมือสร้างภาพแผนที่สมอง JS	https://github.com/fex-team/kityminder-core
เกมนก flappy เขียนใน JS	https://github.com/ellisonleao/clumsy-bird
ตัวจำลอง GBA ที่เขียนใน JS	https://github.com/taisel/iodinegba
markdown parser เขียนโดย segmentfault	https://github.com/segmentfault/hyperdown.js
บล็อกผีอิงจาก node.js	https://github.com/tryghost/ghost
การสาธิตสำหรับการเรียนรู้ปฏิกิริยาตอบสนอง	https://github.com/ruanyf/react-demos