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

Phase two

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