This is the 10th day of my participation in the “Gold Digging Day New Plan ยท April More text Challenge”. Click here for more details.

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

Chinese | English

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 the statement && help to correct and supplement

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).

๐Ÿ” Stage 17 (440)

Begin to see
  • 426. Talk about how browsers parse CSS selectors
  • 427. Implement a new method manually
  • 428. Understanding of the attribute data-
  • Experience with CSS preprocessors
  • 430. How do I quickly disorder an array
  • 431. The encType attribute of the form tag
  • 432. What is the difference between a single colon and a double colon in ::before and :after what do these two pseudo-elements do
  • 433.script script async script defer
  • 434. Should you use odd or even fonts on your page
  • 435. Write a method for determining the source of the equipment
  • 436. The GBK and utf-8
  • Git branch and workflow
  • 438.Symbol Use scenario
  • 439. Extend the scope chain
  • 440. The understanding of z – index

๐ŸŸ Stage 16 (425)

Begin to see
  • 402. The React to install
  • 403.npm
  • 404. Folder structure
  • 405. Exponential Operators (ES2016)
  • 406.Async/await (ES2017)
  • 407. What are the advantages and disadvantages of table
  • 408. What are the advantages and disadvantages of table
  • 409. Implement a circular clickable area on the page
  • Typeof is an operator or a function
  • 411.use strict
  • 412. What are the principles and advantages and disadvantages of CSS Sprites
  • Understanding and differences between SVN and GIT
  • 414. What is FOUC? How did you avoid FOUC?
  • 415. What is margin overlay and its solution
  • 416.Understanding of replacement elements and non-replacement elements in HTML
  • 417. Javascript scope
  • 418. What is the difference between “attribute” and “property”
  • 419. Display priority of HTML elements
  • 420. How do I make Chrome support text smaller than 12px
  • 421. Redraw and rearrange
  • 422. Write a method to verify whether it is Chinese
  • 423. How to interpret line-height
  • 424. Understanding of the readonly and disabled attributes in line-input elements
  • 425. what is the difference between body and head in HTML

๐Ÿฆ Stage 15 (401)

Begin to see
  • Vue dynamically adds routes and generates menus
  • 386. Array sort method
  • 387. Array manipulation methods
  • 388. Array search and location methods
  • 389. Array iteration method
  • 390. Array merge method
  • 391. Stereotype array
  • 392.ArrayBuffer
  • 393.DataView
  • 394. The ArrayBuffer view
  • 395. Iteration and extension operations
  • 396.Map
  • 397.WeakMap
  • 398.Set
  • 399.WeakSet
  • 400.Map sequence and iteration
  • 401. Choose Object or Map

๐Ÿฆ‚ Stage 14 (384)

Begin to see
  • 371. Collection reference types
  • 372.Object
  • 373.Array
  • 374. Array space
  • 375. Array index
  • 376. Detect arrays
  • 377. Iterator method
  • 378. Copy and fill methods
  • 379.Vue Router
  • 380. The Vue introduction to the Router
  • 381. Dynamic route matching with parameters
  • 382. Conversion methods
  • 383. The stack method
  • 384. Queue methods

๐Ÿ˜˜ Stage 13 (370)

Begin to see
  • 341. Scope chain enhancement
  • 342. Variable declaration
  • 343. Garbage collection
  • 344. Mark clearance
  • 345. Reference count
  • 346. The performance
  • 347. Memory management
  • 348. Basic reference types
  • 349.Date
  • 350.Date inheritance method
  • Date Format method of the Date
  • 352.Date component method
  • 353.RegExp
  • 354.RegExp instance attribute
  • 355.RegExp instance method
  • 356.RegExp constructor property
  • 357. Limitations of RegExp mode
  • 358. Raw value package type
  • 359.Boolean
  • 360.Number
  • 361.String
  • 362. String manipulation methods
  • 363. Strings contain methods
  • 364.trim
  • 365.repeat
  • 366. PadStart () and padEnd() methods
  • 367. String iteration and deconstruction
  • 368. String pattern matching method
  • 369. LocaleCompare () method
  • 370 HTML

๐Ÿฅฐ Stage 12 (340)

Begin to see
  • 325. Best practices
  • 326. The typeof operator
  • 327. The Undefined type
  • 328. The Null type
  • 329. The Boolean type
  • 330. The Number type
  • 331. The type String
  • 332. The Symbol type
  • 333. The Object type
  • 334. The function
  • 335. Original and reference values
  • 336. Dynamic properties
  • 337. Duplicate values
  • 338. Pass parameters
  • 339. The typeof operator
  • 340. Execution context and scope
  • 341.Global
  • 342.Math

๐Ÿ˜‰ Stage 11 (324)

