Summary of two years of front-end work experience and technology sharing

The front-end technology industry is a technical job. If the foundation is weak, the ground will shake. Without a good foundation, it will not be able to meet the various needs of the work.

It’s not easy being a blogger, just like it, pay attention to it before leaving

The following will share and summarize the needs that may be encountered during work

1. (Can be directly copied and used) vue2+ Gaode map poi search and Gaode components, you can select points on the map, latitude and longitude, scale, satellite image, road network, road conditions, etc.

(Can be directly copied and used) vue2+ Gaode map poi search and Gaode components, you can select points on the map, latitude and longitude, scale, satellite image, road network, road conditions, etc._Lan's Blog-CSDN Blog

2. (Rich text is commonly used) js needs regular matching to modify the img tag + clear the inline style

(Rich text is commonly used) js encounters the need for regular matching to modify img tags + clear inline  styles

[Untitled] vue dynamic binding class__ blog - CSDN blog

4. (Can be copied directly) vue-cropper crops the picture vue

(Can be copied directly) vue-cropper crops pictures vue__lan's blog-CSDN blog_vue-cropper

5. The css img image is adaptive in a box

The css img image is adaptive in a box

6. Regarding the use of deep copy in JSON.parse(JSON.stringify(...)) in vue

Regarding the use of deep copy in JSON.parse(JSON.stringify(...)) in vue_Lan's Blog-CSDN Blog

7. nginx common commands

Nginx Common Commands Encyclopedia

8.nginx deploys vue project (successful detailed version)

nginx deploys vue project (successful detailed version)

9. Nginx reverse proxy solves Vue cross-domain problems

Nginx reverse proxy solves Vue cross-domain problems

10. (Easiest and detailed) About nginx configuration to solve 404 Not Found and 403 Forbidden after page refresh

(The simplest and most detailed) About nginx configuration to solve 404 Not Found and 403 Forbidden after page refresh

11. Solve the problem of vuex page refresh data loss (simple and effective) 

Solve the problem of vuex page refresh data loss (simple and effective)

12. The vue elementUI select drop-down box sets the default value

Vue elementUI select drop-down box set default value

13. Pass in the timestamp to export the current time function 

Pass in timestamp to export current time function__Lan's Blog-CSDN Blog

14. uniapp H5 public account WeChat custom share qq, WeChat with picture title content

uniapp H5 public account WeChat custom sharing qq, WeChat with picture title content_Lan's Blog-CSDN Blog

15. uniapp encapsulates the request request (just look at it and change it if necessary) 

uniapp encapsulates the request request (if necessary, just look at it and change it)

16. Embed H5 big data uniapp on the page and change the code as needed 

Embed H5 big data uniapp on the page and change the code as needed_Lan's Blog-CSDN Blog_h5 Big Data

17. The most convenient regular verification of mobile phone number 

The most convenient regular verification of mobile phone number

18. (Can be copied directly, step on pits and solutions, successful version) uniapp H5 map point latitude and longitude, address details (can be copied directly, step on pits and solutions, successful version) uniapp H5 map point longitude and latitude, address details __Lan's blog-CSDN blog_uniapp map selection 

19. The excess part of css is omitted (single line, multiple lines, multiple methods to achieve) 

The excess part of css is omitted (single line, multi-line, multiple methods)_Lan's blog-CSDN blog_css excess part

20. (H5 applet page html) page jump parameters are lost 

(H5 applet page html) Page jump parameters are lost_Lan's Blog-CSDN Blog

21. Uniapp develops H5 and app monitors return events (and processing methods that cannot be monitored) 

uniapp develops H5 and app monitoring return events (and processing methods that cannot be monitored)__Lan's blog-CSDN blog_uniapp monitors physical return  keys

uniapp applet map selection uni.getLocation() uni.chooseLocation()__Lan's Blog-CSDN Blog_uni.getlocation

23. uniapp WeChat applet login process (details at the front end)

uniapp WeChat applet login process (detailed front end)__Lan's Blog-CSDN Blog_uniapp login  process

uniapp's picker date transfer time stamp 8 hours more problem_Lan's Blog-CSDN Blog

25. (uniapp jump echo), page A enters page B, page B returns to page A, and passes the value to page A (the technique is definitely easy to use and take a look)

