This is the seventh day of my participation in the First Challenge 2022. For details: First Challenge 2022.
preface
The front end is the most close to the user’s development link, in the development process of the test work is more and more comprehensive, for all the test process of the front part can be used to describe: ‘the front end than half the sky! 😼 ‘.
As a front-end development rookie 🐦, in the development process accumulated some front-end development test convenient use of online tools, most of them are free to use, although some tools charge, but the free function is enough for daily use. There are a few quality tools or suggest to pay to use, experience ash often good!
Share to everybody, hope can benefit a party!
Click the corresponding title can jump to the corresponding website, suggest to your Google browser bookmarks, especially convenient!
Classification of tools
Account class
Especially the module related to the account, it is very troublesome to test, and the cross-region problem is very difficult to deal with, you do not want to be bombarded by SMS, email!
yopmail
Use a temporary email address to sign up for Internet services. All email addresses do not require registration and password setting.
YOPmail is a disposable email address that provides a temporary inbox, but unlike most disposable email services, the inbox does not expire.
Play a key, don’t expire, also means that you can fill in a very special email accounts (also can be randomly generated), try not to conflict with others custom account (if conflict, the mailbox receive email will be more disorderly, may be a long time to accept less than information), so you can always use it.
z-sms
The mobile phone number used for registration, which includes many phones from other regions, solves the problem of cross-region accounts.
- You should be aware of the following phone numbers and text messages before using them for all to view
- Please do not use these numbers to receive important content
- The phone numbers shown (industry test cards) are for learning exchanges and software development tests only
Sometimes can not receive SMS problems, because it is free, the use of more people, you can change a few numbers to try
them
These two tools are very useful for learning javascript and for understanding core capabilities such as EventLop, stack, queue, code parsing, macro tasks, microtasks and so on. 🐮
JavaScript Visualizer
Run js code online, visualize the execution stack and task queue in JS EventLoop, and clearly see every step of JS execution.
For macro tasks, micro tasks and other interview questions and understanding, it is not too cool
Esprima
Code resolver.
You can view js code lexical analysis, syntax analysis, syntax tree, familiar with the code parsing process.
Such as common tools: Eslint, Ts, Babel and other tools are through the parser to carry out their own code format verification, code conversion work, is the study of parsing tools, code compiler magic!
Debugging, writing
hoppscotch
Can be understood as the online version of Postman, grey is often used. The web online version is truly cross-platform, ready-to-go, rich features!
whimsical
Online process editor, support flow chart, XMD, interactive experience is very nice, and support a lot of types, free to use.
Support project collaboration, recommended 🤗️!
Grass QR code
This tool should be very familiar with, very easy to use online TWO-DIMENSIONAL code generation generator, support a variety of two-dimensional code mode, easy to use.
The development process is also a process of tool discovery and collection. If you have a good tool recommendation, you are welcome to recommend it to me!