In the Nuggets wechat group of friends, you still insist on reading the tabloid every day? If your answer is yes, then I really want to give you ten thousand likes 👍 it is really excellent to persist for so long! (well, every day to everyone to collect articles of the small cake is also excellent 😝) 2018 has unknowingly passed the half, here is the first half of the tabloid quality articles collection, do some simple classification, hope useful to everyone!
Programming language related
JavaScript
How to keep learning in the tired JS world
From browser multi-process to JS single thread, JS running mechanism is the most comprehensive comb
Several JS code handwritten questions and JavaScript data structure and algorithm resources to share
There are several mistakes that can be made during a job interview
JavaScript runtime principle parsing
TypeScript practice sharing
Understand the de-shaking function in Underscore
Html2image principle description
Dive into the principles of JavaScript inheritance
Implement A Promise object (follow the Promise/A+ specification)
We need to pay attention to immutable operations
Regex (JavaScript, Regex)
Front-end modularity: CommonJS,AMD,CMD,ES6
Simple and quick understanding of this, call and apply in JS
A few tips for ES6
Interviewer: Please achieve a deep clone
That’s enough for ES6
Getting Started Babel – Implements an ES6 class converter
JavaScript decorator speed guide
If you learn ES6, you won’t write code like that
ES6 Set and Map data structures, created by you
ES6 — Read let to step on less pits
Have a thorough understanding of deep and shallow copy in JavaScript
Delve deeper into js deep copy objects
Higher order function, why are you so beautiful!
Here’s something you might have missed while studying ES7
How to define a high quality native JS plug-in
An advanced guide to JavaScript regular expressions
ES6 Core Features (1)
JavaScript implementation and summary of six sorting algorithms
Step by step What is recursion? Learn more about recursion by using scenarios.
Node.js
The Node.js Design Pattern uses streams for encoding
Node.js: When uploading a file, how does the server obtain the file upload progress
Zero-base implementation of Node + Express personalized chat room
A bit of thinking based on node.js’ front-end separation
9 Tips about Promise
A Dockerfile guide for Node.js applications
ALL you need to know about implementing a Node.js static server
Building a Node.js Application Deployment Platform (I) — Overview
Comparative analysis of Node.js Framework Express and KOA
Express middleware principle detailed
A preliminary study of Node.js — the big Front Road of Pony
Spring breeze is not as good as a clear stream in Node
Node.js+Mysql+Vue+ElementUI implements login, registration and logout
NodeJS wechat public account development – implement wechat web page authorization to obtain user information
Electron+Nodejs+React
Front-end automation: The Node command line front-end automatically builds the publishing system
Nodejs security list
Node.js is now able to implement HTTP/2 push.
Shallow understanding of NodeJS HTTP module
Node Fund Crawler
Node.js Command Line Tool (CLI)
How to build a project structure for a “large Node.js project”?
Node is in good practice
The page layout
CSS / CSS3
Incredible pure CSS navigation bar underscore following effect
Write your own code base (implementation of cSS3 commonly used animations)
Summary of CSS Knowledge
Think CSS is just a simple layout?
Smart use of CSS animation to achieve dynamic bubble background
Overview of the basics of front-end layout
The Grid layout has started
Adaptive layout scheme of mobile terminal based on REM
“Shattering – Regrouping – Shattering” CSS3 is the ultimate Lowpoly style deformation animation
A quick word about clear & close float
50 BASIC CSS interview Questions (with answers)
Draw a starry sky with CSS Houdini
CSS animation rotation rubik’s cube wheel
Use CSS variables to achieve stunning hover effects
CSS Grid layout (Grid) complete tutorial
【 Basics 】 Which of these 15 ways of centering CSS have you used?
Every front-end engineer should know HTML5.2
Use preload to preload page resources
You need to know how single page routing works
Automatic generation of H5 skeleton pages
HTML5 gesture principle analysis and mathematical knowledge practice
Use Canvas to draw a dog that follows the mouse
Interactive subway line map based on HTML5 Canvas
Summary of problems encountered in the mixed development of H5 and APP
H5 Layered screen adaptation
Summary of H5 mobile development problems and solutions
Some understanding and recording of HTML semantics
Explore the implementation of the Undo function in canvas drawing
Canvas achieves beautiful rain effect
Mobile terminal H5 multi – page development door brick experience
The front frame
React
React Source code Parsing is over!
How to learn React? Implement a React, of course
React V16.3 new life cycle function analysis and upgrade scheme
React Application Architecture Design Guide
How to write better React code?
Talk about key in React
Practice (5) : Song state management and playback function implementation
Make React Native App more Native
How to write a drag-and-drop calendar component
Interviewer: Since React/Vue can use Event Bus for component communication, can you implement it?
Redux’s past life, present life, and next life
React/Vue based mobile terminal ultimate adaptation solution (update CSS-modules configuration)
Shallow in shallow out diagram domDIff
React Suite V3.0 has been released
Practice of Immutable operations in React
Explore the Virtual DOM
React In-depth Series 1: React elements, components, instances, and nodes
React Native
A picture to understand the react-Redux principle
Components reuse those things – React implements on-demand wheel loading
ReactNative Dry goods sharing — video player App
React&Redux of actual combat
How to write better React code?
A PC music App developed based on React
React Native study notes
Build React development environment based on Webpack
The React Fiber architecture
Redux + Immutable. Js performance optimization
React + Koa implements server-side rendering (SSR)
The ultimate React component mode in TypeScript 2.8
Implement React with 160 lines of JS Code
Vue.js
When an interviewer asks you about the Vue responsive principle, you can say this
Vue just need to read this
Vue front-end development specification
What I Know about Vue (1)
Vue often meets with questions
[large dry goods] hand in hand with you through the vUE part of the source code
Interview question: Can you write a Vue two-way data binding?
Vue multiple page development and packaging the correct posture
Summary of Problems needing Attention in VUE (1)
Vue project automatically converts px to REM and restores the design drawing in high fidelity
Vue encapsulates Swiper for image rotation
Vue imitation QQ left slide to delete components
Vue nextTick mechanism
The road in front of Bilibili (station B)
How to use TS in VUE
Hand touch hand, take you with vue luai background series 4 (vueAdmin a minimalist background foundation template)
Based on Vue2.0 to achieve the background system permission control
This section describes how to manage Vue routing rights
Vue Server Rendering (SSR)
Summary of Vue component development posture
How to make a probe slide assembly with Vue
Vue+ElementUI implements dynamic rendering and visual configuration of forms
What you should know about vue.js
Talk about the tech inside of Culo-UI
The effect of “Input verification code” in the APP is implemented on the Web
Vue use tips
Salute React: Introducing container components and display components to Vue
How does VUE + Canvas realize the login interface of b station
Cooler Console, simpler output, Enjoy it in Vue
Hand to hand with you a VUE component library!
Vue Family Bucket builds adaptive Web music player
Vue Skeleton screen of the page
What is an Event Loop: Starting with Vue’s nextTick
Vue page switch effect BubbleTransition
From Scratch: How does a formal vue+ WebPack project’s directory structure come into being
Vue. NextTick implementation principle
VUE from scratch series (installation scaffolding), cute little white start VUE
How to explain vue’s life cycle to satisfy the interviewer?
Mand Mobile – Vuejs component library based on financial scenarios
How to implement a popover with Vue – a simple component implementation
Review methods, calculations, and listeners in Vue
Vue Technology Sharing – 7 Secrets you May not Know
Vue SPA project + Sentry to achieve front-end error monitoring
Vue is more than a two-way binding. Let’s see how EventEmitter is implemented
Vue project global configuration wechat sharing practice
Vue common business scenarios and details experience
Advanced use of watch in vue.js
When VUE meets PWA — VUE + PWA Mobile Adaptation Solution Template case
Vue page skeleton screen injection practice
Mpvue: Sparks from the collision of vuejs and applets
Vue single and multi-page application global configuration 404 page practice
Remember a vue+ Element + Echarts project optimization (how to easily increase project performance by 70%)
Detail vue’s DIff algorithm
Angular.js
Angular, the beauty of engineering
Angular 6 is released, full of new features
Angular DOM update mechanism
Angular5 server rendering in action
Write MVVM from zero to one
Angular: Use the RxJS Observables to implement a simple version of the infinite scrolling load directive
Angular security — Authentication using JSON Network token (JWT)
What is a Virtual DOM?
Everything You Need to know about Angular Change Detection
Angular automatically unsubscribing
Source analysis @angular/ CDK Portal
Computer network related
Http / Https / Websocket
HTTP2 basic concepts study notes
Little brother, little sister, I have a TCP, HTTP interview guide do you want?
How does WebSocket work? Why are persistent connections possible?
The front end you should know about – caching
It takes a minute to understand HTTPS
Front End Engineer series, TCP review and condensed summary
How to implement an HTTP request library – AxiOS source reading and analysis
TCP introduction and example explanation
Look at the picture to learn HTTPS
Browser-related
Reflow & Repaint for browsers
How to resolve conflicts between touchStart events and Click events
Browser caching mechanisms that the front end must understand
How to determine the user’s browser and some of the regular forms validation commonly used on the front end
Thorough understanding of browser caching mechanisms
Performance optimization correlation
List of front-end performance optimizations in 2018
Refactoring – to improve all aspects of your code
Some gains from front-end project refactoring
Async/Await makes your code more concise
The road to front-end performance optimization – Pictures.
Web performance CaseStudy: Take the PressOne home page as an example
Front-end optimization series – JS obfuscations introduce performance sinkholes
10 times better performance: Optimize static sites
F2 3.1 release, out of the box mobile visualization solution
Front-end performance optimization – Browser rendering optimization – create 60FPS pages
Front-end performance related: anti-shake, throttling
Image lazy load stomp pits
Refactoring – Design the extension mechanism of the API
7 ways to de-duplicate arrays
Use nginx to cache static files on the server
The performance of CSS Animation and Transition
Summary of common mobile Bugs 001
Optimize the page open speed, want to understand ~
How JavaScript works: Going deep into the network layer + How to optimize performance and security
Improve front-end robustness with Flow
Redux + Immutable. Js performance optimization
React 16 Load performance optimization guide
security
Talk about front-end exception catching and reporting
Focus on program exception flow
Front end FAQ sorting
How do I encrypt user passwords for transmission and storage
Cookie tamper-proof mechanism
Interview/personal development
One year front Interview: The Road to Upgrade (1)
3. Record any questions that were not answered well (Vue mostly) during the interview
Share a large collection of front face questions and answers
Interesting function interview questions
Ajax often sees questions
Several Js code handwritten questions as well as JavaScript data structure and algorithm resources to share
The regular expression for the interview question parses a complete URL
Front-end interview test points? These articles are enough
Interview share: Summary of 2018 Alibaba front-end interview
Tencent First Side (2019 front-end internship position)
React Native
How to write a high-order README
Remember the interview questions for senior front end engineer and see how many you know?
Interview Summary — some of the key points of the front end interview
Interviewer: Do you know anything about front-end routing?
Interviewer: Do you know why there is a Generator
Several advanced front end test questions analysis
Interview: Pages load huge amounts of data
Social recruitment intermediate front end written interview questions summary
Talk about code literacy for front-end/software engineers
Where are the technical advancements for front-end engineers?
Front-end basic interview questions @JS article
Interview picks Promise
Small program
How to solve the current micro channel small game network request problem
Wechat small program development essential artifact -Grace
Hand – in – hand teaches you applet login authentication
Micro channel small program to achieve multiple folding to expand cool menu
Wechat small game development summary
Wechat small program -NBA online broadcast small program development
Brief introduction to wechat small program login and Oauth
Two hours to quickly build micro channel small program
[open source] Wechat small program, small game and Web general Canvas rendering engine -Cax
Did you get the Mi-8? No hurry, a small program first 😎
PWA
What is the PWA
Google I/O 2018: PWA for PC
Tool resources
Front-end development hey-CLI, global support vUE React ES6 development and deployment
How to write a front-end image compression, orientation correction, preview, upload plug-in
Unmissable javascript mini library
From only know git add. novice to master the basic functions of Git
Introduction to git command collection and Git-flow
Use YApi to manage API documentation, tests, and mocks
Front end oriented Lottie & AE animation hand – in – hand instruction
Field note: Jenkins builds powerful front-end automation workflows
VSCode plug-in configuration that doubles your development efficiency (middle)
My moment is too heavy? Try Miment, an ultra-lightweight JS time library
⏰ day.js 2kB ultra light time library same API as moment.js
Free, one-click publishing web pages
Basic usage of MongoDB
Why do my latitude and longitude coordinates shift by hundreds of meters on a Baidu map?
How to use Git gracefully
Two front-end tools are recommended: Charles and Postman
Gracefully Commit your Git Commit Message
How to read the source code of a large front-end open source project
How to implement a perfect Select component
V – charts | hungry? Team open source based on Vue and ECharts chart tool
Recommend a Vue based Markdown editor plug-in – mavonEditor
Powerful VS Code
Webpack
Webpack,
Webpack4 – Hit it 11 times for the first time
Summary of webPack build speed optimization experience
A solution to webPack files that are too large
Webpack + Vue, several ways to reduce package size at deployment time
Take you into the world of Webpack and become the number one webpack player
Optimize WEBPACK to build REACT faster
PublicPath is detailed in Webpack
Webpack4+ multi-entry program build
other
Excuse me! Delay your ten minutes, let the MVVM principle back to you
Mvvm front-end data flow framework
Introduction to SVG – How to write SVG by hand
SVG is easy to understand
From Ajax to FETCH, axios
You need to know how single page routing works
Front-end ARTIFICIAL intelligence? Learn to beat the game tensorflow.js
Finally:
The number of articles this year is much more than last year, it seems that people are more and more active in the nuggets! You can Mark up and read it slowly. However, xiaobing still suggests that you read daily tabloids in the wechat group, after all, it is more useful to digest one or two every day, and there will be great benefits over time. Instead, the accumulated words are either “too much debt to worry about.” Never open it again (like ME TAT); Or they’re tired and take a lot of time to catch up.
Welcome to join the nuggets front end communication group, find the right technical circle belongs to you
Scan the qr code below and add a small editor (reply “FE”) to invite you to join the group yo
