Abstract: As a front-end small white, I do not know how to learn? Poor use of front-end tools, resulting in low productivity? Busy learning code, libraries, and tools every day, but always feel that something is missing? Performance optimization, often clueless or without a good idea? If you are satisfied with one of these, then open this article, it is worth reading! Yunqi jun sorted out some front-end good articles in the community, entry, advanced class articles everything, convenient for everyone to refer to and learn.

As a front-end small white, I do not know how to learn? Poor use of front-end tools, resulting in low productivity? Busy learning code, libraries, and tools every day, but always feel that something is missing? Performance optimization, often clueless or without a good idea? If you are satisfied with one of these, then open this article, it is worth reading!

Yunqi jun sorted out some front-end good articles in the community, entry, advanced class articles everything, convenient for everyone to refer to and learn.


A, front-end dry GOODS PPT download:

WebGL practices in front-end visualization





Front-end componentization practice based on WebPack and NPM





Exploration and practice of vue. js in front-end servitization



New platform: new ideas for product experience optimization of front-end technology stack



Deployment free front-end middleware technology — a new idea for enterprise mobility



Bone animation practice





Two, front-end dry goods good article (entry to advanced)



Front-end data structures and algorithms that you should understand


Vue responsive data: Observer module implementation


Get to the bottom of ajax principles and packaging


Sh šŸ¤«! Secrets of macro and micro tasks in different environments


怐Chrome怑 Chrome-devTools: debug the H5 page in ios-Safari (ios-webkit-debug-proxy)


Explore modularity in JS


Provides hook global AJAX interceptor for all methods and attributes of an XHR object


Feflow source code interpretation


The front-end disaster


Airbnb: React Native from choice to give up


An in-depth understanding of Node.js- Background: Core Ideas and source code Analysis [1]


Classic INTERVIEW Questions: The most detailed handwritten Promise tutorial ever


Use SimpleMDE to create a markdown editor like a simple book and gold digger


Webpack combines image processing in ReactJS and VuejS projects


The d3-selection principle of D3.js


Front-end communication: Ajax design solution (7) – increased request error monitoring, front-end load balancing, request downtime switchover and iterative problem repair


Why try not to use setInterval


Front-end implementation of flag fluttering effect series (ā…°) : DOM + CSS implementation


React Native Basics & Getting Started: Using Flexbox layouts for a start


UI interface optimization based on card design


Front-end implementation of flag fluttering effect series (ā…°) : DOM + CSS implementation


React Native Basics & Getting Started: Using Flexbox layouts for a start


UI interface optimization based on card design


Front-end Chronicle


Front-end foundation (IV) : Collection of international front-end specifications


Front-end basics (iii) : functions


Front End Basics (ii) : Six ways to declare variables


Front-end foundation (I) : JS data type


Vue 2. Management System Development of X Combat Console (II)


Vue combat (I) — Vue basic summary


MVVM Development Summary – Vue Components (All you need to know)


API daily summary: front-end common JS functions and CSS common skills


Asynchronous programming


1-5. Componentization of vue. js core knowledge


Vue. Js 2.0 Quick Start – Basics – Zhihu column


Vue component Learning (2) : Slot content distribution, compile scope, and dynamically switch components


Vue. Js 2.0 combat essence comb


Vue comprehensive introduction


VUE 2.0 learning summary


Front-end implementation of flag fluttering effect series (ā…°) : DOM + CSS implementation


React Native Basics & Getting Started: Using Flexbox layouts for a start


UI interface optimization based on card design


Front-end Chronicle


Front-end foundation (IV) : Collection of international front-end specifications


Front-end basics (iii) : functions


Front End Basics (ii) : Six ways to declare variables


Front-end foundation (I) : JS data type


Vue 2. Management System Development of X Combat Console (II)


Vue combat (I) — Vue basic summary


MVVM Development Summary – Vue Components (All you need to know)


API daily summary: front-end common JS functions and CSS common skills


Asynchronous programming


1-5. Componentization of vue. js core knowledge


Vue. Js 2.0 Quick Start – Basics – Zhihu column


Vue component Learning (2) : Slot content distribution, compile scope, and dynamically switch components


Vue. Js 2.0 combat essence comb


Vue comprehensive introduction


VUE 2.0 learning summary


React Route status management


React Native – Webstorm quick development


QQ Weather H5- Front end complete analysis


A look at new features in HTML5 and CSS3


JS variable scope


4.2 Javascript execution environment and scope


[Basics] Which of these 15 intermediate CSS methods have you used?


Dotnet Core WebAPI + Vue Completely separated Web Architecture (1)


What exactly does Deno compatible browser mean?


RxJS practices, how does Vue integrate RxJS


The ECMAScript 2018 language specification has been released to improve regular expressions


React+Redux based SSR implementation


Vue Patterns are more common in modern society


React- How React Fiber works


The algorithm that the front end of shallow solution must master (5) : Heap sort (1)


String Template Analysis


JS inheritance, what is going on in the middle