Begin to see
  • 307. The script element
  • 308. Script element placement
  • 309. Script execution is deferred
  • 310. Execute the script asynchronously
  • 311. Load scripts dynamically
  • 312. Extensible Hypertext Markup Language
  • 313. Inline code and external files
  • 314. Document mode
  • Elements of 315.
  • 316. Case sensitive
  • 317. The identifier
  • 318. The annotation
  • 319. Strict mode
  • 320. Statement best practices
  • 321. Keywords and reserved words
  • 322.var
  • 323.let
  • 324.const

๐Ÿ™ƒ Stage 10 (306)

Begin to see
  • 286. How HTTP works
  • 287. Cookies are different from sessions
  • 288. Difference between GET and Post
  • 289.xss
  • 290. The Symbol syntax
  • 291. Principle of responsiveness
  • 292. com puted and data
  • 293.MVVM
  • 294. Route cache
  • 295. V – the principle of the model
  • 296. Template engine
  • 297. SEO optimization
  • 298. Reset the data
  • 299.Observable
  • 300.this.parent
  • 301. Data and attribute names
  • 302. Life cycle
  • 303. The SPA list page
  • 304.location.href
  • 305. Calculate properties and listeners
  • 306.v-show, v-if

๐Ÿ˜ Stage 9 (285)

Begin to see
  • 251. What is the difference between Alt and title of an element
  • 252.new
  • 253.call
  • 254. If you
  • 255.flex
  • 256. The throttle
  • 257. The curry
  • 258.promise
  • 259. String number
  • 260. The simulated forOf
  • 261. Analysis of super principle
  • 262. Single states and transitions for promises
  • 263.promise.then
  • 264. Then return value processing techniques
  • 265. Promise encapsulates the ajax
  • 266. Encapsulate the setTimeout timer
  • 267. Promise queue principle
  • 268. Asynchronous encapsulation inside a class
  • 269. Combination of class and await
  • 270. Implement the Promise queue with reduce
  • 271.BFC
  • 272. Redrawing and rearrangement
  • 273. The animation
  • 274.inline-block
  • 275. Left fixation and right adaptation
  • 276. The triangle
  • 277. The flex properties
  • 278.visibility
  • 279.position
  • 280. Clear float
  • 281. Flexible layout
  • 282. What are semantic and new features
  • 283. The cookies and token
  • 284. How do cookies work
  • 285. Test the Promise example

๐Ÿง‘๐Ÿป Stage 8 (250)

Begin to see
  • 216. Event Loop
  • 217. The knowledge
  • 218.html-css
  • 219.0.1 + 0.2 = = 0.3?
  • 220. ES new features
  • 221. The modular
  • 222.JS method source code implementation
  • 223. Create a triangle with CSS and explain how it works
  • 224. Write a method to remove TAB and newline characters
  • 225. Understanding and difference between grail layout and twin wing layout
  • 226. What are the advantages and disadvantages of the IFrame framework
  • 227. Understanding of the BFC specification
  • 228. Count the number of occurrences of one character or string in another string
  • 229. What are the advantages and disadvantages of clearing float
  • 230. Method of writing an encrypted string
  • 231. Write a method to determine the data type
  • 232. Graceful degradation and progressive enhancement
  • 233. What are the methods of communication between multiple tabs in a browser
  • 234. What are the common Settings of viewPort
  • 235. What is the difference between PX, EM and REM
  • 236. What are the status codes of HTTP
  • 237. Semantic understanding of labels
  • 238. What are the common layout modes of the CSS
  • Describe briefly what built-in objects JS has
  • 240. What are browser kernels
  • 241. Write a method that gets the parameters in the current URL query string
  • 242. How do I turn off auto-complete forms in HTML5
  • 243. What is a callback function
  • 244. What are the ways in which web applications are actively pushed from the server to the client
  • 245. Why is HTML5 just written
  • 246. Write a method to deduplicate an array
  • 247. Differences between title and H1, B and strong, I and EM
  • 248. What is the difference between the style tag written before and after the body
  • 249. What is a closure
  • 250. What are the ways to return to the top

๐Ÿง‘๐Ÿป๐Ÿ’ป Stage 7 (215)

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

๐Ÿ˜‡ Stage 6 (190)

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

๐Ÿง‘๐Ÿป๐Ÿ’ป Stage 5 (175)

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

๐Ÿฅฒ Stage four (150)

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 = = =

๐Ÿง‘๐Ÿป๐Ÿ’ป Stage 3 (145)

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

๐Ÿคฃ Stage 2 (100)

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

๐Ÿง‘๐Ÿป๐Ÿ’ป Stage 1 (50)

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
  • 90. The subset II
  • Middle order traversal of binary trees
  • 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