(uniapp jumps back to display), page A enters page B, page B returns to page A, and passes the value to page A (the technique is absolutely easy to use and read slowly  ) uni-app: refresh the current page

uni-app: Refresh the current page

27. How does the uniapp WeChat applet return to the pit of the small house in the upper left corner of the previous page

How does the uniapp WeChat applet return to the pit of the small house in the upper left corner of the previous page?

28. The change of the array after js assigns a value to an empty array 

The change of the array after js assigns a value to an empty array

29. js gets the current date, formats it as YYYY-MM-DD, and customizes the return

js gets the current date and formats it as YYYY-MM-DD, and custom returns __免的博客-CSDN Blog_js gets the current date and formats it

30. uniapp WeChat applet login-upgrade version, login plus seamless login after login information expires 

 uniapp WeChat applet login-upgrade version, login plus no trace login after login information expires

(Easiest) uniapp WeChat applet generates QR code image plug-in

32. (The most detailed version of success, the custom parameter transfer failed, a blank page appeared in the jump, and the verification file failed) Wechat applet scan code to jump to the specified page of the applet Nanny level tutorial 

(The most detailed version of success, custom parameters failed, a blank page appeared in the jump, and the verification file failed) Wechat applet scan code to jump to the specified page of the applet Code verification file  33.input loses focus every time it is entered and needs to be clicked again to enter

input loses focus every time it is entered and needs to be clicked again to enter_lan's blog-CSDN blog_input loses focus

34. Delay jumping to the page after showToast in uniapp, solve the prompt flashing in the real machine

Delay jumping to the page after showToast in uniapp, solve the prompt flashing in the real machine_Lan's Blog-CSDN Blog

 35.js Conditional Logical Judgment - De Morgan's Law

js Conditional Logical Judgment - De Morgan's Law_Lan's Blog-CSDN Blog

36. (Easiest version 1) js Cartesian product generation product SKU multi-specification algorithm

(Easiest version 1) js Cartesian product generation product SKU multi-specification  algorithm

(Easiest version 2) js Cartesian product to generate commodity SKU multi-specification algorithm

40. When is the js data null and when is it undefined 

When is js data null and when is it undefined?

41. (Easiest, detailed, get started directly) uniapp/vue Chinese and English multi-language switching 

(Easiest, detailed, get started directly) uniapp/vue Chinese and English multi-language switching__Lan's blog-CSDN blog_uniapp setting language

42. (Extremely easy to use, detailed, parse URl, URl custom parameter passing) Quickly customize parameter passing in js URl, and realize parameter parsing, modification, addition, and replacement functions 

(Extremely easy to use, detailed, parse URl, URl custom parameter passing) Quickly customize parameter passing in js URl, and realize parameter parsing, modification, addition, and replacement functions__Lan's Blog-CSDN Blog

43. Carry fixed parameters and perform multiple page jumps 

Carry fixed parameters to perform multiple page jumps_Lan's Blog-CSDN Blog_site:csdn.net

44. Wechat official account H5 [Wechat webpage authorization snapshot page] recurrence situation and solutions (details, success, forcePopup, forceSnapShot, is_snapshotuse)

WeChat public account H5 [WeChat web page authorization snapshot page] recurrence situation, and solutions (details, success, forcePopup, forceSnapShot, is_snapshotuse)__Lan's Blog-CSDN Blog 45. (Simple and detailed) uniapp implements custom poster content  and Generate poster QR code image (dragable, adjustable size)

(Simple and detailed) uniapp implements custom poster content and generates poster QR code pictures (dragable, adjustable size)_Lan's Blog-CSDN Blog

46. ​​Detailed explanation of the use of match, test, exec, search, split, and replace of string matching regular expression functions 

Detailed use of match, test, exec, search, split, replace for string matching regular expression functions_Lan's Blog - CSDN Blog

47. Vue mounts and runs the webpack packaged dist file

Vue mounts and runs webpack packaged dist files_Lan's Blog - CSDN Blog

48.vue2 axios cross-domain solution and nodejs+express cross-domain

vue2 axios cross-domain solution and nodejs+express cross-domain

49. Watch monitoring data in  vue Watch monitoring data in vue_Lan's Blog - CSDN Blog

おすすめ

転載: blog.csdn.net/qq_59747594/article/details/127460478