Low-key and pragmatic Outstanding Young Chinese (Profile) && Additional answers

Github.com/webVueBlog/…

A ☝️ serious front-end learning open source warehouse, inspired from Taobao big man @ Hu Yu, the beginning of the heart to do a real help to everyone’s warehouse. (Very colloquial, handwritten summary)

👤 : I am Ne Zha: What you learn will have strong motivation if you like it.

🐤 Exchange discussion && how to learn && reprint statements

First: you can read directly in this warehouse, phased learning. (can be reproduced inside all knowledge points used anywhere, but please add the address of the warehouse) welcome to submit issues

Welcome everyone to come to discuss, if you think it is helpful to your study, you are welcome to click Star (this warehouse will be updated on time every day).

Seven 🧑 🏻 💻 stage

Begin to see
  • 191. The new keyword
  • 192.call
  • 193.apply
  • 194.bind
  • 195.js
  • 196. Anti-vibration and throttling
  • 197. Prototype chain inherits Prototype
  • 198. Use the constructor to inherit call
  • 199. The original type inherits Object.create.js
  • 200. Parasitic inheritance
  • 201. Parasitic combinatorial inheritance
  • 202. Implementation principles of static methods
  • 203.protected
  • 204. Principle of class attribute inheritance
  • 205. Class method inheritance principle
  • 206. Principle of HTTPS Encryption
  • 207. Summarize the prototype chain
  • 208. Prototype chain instance
  • Call,apply Borrow prototype chain
  • 210. Archetypal inheritance
  • 211. Prototype factory package
  • 212.__proto__ Attribute accessor
  • 213. The DataView view
  • 214.TypedArray
  • 215. Usage scenarios of Iterator

😇 phase six

Begin to see
  • 176. What is the difference between event bubbling and event capture
  • 177. Using a recursive algorithm, the array length is 5 and the element’s random number is not repeated between 2 and 32
  • Write a method to remove whitespace from a string
  • 179. What are the new features of CSS3
  • 180. What are the elements of HTML
  • 181. What are the HTML global attributes
  • 182. What are the ways to hide elements on a page
  • 183. Removes the last specified character in a string
  • 184. What are CSS selectors? Which attributes can be inherited?
  • Write a method to change the underline name to the big camel name
  • 186. How to use the offline storage of HTML5 files, and what is the working principle
  • 187. Describe the value and function of the hyperlink target property
  • 188. What are the new pseudo classes in CSS3 and briefly describe them
  • 189. Write a method to toggle the case of a string
  • 190. What are the functions of label

Five 🧑 🏻 💻 stage

Begin to see
  • 151. Container updates for data binding
  • 152. Understand objects
  • 153. Arrow function
  • 154. Higher-order functions
  • 155. Use of static attributes
  • 156.instanceof
  • 157. The principle of promise
  • 158. Array extension
  • 159.reduce
  • 160. Iterators and for of
  • 161. Structure assignment
  • 162. The box model
  • 163. Weights and priorities
  • 164.Flex implements vertical center
  • 165. A square half the width of the parent element
  • 166. Left and right fixed center adaptive
  • 167. Flex left side fixed right side adaptive
  • 168. Functions have more than one parent
  • 169. Prototype versus object method priorities
  • 170. Use the parent constructor to initialize the property
  • 171. HasOwnProperty Property detection
  • 172. IsPrototypeOf prototype detection
  • 173. Constructor reference in the stereotype
  • 174. Those objects have no archetypes
  • 175.instanceof

🥲 phase four

Begin to see
  • 146. What is the difference between using link and @import when importing page styles
  • 147. What is “use strict”, the advantages and disadvantages
  • 148. The console. The log (0.1 + 0.2)
  • Array pop(), push(), unshift(), shift()
  • 150. = = and = = =

Three 🧑 🏻 💻 stage

Begin to see
  • 101. Closure semantics
  • The role and usage of constructors
  • 103. Extend the function life cycle
  • 104. Pass parameters
  • 105. Meaning of objects
  • 106. A shallow copy
  • 107. The encryption
  • 108. Send a message
  • 109. A deep copy
  • 110. The object API
  • 111. Composition of computers
  • 112. Processes and threads
  • 113. The visitor
  • 114. Proxy objects
  • 115. Proxy functions
  • 116. The prototype chain
  • 117.nodeEvent
  • 118.websocket
  • 119.HTTPS workflow
  • 120. Wave three times
  • 121. The cache
  • 122. Arrays use proxy interception operations
  • 123. Create an object
  • 124. Deconstruct assignment
  • 125.Object.assign
  • 126. Wave four times
  • 127. Enter the URL in the browser and press Enter
  • 128. Webpack practice
  • 129.mustache
  • 130. The set syntax
  • 131. The map syntax
  • 132. Arrow function
  • 133. Template string
  • 134. Template string
  • 135. Constructor
  • 136. Declare class syntax
  • 137. Use accessors in classes
  • 138. The public properties
  • 139.scoped
  • 140.keep-alive
  • 141.vue-router
  • 142.vue-loader
  • 143. The modifier
  • 144.Vue.delete
  • 145.OSI seven-layer network model

🤣 phase 2

