Javascript
| Article | Article |
|---|---|
| Deep and shallow copy of Javascript | Apply and Call inheritance in Javascript |
| Javascript jSONP principles | Javascript listens for touch events |
| Var self = this in Javascript | Javascript object-oriented programming |
| Javascript slide to switch scenes | Javascript to obtain latitude and longitude, on the call baidu API problem |
| Handy Javascript operators | Deep understanding of Javascript functional programming |
| Javascript setTimeout detail use case | Sessionstorage, localStorage and cookie |
| JS date comparison | JSONP reference article |
| Javascript the createElement method | Javascript的createDocumentFragment |
| SessionStorage and localStorage | Pixel frame animation |
| Reference | Reference |
| Collect the most comprehensive front-end learning materials | The most complete front-end tutorial – Memoirs of a cat |
| The most comprehensive collection of this traps in JavaScript — none | JS functional programming guide |
| JavaScript Promise Mini-Book (Chinese version) | Nguyen other Javascript |
| The front TOP 100 | Small white zero base JavaScript full stack tutorial |
UI
| Reference | Reference |
|---|---|
| WeUI | Bootstrap |
| MUI- A high-performance front-end framework that is the closest thing to a native APP experience | Amaze UI is China’s first open source HTML5 cross-screen front-end framework |
| Frozen UI | Foundation |
| SUI | ZUI |
| Taobao HTML5 front-end framework | Kissy-ali front-end JavaScript library |
| Netease Nej – Nice Easy Javascript | Kendo UI MVVM Demo |
| Smart UI | Yahoo UI – CSS UI |
CSS
| Article | Article |
|---|---|
| Flex CSS layout | Mobile front-end development CSS3 |
| Responsive layout media queries | CSS image responsive layout |
| LessDemo less file | |
| Reference | Reference |
| CSS Syntax Reference | CSS3 Animation manual |
| Tencent CSS3 animation tools | animate.css |
| Animated Books with CSS 3D Transforms | Browserhacks |
HTML
| Article | Article |
|---|---|
| HTML5 has some amazing demos for you | Wallpaperbetter |
Angular
| Article | Presents the document |
|---|---|
| Angular interprets the publishExternalAPI function | The setupModuleLoader function is interpreted in Angular source code |
| Ng-style usage of Angular | Angular determines which service is open in that browser |
| Principle analysis of Angular text folding and unfolding components | Detailed analysis of Angular service Request asynchronous requests |
| Angular custom service details | Angular customizes services that determine whether the previous page exists |
| Angular manipulates cookies methods | Angular printed the incorrect minErr function |
| Angular’s fromJson and toJson methods | Angular generates the form with ng-repeat and binds a detail of ng-click |
| Angular’s run method is cleverly used | Angular handles Html escapes |
| Ng-repeat binds events and nesting | Angular’s post request backend cannot accept data |
| Ionic summary | The UI – the route and ng – the route |
| ng-options&&ng-switch | Directive component scope |
| Forms authentication | $broadcast,$emit and $on |
| Custom filter | Custom gesture command ng-touch |
| ng-animate | Technical points for single page applications |
| Guess you like | AppDemo |
| Presents mall Demo | Angular’s Cnode community |
| AngularStovepipe | Angular news client |
| Presents mall Demo | Angular’s Cnode community |
| Angular inline editor | Angular Real-time Search |
| Angular Navigation menu | Angular order form |
| Angular Switch grid | Angular News +WEUI DEMO The source code |
| Controller | The controller |
| Angular Controller Demo | |
| SPA DEMO | Single page application |
| Angular+Weui single-page app DEMO- Joke of the Day | |
| Service | service |
| Common ways Angular customizes services | Angular partial services demo |
| Angular custom Canvas drawing service | Angular custom HTTP service object-oriented encapsulation |
| Directive | Components and instructions |
| Angular custom gesture directives | Angular custom wheel map components |
| Angular custom pull-down refresh component 1 | Angular custom pull-down refresh component 2 |
| Router | routing |
| Angular route nesting | Angular routes multiple UI-Views on a single page |
| Filter | The filter |
| Angular built-in filters | Angular custom keyword retrieval filters |
| Animate | animation |
| Angular nG-animate 1 | Angular nG-animate 2 |
| Other | other |
| Angular uses iframe | Angular Tertiary Linkage (1) |
| Ng-switch is used in Angular | Baidu Positioning DEMO |
| Angular Tertiary Linkage (2) | Angular Event Listener |
| JQuery simulation ng – repeat | lessDemo |
| Angular custom cookie service and use of ngCookie | Turing robot |
| Angular implements modularity with angular.module() | Angular form validation |
| Angular ng-repeat nesting | Angular implements modularity 2 with angular.module() |
| PHP | PHP |
| Minor details of PHP CURL requests | |
| Reference | Reference |
| The most popular PHP code specification | The most popular PHP code specification |
| Some learning resources for angular.js | Angularjs Chinese community |
| Some extension Angular UI components | Angular UI |
| AngularJS online tutorial | Angular Learning Notes |
React
| React | Reference |
|---|---|
| React tutorial | React Router tutorial |
| React Development Handbook – Geek Academy | React Tutorial |
| React.js quick start | Reactjs 2016 Best Practices |
| React Tutorial | React tutorial |
| Easy introduction to React and Webpack | React 英 文 版 |
| Redux Chinese document | React Router Official document Chinese translation |
| React Tutorial | React introduction and practical tutorials |
| React. Js official website | React.js official documentation |
| React.js material UI | React.js TouchstoneJS UI |
| React.js amazeui UI | React by Ruan Yifeng |
| React Native | Webpack and React – Gitbook |
Vue
| Vue | AppDemo | Demo |
|---|---|---|
| NewsDemo | Vue evaluates attributes | Vue life cycle |
| Article | Vue document | |
| Vue – cli scaffold | Vue components | Vue custom command |
| Vue transition animation | Vue instruction | Vue API documentation |
| Vue performs ajax requests | Vue implements methods similar to Angular services | Vue source reference document |
| Router | routing | |
| Routing demo | Routing demo2 | |
| Directive | instruction | |
| Instruction demo | Custom instruction demo | Slide demo |
| Filter | The filter | |
| Filter the demo | Filter implementation paging demo | Filter read/write data |
| Transition | The transition | |
| Transition demo | Transition demo2 | |
| Form | The form | |
| Get form values | ||
| Computed | To calculate | |
| Calculate attribute | ||
| Component | component | |
| Components in the demo | ||
| Reference | Reference | Reference |
| Vue website | Vue BBS | Awesome-vue |
Node
| Node | Article |
|---|---|
| The node skills | NodeJs static server |
| Reference | Reference |
| Node.js is all about teaching, not learning | Learn NodeJS in seven days |
| Nodejs series of articles from Scratch | Introduction to the Node |
| Node for Beginners, a comprehensive NodeJS tutorial |
Gulp
| Gulp | Article |
|---|---|
| Gulp Demo | |
| Gulp | Reference |
| Gulp website | Gulp Chinese website |
| Gulp data collection | Gulp: Ruanyifeng task automatic management tool |
| Gulp plug-in | Gulp partial tutorial |
| Getting started with Gulp |
other
| Other | Article |
|---|---|
| Some front-end analysis of fashion website | Development of wechat official account |
| Atom Tips summary | Mac tip |
| JS jump script in CSDN page | CSDN blog hiding configuration |
| Baidu set up a small robot | Front end cold knowledge, clever use of browser address bar |
| Vim notes | Cordova configuration &Ionic Configuration (WebApp Hybrid Development Environment) |
| Internet Explorer 8 or the following button hyperlinks cannot be jumped |
sharing
| Share | Reference |
|---|---|
| Baidu Share (PC) | JiaThis(PC) |
| Social Sharing Component (Mobile) | ShareSDK makes social features easy (Mobile) |
| Umeng Share (Mobile) |
The online demo
| Reference | Reference |
|---|---|
| Js online editor – runjs | Js online editor – jsbin |
| Js online editor – Codepen | Js online edit – jsfiddle |
| Java online editing – runjs | Js online editor – hCharts |
| Js online editing – JSDM | SQL online editing – SQLFiddle |
| Mozilla online editor |
Rich text editor
| Reference | Reference |
|---|---|
| Baidu ueditor | ckeditor |
| tinymce | kindeditor |
| wysiwyg | BachEditor |
| simditor | summernote |
| Squire | wangEditor |
Chrome
| Reference | Reference |
|---|---|
| Chrome – based | Chrome – advanced |
| Performance of Chrome – | Chrome – Advanced performance |
| Chrome – mobile | Chrome – Use tips |
| Chrome-console Incomplete Guide | Chrome development tool shortcuts |
| Chrome development tool Workspace use | Chrome artifact Vimium shortcut learning record |
| Sass debugging – w3cplus | How to use Chrome Developer Tools professionally – W3CPlus |
| Chrome debugging canvas | Chrome Developer Tools (part 1) |
| Chrome DevTools Timeline Profils and other tools to use introduction | 15 Tips for Chrome Developer Tools |
| Chrome Developer Tools incomplete guide | Chrome Developer Tools tips |
Performance optimization
| Reference | Reference |
|---|---|
| Javascript high performance animation with page rendering | Mobile H5 Front-end Performance Optimization Guide |
| Front-end performance optimizations for web designers and front-end developers | Zhang Xinxu — Front-end performance |
| Advances in Web front-end performance optimization | Hey — Front-end performance |
| YSLOW Chinese introduction | Yahoo! Team practice sharing: Website performance |
| Load, not just a little bit less | By 12306 talk about site front-end performance and back-end performance optimization |
| High-performance Front-end 1 high-performance HTML | High-performance Front-end 2 High-performance CSS |
| Front-end engineering and Performance Optimization (PART 1) : static resource version updates and caching | Front-end engineering and Performance Optimization (PART 2) : Static resource management and template framework |
| What happens in the first few milliseconds of an HTTPS connection | Yslow |
| Ali Wireless Front-end Performance Optimization Guide (Pt.1 Loading Period Optimization) | Ms must contend, front-end web page performance best practices |
CDN
| Reference | Reference |
|---|---|
| Query &Bootstrap Chinese open source project free CDN service | Bootstrap Chinese open source project free CDN service |
| Sina CDN | Baidu static resources public library |
| Open static file CDN – seven cows | CDN acceleration – JQ22 |
| Microsoft CDN | Angular CDN |
| 360 website Guard commonly uses front-end public library CDN service |
Git
| Article | Article |
|---|---|
| Git operation | Git CSDN Blog |
| Reference | Reference |
| Git-scm | Git-for-windows |
| Liao Xuefeng -Git tutorial | Gogithub |
| Git general command exercises | Git data collation |
| Git commands I documented (very useful) | GitHub’s Hitchhiker’s Guide |
| Making mods | Practice Git with animation |
Sass&Less
| Article | Article |
|---|---|
| Less tutorial | |
| Reference | Reference |
| Sass | Sass Chinese document |
| Less |
Markdown
| Reference | Reference |
|---|---|
| Markdown Syntax (Simplified Chinese Version) | Markdown entry reference |
| Mdeditor(a domestic online Markdown editor) | Stackedit(foreign online Markdown editor, powerful, sync cloud disk) |
| Mditor is a lightweight Markdown editor | lepture-editor |
| Markdown-editor |
Front end of the document
| Reference | Reference |
|---|---|
| Front-end knowledge structure | Overview of Web front-end development |
| Free programming Chinese books cable | The front-end books |
| Front-end free book collection | Reintroducing JavaScript (JS Tutorial) |
| Gitbook | Front-end – develop-guide Provides a Guide for developing Front- ends |
| Front-end development notebook | Large front-end toolset |
| Front-end Developer manual | A front-end approach combining personal experience summaries |
| 2016 latest front-end learning plan |
The front-end specification
| Reference | Reference |
|---|---|
| Engineers’ code writing habits were summarized by analyzing the Github code base | HTML&CSS coding specification by@mDO |
| Front-end coding specification jS-by Yuwenhui | Front-end coding specification jS-by Li Jing |
| Airbnb JavaScript Coding Specification (Simplified Chinese Version) | Differences between AMD and CMD specifications |
| Differences between AMD and CMD specifications | KISSY source code specification |
| Front-end code specifications and best practices | Baidu front End Specification |
| JavaScript Style Guide/Coding Specification (Airbnb) | Netease front-end development specifications |
| List of front-end specification resources | Web front-end development specification document |
Front end of the interview
| Reference | Reference |
|---|---|
| 2016 school enrollment internal promotion — Alibaba front end — four interview experience | I was looking for a job in those months (Baidu, netease Games, Huawei). |
| Front-end development interview questions | Front-end-Interview-questions |
| 5 classic front-end interview questions | Front-end-Developer-Interview-Questions |
| BAT and major Internet companies 2014 front-end written test interview questions: JavaScript | Front-end development interview questions big collection |
| Collect front end questions and answers | Front-end development interview questions |
| Front-end interview | About the front-end interview |
The front-end web site
| Reference | Reference |
|---|---|
| The Denver nuggets | Baidu FEX |
| Ali UED | Novice tutorial |
| QDFuns | The screen class network |
| Codepen | Sentsin |
JS practice
| Reference | Reference |
|---|---|
| Codewars | Javascript-puzzlers |
| Freecodecamp Chinese version | ES6katas |
| Now Coder | Leetcode |
| Nodeschool | Hackerrank |
algorithm
| Reference | Reference |
|---|---|
| Data structures and algorithms described in JavaScript. Chapter practice | Common Sorting Algorithms (JS version) |
| Classic sorting | Common sorting algorithm – JS version |
ES
| Reference | Reference |
|---|---|
| Exploring – ES6 translation | Nguyen other ES6 |
| Ecma-262, 5th edition | ES5 |