Retalk, Redux has never been easier


Vue core idea: data driven, componentization


How to use VW + REM for mobile layout


Today (Part 1) Angular: Building to-do Apps


160 lines of code mimicking Vue for minimalist bidirectional binding


Explore modularity in JS


Component registration, communication,slot, reuse,$mount()


Deeply implement closure idea, fully understand the formation process of JS closure


How to automate refactoring pre-ES6 code


The Event Loop,


Write down a small program project development experience


Next. Js V4.1.4 Document Chinese translation


Html2canvas: The road to the pit


Taro Practice – Rapid development of Multi-application of Zhihu


Common knowledge in VUE practice 001


Webpack Survival Guide


The Promise I knew


Server Side Rendering (SSR) in React16.x


Mpvue & Potholes in applets development


Summary and essence of Vue2 technology stack


Who says the front end needs to know Nginx?


Does ES6 destruct assignment create an object each time? Will it increase the burden of GC?


Graduation about a year of front-end sister face by summary


Common design patterns in JavaScript


JavaScript memory mechanism (prerequisite for advanced students)


Web Performance optimization – key render paths and optimization strategies


Draw a progress disk on canvas


JavaScript core


Webpack’s Code Splitting implements on-demand loading


Step up: Build projects with version management capabilities


On the evolution of hybrid application


3D visualization application of industrial Internet based on HTML5


Vue custom component event passing: The EventBus part


Vue family barrel builds adaptive Web music player


An understanding of publish/subscribe in JavaScript


Super-vuex experience


Why should we use React to write small programs


Taobao.com, netease mobile terminal PX conversion REM principle, VUe-CLI to achieve PX conversion REM


React Native Cross-platform Mobile App Development


Brief introduction to front-end unit testing


Talk about using Vue to build front-end 10W + code amount of single page application development bottom layer


Backend says: only you don’t know how to use headers!


Mobile TERMINAL H5 multi page experience in door brick development


Front-end testing: Part II (Unit Testing)


Vue server side rendering (SSR) combat


JS to write a small game “jump jump” plug-in Canvas image recognition


How to use Vuex together with Busemit


Vue. Js application framework Nuxt.js


Front-end cross-domain problems and their solutions


怐JSConf EU 2018怑JavaScript Engine: The Essence part


Webpack 4 configuration best practices


Detailed explanation of JS new call function principle


JS Learning Series 06 – Variable objects


Vue. Js MVVM principle and implementation


Native JS basic course


JS type detection summary


Some potholes in JavaScript deep copy


Angular4 made a city/county level linkage


ECMAScript6 lexical


A deep dive into JavaScript execution mechanisms


Exploration of data flow schemes for single page applications


From the Atom babeljs/smart – transform 怑 怐 coffeescript/typescript intelligent es5 library


Use Echarts to simulate migration diagrams


Use Promise to describe a sad story


Three methods of uploading files don’t refresh the page to discuss the iframe/FormData/FileReader


Webpack Flight Manual


Web combat: Video combined with Canvas to achieve video online screenshot


The use of vue render function


Using native JavaScript modules in the browser


The React Fiber que


Qidian Overseas Hybrid App- optimization practice of embedded page


Specification for using localStorage and sessionStorage in Vue


Canvas – colorful paper


Some notes on using AXIos in Vue


JS anti – shake and throttling


Translation | webpack 2 beginner’s handbook


Hand by hand teach you a simple Webpack


Module debugging tips you didn’t know – NPM Link


React 8 Conditional Rendering


JavaScript: Core – 2nd edition – Chronicle of a Cyber ambush


IView releases iView Appellate UI component library


Understand ES7 async await


Webpack + VUE + AMaze – Vue realize provincial and urban three linkage selection components


Mobile H5 page wechat Pay pit trip (wechat pay, single-page routing simulation, button lock, polling and other common functions)


Redux is very simple


React webPack – React WebPack


Progressbar.js: progressbar.js: progressbar.js: progressbar.js: progressbar.js: progressbar.js


React state object


Parceljs and Webpack pack speed comparison on React project


Responsive solution research and front-end development management thinking


Rapid development of 3D bevel drag generation models for HTML5 WebGL


JavaScript performance optimization tips shared


Jsonp cross-domain data acquisition to achieve Baidu search


Webpack Automated Build practice guide


Use pits that Vue has stepped on


22 lines JS write an image format converter


Top 10 JavaScript Errors in over 1000 projects and How to avoid them


Talk about the BFC in the CSS


Modular Path for Underachieving Students – 50 lines of code that take you to hand-write a common.js specification


SVG Path the role of paths in Web development


MVVM best read and practice


Background system authority control based on Vue


React Prelude, basic concepts of functional programming


Vue unit test exploration


From concept to actual project __vuex refers north


Full stack on JS (2) (1/2)


Translation | overhand Webpack? This is enough!


Vue – based point-to-point chat project


Load versus DOMContentLoaded


Scaffolding and tools kit for improving front-end development quality and efficiency – Ui