Begin to see
  • 51. Briefly describe the difference between Chome box model and IE box model
  • 52. What are the inline elements and block-level elements
  • 53.BFC
  • 54. What is flexible layout
  • What are the new features of HTML5
  • 56. What properties does position have
  • 57. Please tell the meanings of 1px, 1rem, 1vh and 1em
  • 58. What is a SPA
  • 59. Briefly describe elegant degradation and progressive enhancement
  • 60. Redraw and rearrange
  • Explain float and how it works and how to clear float
  • 62. How do I center a box vertically and horizontally on a page
  • 63. Front-end performance optimization scheme
  • 64. CSS selector priority order
  • What are the new features of CSS3
  • 66. What is an empty element
  • 67. How to implement communication between multiple tabs in the browser
  • 68. Why should CSS styles be initialized
  • 69. What are the new pseudo classes of CSS3
  • 70. Talk about your understanding of Canvas, SVG and WebGL
  • 71. How does the browser render the UI
  • 72. Difference between EM and REM
  • 73. Explain csssprites, how to use them
  • 74. How does the browser render the UI
  • 75. How browsers work
  • 76. The difference between pseudo-classes and pseudo-elements
  • 77. Explain your understanding of the browser kernel
  • 78. What are the common browser kernels
  • 79. Optimize the loading of these images
  • 80. How to optimize SEO
  • 81. How to achieve a 0.5px border
  • 82. The difference between less and sass
  • 83. What is the difference between XHTML and HTML
  • 84. What is the difference between the title and Alt attributes on the IMG tag
  • 85. What is the correct setting order of active Hover link visited in a tag
  • 86. How to deal with the browser compatibility of HTML5 new tags
  • 87. How to use HTML5 offline storage
  • 88. What is the difference between using link and @import when importing page styles
  • Git reset, Git Revert, and Git Checkout
  • What is the difference between git pull and Git fetch
  • 91. How do I restore a previous commit in Git
  • 92. What should I pay attention to when using arrow functions
  • 93. Introduce the difference between Set and Map
  • 94. Whether the Promise constructor executes synchronously or asynchronously, what about the then method
  • 95. Differences between setTimeout, Promise, Async/Await
  • 96. What is the following output
  • Please write the answer to the following code and explain why you want to promote
  • 98. Var, let, const
  • 99. The async and await
  • 100. Difference between GET and Post

🧑 🏻 💻 phase one

Begin to see
  • 1. XSS summary
  • 2.csrf
  • 3. HTML loading process
  • 4. The difference between defer and Async
  • 5. Enter a URL
  • 6. Browser threading threading model
  • 7. Browser cache
  • 8.BFC
  • 9. Vue – DIFF algorithm
  • 10. Differences between arrow functions and ordinary functions
  • 11. What’s good about the Vue framework
  • 12. Vue bidirectional binding malpractice set implementation
  • 13. Vue – principle of the router
  • 14. Cross-domain problem solutions
  • 15. ObjectdefinePropery and proxy
  • 16. Vue component communication
  • 17. Vue bidirectional binding
  • 18. Three handshakes and four waves
  • 19.Axios
  • Across the field
  • 21.websocket
  • 22. Osi seven-layer model
  • 23. Module loading scheme
  • 24. Implicit type conversion
  • 25. One-way data flow and two-way data binding
  • 26. Project difficulties
  • 27.EventBus subscription publishing model
  • 28. HTTP request header
  • 29.TCP
  • 30. Vue principle 2 – the router
  • 31. Clear floating modes
  • 32. Publish and subscribe
  • 41. Closures and scope chains
  • 42. Front-end performance optimization
  • 43. The modular
  • 44. HTTP versions
  • 45. com monjs and es6
  • 46.BFC
  • 47. Left side is fixed and right side is adaptive
  • 48. The triangle
  • 49. Core principles of VUEX
  • 50. Holy Grail layout

Full stack architect

Begin to see
  • 33. Vue source code interpretation
  • 34. Webpack principle analysis
  • 35. Vue-router Front-end routing principle analysis
  • 36.React16 Virtual DOM principle analysis
  • 37. Koa2 source code analysis
  • 38.Flutter
  • 39. Vue component design
  • 40. Taro framework

Leetcode brush questions & answers

Begin to see
  • 1. Sum of two numbers
  • 2. Add two numbers
  • 20. Valid brackets
  • 21. Merge two ordered lists
  • 22. Parenthesis generation
  • Swap nodes in a linked list in pairs
  • 27. Remove elements
  • 35. Search for insertion locations
  • 49. Grouping of letter heterotopic words
  • 46. The whole arrangement
  • 53. Maximum suborder sum
  • 56. Consolidated intervals
  • 57. Insert interval
  • 77. The combination
  • 78. The subset
  • shields.io/
  • leetcode

👩🏻💻 : webVueBlog’s Leetcode brushes 📒



  1. Numberqid
  2. TitleThe title
  3. DifficultyThe difficulty
  4. Navigationanswer
Number Title Difficulty Navigation
1. The sum of two Numbers The sum of two Numbers
2. The two together The two together
3. The oldest string without repeating characters The oldest string without repeating characters

With “early”, “sports”, “meditation”, “writing”, “reading” the five things as the breakthrough point, able to quickly change the life to help you establish a good living habits, the growth of the technology is not happen overnight, good habits will help us progress faster, but in the technology, I more hope you can in insist on these things, harvest a confident, More confidence, more positive to life. — (Source: Low-key and pragmatic Excellent Chinese Youth Group)

License