front end Doc
1.0.0
프런트엔드 문서 요약(코드 사양, 개발 프로세스, 지식 공유 및 지속적인 업데이트 포함)
종합 카테고리 | 주소 |
---|---|
프런트 엔드 문서의 기본 예 | 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 공개 강좌: 컴퓨터 과학 및 프로그래밍 입문 | 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 |
프런트엔드 개발 가이드 프런트엔드 개발 가이드 | 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 |
Jingxuefeng의 자바스크립트 튜토리얼 | http://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000 |
jQuery 기본 튜토리얼 | http://www.imooc.com/view/11 |
프론트엔드 엔지니어를 위한 필수 PS 기술 - 사진 자르기 | http://www.imooc.com/view/506 |
개인 경험 요약을 기반으로 한 Front-End 진입 방식 | 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 주제 | 주소 |
---|---|
Zhang Xinxu-MOOC 시리즈 | http://www.imooc.com/t/197450 |
린 - MOOC 시리즈 | http://www.imooc.com/t/104593 |
Allen - MOOC 시리즈 | http://www.imooc.com/u/290139/courses?sort=publish |
비즈안녕하세요, 모바일 WEB | http://www.imooc.com/view/494 |
주간 신문 | 주소 |
---|---|
Ping An Technology 모바일 개발팀 2 기술 주간 보고서 | https://github.com/PaicHyperionDev/MobileDevWeekly |
개발센터 | 주소 |
---|---|
모질라 JS 참조 | https://developer.mozilla.org/zh-CN/docs/Web/JavaScript |
Chrome 개발 센터(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 |
JS 비밀 정원 | http://sanshi.me/articles/JavaScript-Garden-CN/html/index.html |
JS 비밀 정원 | http://bonsaiden.github.io/JavaScript-Garden/en |
w3help | http://www.w3help.org 종합 버그 수집 웹사이트 |
종합검색 | 주소 |
---|---|
자바스크립트 | http://www.javascripting.com |
다양한 인기 도서관 검색 | http://microjs.com |
포괄적인 API | 주소 |
---|---|
runoob.com - 다양한 API 컬렉션이 포함되어 있습니다. | http://www.runoob.com |
오픈소스 중국 온라인 API 문서 수집 | http://tool.oschina.net/apidocs |
개발자 문서 | 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 |
제이쿼리를 배워보세요 | http://learn.jquery.com |
jquery 소스 코드 검색 | http://james.padolsey.com/jquery |
엑스마스크립트 | 주소 |
---|---|
ECMAScript 6 이해 - Nicholas C. Zakas | https://leanpub.com/understandinges6/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 |
Ruan Yifeng자바스크립트 | 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 |
mozilla-nunjucks | https://github.com/mozilla/nunjucks |
무대 조명 담당자 | https://github.com/PaulGuo/Juicer |
먼지 | http://akdubya.github.io/dustjs |
etpl | http://ecomfe.github.io/etpl |
팝업 레이어 | 주소 |
---|---|
artDialog 최신 버전 | https://github.com/aui/artDialog |
artDialog 문서 | http://aui.github.io/artDialog/doc/index.html |
구글 코드 다운로드 주소 | https://code.google.com/p/artdialog/downloads/list |
Xianxin 팝업 레이어 | http://layer.layui.com |
반응형 사용자 상호 작용 구성 요소 라이브러리 | https://github.com/bh-lay/UI |
sweetalert-has CSS3 애니메이션 팝업 레이어 | http://t4t5.github.io/sweetalert |
CSS | 주소 |
---|---|
CSS 구문 참조 | http://tympanus.net/codrops/css_reference |
CSS3 애니메이션 매뉴얼 | http://isux.tencent.com/css3/index.html |
Tencent CSS3 애니메이션 제작 도구 | http://isux.tencent.com/css3/tools.html |
Zhiye CSS 가젯 컬렉션 | 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 |
애니메이션.css | http://daneden.github.io/animate.css |
글로벌 CSS의 종말 | http://www.alloyteam.com/2015/10/8536 |
AngularJS | 주소 |
---|---|
Angular.js에 대한 일부 학습 리소스 | https://github.com/dolymood/AngularLearning |
Anglejs 중국어 커뮤니티 | http://angularjs.cn |
Angularjs 소스 코드 학습 | http://www.cnblogs.com/xuwenmin888/p/3739096.html |
Angularjs 소스 코드 학습 | http://www.ifeenan.com/?c=AngularJS |
Angular의 부트스트랩 캡슐화 | http://angular-ui.github.io/bootstrap |
앵귤러JS + 노드JS | https://cnodejs.org/topic/51404e0f069911196d2e3923 |
루 다바오Angularjs | 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/bindonce |
일부 확장된 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 |
Angularjs 학습 | http://www.cnblogs.com/amosli/p/3710648.html |
jQuery를 염두에 두고 AngularJS를 배우지 마세요. | http://www.rainweb.cn/article/angularjs-jquery.html |
anglejs 연구 노트 | http://wangjiatao.diandian.com/?tag=angularjs |
AngularJS 개발 가이드 | http://www.angularjs.cn/T008 |
anglejs 영어 정보 | https://github.com/jmcunningham/AngularJS-학습 |
각도 부트스트랩 | http://angular-ui.github.io/bootstrap |
각도 jq 모바일 | https://github.com/opitzconsulting/jquery-mobile-angular-adapter |
각도 UI | http://mgcrea.github.io/angular-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 |
React.js 머티리얼 UI | http://material-ui.com/# |
React.js TouchstoneJS UI | http://touchstonejs.io |
React.js 놀라운 UI | http://amazeui.org/react |
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 |
웹팩, 101 입문 경험 | http://html-js.com/article/3009 |
Webpack 시작하기 튜토리얼 | http://html-js.com/article/3113 |
웹팩 기반 프론트엔드 엔지니어링 솔루션 구축 탐색 | http://segmentfault.com/a/1190000003499526 |
React 오리지널 실용 영상 튜토리얼 | 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 |
액자 | 주소 |
---|---|
아름다운 iOS 앱을 만들기 위한 주요 HTML 프레임워크 | http://framework7.taobao.org |
타오바오 수이 | http://m.sui.taobao.org |
아발론 | 주소 |
---|---|
아발론 | http://avalonjs.github.io |
Avalon 차세대 UI 라이브러리: 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): require.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 |
RequireJS 고급 (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 |
requrieJS 연구 노트 | 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 |
덜, sass | 주소 |
---|---|
욕 | http://www.w3cplus.com/sassguide |
sass 튜토리얼-sass 중국 | http://www.sass.hk |
Sass 중국어 문서 | http://sass.bootcss.com |
더 적은 | http://less.bootcss.com |
가격 인하 | 주소 |
---|---|
마크다운 구문 설명(중국어 간체 버전) | 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 |
마크다운 편집기 | 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 |
MetroUICSS | 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-analytic-of-underscorejs-source-code-analytic%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-svg | http://www.zamzar.com/convert/ai-to-svg |
로컬스토리지 라이브러리 | https://github.com/machao/localStorage |
차트 클래스 | 주소 |
---|---|
하이차트 중국어 API | http://www.hcharts.cn/api/index.php |
하이차트 영어 API | http://api.highcharts.com/highcharts |
ECharts Baidu의 차트 작성 소프트웨어 | http://echarts.baidu.com/ |
아마프 | http://lbs.amap.com/api |
오픈 소스 벡터 그래픽 스크립트 프레임워크 | http://paperjs.org |
svg 지도 | http://j벡터맵.com |
뷰 | 주소 |
---|---|
뷰 | http://cn.vuejs.org |
뷰 포럼 | http://forum.vuejs.org |
Vue 시작하기 | http://www.cnblogs.com/aaronjs/p/3660102.html |
Vue의 일부 리소스 인덱스 | http://segmentfault.com/a/1190000000411057 |
굉장한 뷰 | 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 |
Mustache 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 |
@mdo의 HTML&CSS 코딩 표준 | http://codeguide.bootcss.com |
팀워크-Tencent AlloyTeam 프런트엔드 팀을 위한 CSS 명명 규칙 | 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 |
에어비앤비 자바스크립트 코딩 지침(중국어 간체 버전) | 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.kissyui.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 |
CSS 모듈 | 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 Development] Android 팀 개발 사양 | http://www.cnblogs.com/lcw/p/3619181.html |
Android 개발 사양 및 애플리케이션 | http://www.jianshu.com/p/4390f4fe19b3 |
주요 기업의 오픈 소스 프로젝트 | 주소 |
---|---|
페이스북 프로젝트 | https://code.facebook.com/projects/web |
Baidu 웹 프론트엔드 R&D 부서 | http://fex.baidu.com |
바이두 EFE | http://efe.baidu.com |
바이두깃허브 | https://github.com/fex-team |
합금 팀 | http://www.alloyteam.com |
합금팀-github | http://alloyteam.github.io |
합금팀-AlloyGameEngine | https://github.com/AlloyTeam/AlloyGameEngine |
합금디자이너 | http://alloyteam.github.io/AlloyDesigner 즉각적인 수정, 즉각적인 저장, 설계 초안 수정 및 기타 개발 지원 |
H5 대화형 페이지 편집기 AEditor 소개 | http://www.alloyteam.com/2015/06/h5-jiao-hu-ye-bian-ji-qi-aeditor-jie-shao H5 애니메이션 대화형 페이지 개발을 위한 도구 소개 |
AEditor | 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 |
쿠나르 UED | 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 |
중국 개인 ID 번호 확인 | 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 | 주소 |
---|---|
생성된 JSON 데이터 시뮬레이션 | http://beta.json-generator.com |
교차 도메인 JSONAPI 반환 | http://jsonp.afeld.me |
HTML5 | 주소 |
---|---|
HTML5의 어떤 데모가 당신을 놀라게 했나요? | http://www.zhihu.com/question/24398907 |
CSS | 주소 |
---|---|
브라우저 해킹 | 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 |
ext4 영어 API | http://docs.sencha.com/extjs/4.0.7 |
ext4 중국어 API | 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 - 기본 APP 경험에 가장 가까운 고성능 프런트엔드 프레임워크 | http://dcloudio.github.io/mui |
어메이즈 UI | 중국 최초의 오픈 소스 HTML5 크로스 스크린 프런트 엔드 프레임워크 |
Taobao HTML5 프론트엔드 프레임워크 | http://m.sui.taobao.org |
KISSY - Alibaba 프런트엔드 JavaScript 라이브러리 | http://docs.kissyui.com |
NetEase Nej - 쉽고 간편한 자바스크립트 | http://nej.netease.com |
검도 UI MVVM 데모 | http://demos.telerik.com/kendo-ui/mvvm/index |
부트스트랩 | http://www.bootcss.com |
스마트 UI | http://smartui.chinamzz.com |
야후 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 모바일 버전 |
리치 텍스트 편집기 | 주소 |
---|---|
완전한 기능을 갖춘 Tinmce | https://www.tinymce.com |
바이두 편집자 | http://ueeditor.baidu.com/웹사이트 |
클래식 ckeditor | http://ckeditor.com |
클래식 킨디디터 | http://kindeditor.net |
위지위그 | http://www.bootcss.com/p/bootstrap-wysiwyg |
사려 깊은 편집자. 바흐의 편집자 | http://integ.github.io/BachEditor |
tower에서 사용하는 편집기 | 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 |
PC | 주소 |
---|---|
클래식 my97 | http://www.my97.net/dp/demo/index.htm |
강력한 독립 날짜 선택기 | http://www.cnblogs.com/gbin1/archive/2012/04/16/2452105.html |
전체 달력 | http://fullcalendar.io |
fullcalendar 캘린더 제어 지식 포인트 수집 | 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 |
입력 비트 교체-github | https://github.com/digitalBush/jquery.maskedinput/tree/1.2.2 |
부트스트랩 날짜 범위 선택기 | https://github.com/dangrossman/bootstrap-daterangepicker |
30개의 외국 플러그인 모음 | http://www.vandelaydesign.com/30-best-free-jquery-plugins |
자바스크립트 날짜 선택기 | 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 |
jQuery Mobile 모바일 개발의 날짜 플러그인 Mobiscroll | https://mobiscroll.com |
날짜 라이브러리 | 주소 |
---|---|
Datejs | 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 |
꿀꺽 | 주소 |
---|---|
걸프 공식 홈페이지 | http://gulpjs.com |
걸프 중국어 웹사이트 | http://www.gulpjs.com.cn |
꿀꺽 꿀꺽 데이터 수집 | https://github.com/Platform-CUF/use-gulp |
Gulp: 자동 작업 관리 도구 - ruanyifeng | http://javascript.ruanyifeng.com/tool/gulp.html |
꿀꺽꿀꺽 플러그인 | http://gulpjs.com/plugins |
Gulp 불완전한 입문 튜토리얼 | http://www.ido321.com/1622.html |
왜 꿀꺽꿀꺽을 사용하는가? | hjzheng/CUF_meeting_knowledge_share#33 |
프론트엔드 개발 통합 구축을 위한 Gulp 설치 및 협력 구성요소 | 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 |
꿀꿀 거리는 소리 | 주소 |
---|---|
그런트 | http://gruntjs.com |
그런트 중국어 홈페이지 | http://www.gruntjs.net |
피스 | 주소 |
---|---|
FIS 공식 홈페이지 | http://fex-team.github.io/fis-site/index.html |
피스 | http://fis.baidu.com |
PC 차트 휠 | 주소 |
---|---|
단일 화면 캐러셀 sochange | 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 PC 모바일 사진 회전 회장 | 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 |
JiaWeChat 코드에 공유 | 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 |
이미지 자르기-전단사진 | 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 |
플래시의 클립보드가 아닙니다. | 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 |
Node.js 온라인 편집 - codepen | http://codepen.io |
js 온라인 편집 - jsfiddle | http://jsfiddle.net |
Java 온라인 편집 - runjs | http://ideone.com |
js 온라인 편집-hcharts | http://code.hcharts.cn |
js 온라인 편집-jsdm | http://jsdm.com |
SQL 온라인 편집 - sqlfiddle | http://sqlfiddle.com |
모질라 온라인 편집기 | https://thimble.mozilla.org |
플레이어 | 주소 |
---|---|
HTML5 비디오 플레이어 | https://github.com/zmmbreeze/DeadSimpleVideoPlayer |
입자 애니메이션 | 주소 |
---|---|
양성자 불꽃놀이 | http://a-jie.github.io/Proton/#example |
Nodejs | 주소 |
---|---|
nodejs는 상대적으로 크기가 큽니다. | http://liuqing.pw |
Node.js에는 교육이 포함되지만 기술은 포함되지 않습니다. | https://github.com/ alsotang/node-lessons |
더 적은 공간 | http://www.rainweb.cn/article/category/Nodejs |
노드 익스프레스 입문 튜토리얼 | 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 |
7일 안에 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/understanding-node-js:4bd98440-45e4-4a9a-8ef7-0f7ecbdd56cb |
nodejs 이벤트 폴링 | http://blog.mixu.net/2011/02/01/understanding-the-node-js-event-loop |
노드 시작하기 | http://www.nodebeginner.org/index-zh-cn.html |
nodejs cms | http://ourjs.com/detail/53e1f281c5910a9806000001 |
포괄적인 NodeJS 튜토리얼인 Node 시작하기 | 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 |
모바일 H5 프론트 엔드 성능 최적화 안내서 | http://isux.tencent.com/h5-performance.html |
5173 홈페이지 프론트 엔드 성능 최적화 관행 | http://ud.5173.com/?p=1731 |
웹 디자이너 및 프론트 엔드 개발자를위한 프론트 엔드 성능 최적화 | http://www.uisdc.com/front-end-performance-for-web-designers-and front-end-developers |
복잡한 응용 프로그램에 대한 CSS 성능 분석 및 최적화 제안 | http://www.orzpoint.com/profiling-csss-and-optimization-notes |
Zhang Xinxu— —-2011의 성능 | 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 |
웹 프론트 엔드 성능 최적화로 향하는 고급 경로 | 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 |
이봐 - 프론트 엔드 성능 | 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 |
야후! | http://www.360doc.com/content/10/0928/09/258264_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-peed-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-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 |
[고성능 프론트 엔드 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 |
합금 - 프론트 엔드 최적화 | 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 |
프론트 엔지니어링 및 성능 최적화 (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 |
유리 라이드, 모바일 장치의 애니메이션 성능 최적화 | http://jayli.github.io/blog/data/2011/12/23/yuislide.html |
사이트 성능 향상 | http://joelglovier.com/improving-site-performance |
웹 사이트 속도를 높이기위한 최고의 프론트 엔드 사례 | http://segmentfault.com/a/119000000367899 |
웹 사이트 속도가 중요한 이유 | http://sixrevisions.com/web-development/why-website-speed-is-mortant |
속도 필요 - 웹 사이트 성능을 향상시키는 방법 | https://www.devbridge.com/articles/need-for-peed-how-to-improve-your-website-performance |
알리바바 무선 프론트 엔드 성능 최적화 안내서 (Pt.1 로딩 기간 최적화 | AMFE/기사#1 |
최적화 도구 | 주소 |
---|---|
새로운 JavaScript 성능 분석 도구 Oneprofile | http://www.html-js.com/article/3083 |
JavaScript 힙 메모리 분석 새로운 도구 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 다중 브라우저 호환성 테스트 솔루션 | 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 |
fgm | http://www.fgm.cc/learn |
Cen an의 작품 모음 | https://github.com/hongru/hongru.github.com |
Donnet 데모 컬렉션 | http://kmdjs.github.io |
MSPACE JS가 작동합니다 | 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 |
자바 스크립트 개인 작품 | http://www.cnitblog.com/yemoo/category/3107.html |
멋진 레이 동산 게임 작품 | 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 |
조이 데모 | 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 |
Frozenui | http://frozenui.github.io/case.html |
리버시 | http://js-game.github.io/othello |
Fromone | http://yansm.github.io/fromone/index.html |
고품질 외국 제품 | 주소 |
---|---|
파즈건 | http://pazguille.me |
이력서 템플릿 | 주소 |
---|---|
좋은 이력서 | http://learnshare.github.io/about/index.html |
이력서 | http://hcy2367.github.io/resume |
장 런 | 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 |
저스틴 영 | http://cv.youngdze.com |
면접 질문 | 주소 |
---|---|
나는 그 몇 달 동안 일자리를 찾고 있었다 (Baidu, Netease Games) | http://www.nowcoder.com/discuss/3196 |
2014 최신 인터뷰 질문 | http://www.html-js.com/article/1743 |
2016 캠퍼스 모집 내부 권장 사항-알리바바 프론트 엔드-세 개의 인터뷰 경험 | http://www.cnblogs.com/imwtr/p/4685546.html |
새해 이후에 일자리를 바꿀 때해야 할 일 : Letv + Kingsoft + 360 인터뷰 여행 | http://www.cnblogs.com/lvdabao/p/3660707.html |
Alibaba 프론트 엔드 인터뷰 온라인 질문 | 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 |
바이두 인터뷰 | 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 고전적인 프론트 엔드 인터뷰 질문 | http://ourjs.com/detail/5%E4%B8%AA%E7%BB%8F%E5%85%B8%E7%9A%84%E5%89%8D%E7%AB%AF%E9% 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/mas |
niuke.com- 서면 시험 인터뷰 | http://www.nowcoder.com/discuss?type=2 |
아이콘글꼴 | 주소 |
---|---|
중국어 글꼴 | http://www.zhihu.com/question/21253343 |
타오바오 글꼴 | 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 아이디어는 중국 특별 튜토리얼을 단순화했습니다 | https://github.com/judasn/intellij-idea-tutorial |
Webstorm, interlidea, phpstorm | http://t.cn/8kzz1uy |
숭고한 텍스트 | https://github.com/jikeytang/sublime-text |
원자 | https://atom.io |
비주얼 스튜디오 코드 | https://code.visualstudio.com |
바이올리니스트 | 주소 |
---|---|
피들러 디버깅 사용에 대해 얼마나 알고 있습니까 (심도있는 연구 | http://www.cnblogs.com/tugenhua0707/p/4623317.html |
Wechat 바이올린 | http://www.cnblogs.com/strick/p/4570006.html |
Wechat 바이올린 | http://gaoboy.com/article/26.html |
크롬 | 주소 |
---|---|
Chrome 공무원 | https://developer.chrome.com/devtools |
크롬 - 기본 | http://www.cnblogs.com/constantince/p/4565261.html |
크롬 - 고급 | http://www.cnblogs.com/constantince/p/4579121.html |
크롬 - 성능 | http://www.cnblogs.com/constantince/p/4585983.html |
크롬 - 성능 향상 | http://www.cnblogs.com/constantince/p/4607497.html |
크롬 - 모바일 | http://www.cnblogs.com/constantince/p/4624241.html |
크롬 - 팁 | http://www.cnblogs.com/liyunhua/p/4544738.html |
크롬 - 콘솔에 대한 불완전한 안내서 | 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-lind%202975 |
크롬 개발 도구 바로 가기 키 | http://anti-code.com/devtools-cheatsheet |
크롬 디버깅 도구의 일반적인 기능 배열 | http://www.html-js.com/article/2327 |
크롬 개발 도구 작업 공간 사용 | http://www.iinterest.net/2014/05/09/chrome-dev-tool-workspace |
크롬 아티팩트 vimium 바로 가기 키 학습 레코드 | http://www.cppblog.com/deercoder/archive/2011/10/22/158886.html |
SASS 디버깅 W3CPLUS | http://www.w3cplus.com/sassguide/debug.html |
Chrome 개발자 도구를보다 전문적으로 사용하는 방법 | http://www.w3cplus.com/tools/how-to-use-chrome-devtools-like-pro.html |
크롬 디버깅 캔버스 | 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 |
크롬 모바일 버전 디버깅 | https://developer.chrome.com/devtools/docs/mobile-emulation |
크롬 디버깅 | http://ud.taobao.org/blog/2012/06/debug-with-chrome-dev-tool |
크롬 디버깅 | http://www.cnblogs.com/qleelulu/archive/2011/08/28/2156402.html |
Chrome 콘솔 명령에 대한 자세한 설명 | 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 |
아티팩트 - 크롬 개발자 도구 (1) | http://segmentfault.com/a/1190000000683599 |
재미있는 백과 사전 성능 최적화 (Chrome Devtools의 타임 라인 프로필 및 기타 도구 사용 소개 | https://xinranliu.me/2015-05-22- Qiqu-performance |
크롬 개발자 도구를위한 15 가지 팁 | http://frontenddev.org/link/15-tips-of-chrome-developer-tools.html |
크롬 개발자 도구에 대한 불완전한 안내서 | http://1ke.co/course/361 |
Chrome 개발자 도구 사용 팁 | http://segmentfault.com/a/11900003882567 |
방화범 | 주소 |
---|---|
Firebug 비디오 자습서 | http://www.imooc.com/learn/137 |
Firefox 에뮬레이터 | 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 |
Chrome을 사용하여 Android 장치를 원격으로 디버깅합니다 | https://github.com/yujiangshui/cn-chrome-devtools/blob/remote-debugging/md/use-tools/remote-debugging.md |
MAC 모바일 터미널 디버깅 | http://plus.uc.cn/document/webapp/doc5.html |
MAC 모바일 터미널 디버깅 | 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%AE%AE4%BF%A1%E8%B0%83%E8%AF%95%E7%9A%84%E9%BE82%A3 %E4%BA%9b%E4%BA%8b |
원격 콘솔 | http://jsconsole.com |
WeChat 디버깅 도구 | http://blog.qqbrowser.cc |
다양한 실제 기계 원격 디버깅 방법의 요약 | https://github.com/jieyou/remote_inspect_web_on_real_device |
iOS 시뮬레이터 | 주소 |
---|---|
모의 실험 장치 | https://developer.apple.com/library/ios/documentation/ides/conceptual/ios_simulator_guide/introduction/introduction.html |
Xcode의 iOS 시뮬레이터 (iOS 시뮬레이터의 소개 및 사용 경험 | http://www.crifan.com/intro_ios_simulator_in_xcode_and_usage_summary |
img | 주소 |
---|---|
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 프로덕션 | 주소 |
---|---|
Nodeppt | 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 |
일반적으로 사용되는 CDN | 주소 |
---|---|
시나 cdn | http://lib.sinaapp.com |
바이두 정적 자원 공공 도서관 | http://cdn.code.baidu.com |
360 웹 사이트 가드 일반적으로 프론트 엔드 공공 도서관 CDN 서비스 | http://libs.useso.com |
부트 스트랩 중국 웹 사이트 오픈 소스 프로젝트 무료 CDN 서비스 | http://www.bootcdn.cn |
정적 파일 cdn -qiniu를 엽니 다 | http://staticfile.org |
CDN 가속도 -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 |
정기적 인 명령 연습 | http://pcottle.github.io/learngitbranching |
GIT 데이터 조직 | https://github.com/xirong/my-git |
내가 녹음 한 git 명령 (매우 실용적) | http://www.cnblogs.com/fanfan259/p/4810517.html |
엔터프라이즈 개발 GIT 워크 플로 모델 탐색 부품 휴식 | https://github.com/xirong/my-git/blob/master/git-workflow-tutorial.md |
Github Hitchhiker 's Guide | https://github.com/phodal/github-roam |
Github 속임수 | https://github.com/tiimgreen/github-cheat-sheat/blob/master/readme.zh-cn.md |
협업 개발 프로세스를 위해 Git 및 Github를 사용하십시오 | http://livoras.com/post/28 |
애니메이션으로 연습하십시오 | http://onlywei.github.io/explain-git-with-d3 |
우수한 자바 스크립트 프로젝트 | 주소 |
---|---|
각도 및 웹 팩 급류 | https://github.com/angularclass/angular2-webpack-starter |
FIS3 프론트 엔드 지향 엔지니어링 건설 시스템 | https://github.com/fex-team/fis3 |
FIS3 데모 | https://github.com/fex-team/fis3-demo |
프론트 엔드 jQuery 시리즈 : 소스 코드 분석 | https://github.com/jsaaron/jquery |
아발론 프레임 워크 | https://github.com/rubylouvre/avalon |
Microsoft Chakracore Microsoft의 차크라 엔진 | https://github.com/microsoft/chakracore |
Quintus HTML 게임 엔진 | https://github.com/cykod/quintus |
node.js로 만든 흥미로운 블로그 | https://github.com/strml/strml.net |
웹 프론트 엔드 어시스턴트-Fehelper (Chrome Extension) | https://github.com/zxlie/fehelper |
바이두 프론트 엔드 기술 아카데미 | https://github.com/baidu-ife/ife |
Cheerio (jQuery in node.js) | https://github.com/cheeriojs/cheerio |
WeChat과 유사한 Nodejs 용 채팅 소프트웨어 | https://github.com/bryanyang/freechat |
HTML5 및 Node.js를 사용하여 구축 된 Netease Cloud Music | https://github.com/stkevintan/cube |
Babel ES6에서 ES5 변환 | https://github.com/babel/babel |
JS가 풍부한 텍스트 편집기 | https://github.com/fex-team/euditor |
JS Brain Map 시각화 도구 | https://github.com/fex-team/kityminder-core |
JS로 작성된 플래피 조류 게임 | https://github.com/ellisonleao/clumsy-bird |
JS로 작성된 GBA 에뮬레이터 | 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 |