simple portfolio websites for web developers

2022.03.24

There are a lot of great tools on the Internet,Let us be more relaxed as the front-end developers。In this article,I will quickly review my frequent use in development.11Tool。

Node.green

Used to query the current Node Version is certain features。E.g,Object expansion( Rest/Spread Properties)

simple portfolio websites for web developers

Can seeNode v8.3.0The following is not supported。Respectively Node v8.5.0andv8.2.1Under the following code snippet

simple portfolio websites for web developers

When you encounter or more mistakes,That's a lot ofNodeVersion problem。

Online address: https://node.green/

CanIUse

When you want to make sure some Web API When compatibility,This online tool will be easy to get。

Suppose we want to know which browsers and their versions will support Web Share API:navigator.share(...

simple portfolio websites for web developers

View Results。Browser and supportnavigator.share(…)The version is listed.。

Online address: https://caniuse.com/

(simple portfolio websites for web developers)Minify

In order to reduce the package size of application code,We are released to the production environment,Need to minimize them。Minimize the elimination of spaces,Invalid code, etc.。This can make the application package size significantly,Thus saving the loading time on your browser。(Although in the moment,have webpack uglifyJS Plug-in,But when I develop a simple application of non-packaged,This is a good choice。)

simple portfolio websites for web developers

Online address: https://www.minifier.org/

(simple portfolio websites for web developers)Bit.dev

Bit.devIs a great component center。Can be hosted by it,Record and manage accessible components from different projects。This is an increased code multiplexing,Accelerate the development and optimization of the teamwork。

This is also a good choice for building design systems from scratch(Because it is essentially all required for design systems)。Bit.devandBitPerfect cooperation,BitIs the open source tool for processing component isolation and release。

Bit.devsupportReact,HaveTypeScriptofReact,Angular,VueWait。

simple portfolio websites for web developers

Online address: https://bit.dev/

Unminify

Free online tool,Used to minimize(Decompression,Confused)JavaScript,CSSandHTMLCode,Be readily readable,Beautiful

simple portfolio websites for web developers

Online address: https://unminify.com/

Stackblitz

This is a tool that everyone likes.。StackblitzMake us the most popular and most popular in the worldIDE,which iswebUpVisual StudioCode。

Just click now,StackblitzQuickly provideAngular,React,Vue,Vanilla,RxJS,TypeScriptProject frame。

(simple portfolio websites for web developers)When you want to try a code from your browser or any currentJSWhen the function is functional in the framework,Stackblitzvery useful。Suppose you are readingAngulararticle,And I have encountered the code you want to try.。You can minimize your browser and quickly build a new one.Angularproject。

There are other great onlineIDE,But I believeStackblitzThe turning point is to use everyone liked.Visual Studio CodeFeeling and tool。(ps: I use the experience,Very fast and smooth, Append,Compare sandbox Faster)

(simple portfolio websites for web developers)simple portfolio websites for web developers(simple portfolio websites for web developers)

Online address: https://stackblitz.com/

(simple portfolio websites for web developers)JWT.io

If you useJSON WebOrder(JWT)Protect application security,UseJWTAllow users to access protected resources in the backend。

One way to decide whether to access route or resources is to check the expiration time of the token。Sometimes we want to decodeJWTTo view its effectivepayload,jwt.ioJust provide this。

This online tool allows us to insert token to view it validpayload。Once we paste the token,jwt.ioThe token is decoded and displayed.payload。

simple portfolio websites for web developers

Online address: https://jwt.io/

(simple portfolio websites for web developers)BundlePhobia

Have you ever been sure?node_modulesthe size of,Or just want to knowpakckage.jsonInstalled in your computer?BundlePhobiaAid

simple portfolio websites for web developers(simple portfolio websites for web developers)

This tool allows us to loadpackage.jsondocument,And display willpackage.jsonInstall the size of the dependency,You can also query the volume of a single package。

(simple portfolio websites for web developers)Online address: https://bundlephobia.com/

Babel REPL

BabelIs a free open source codeJSTranscript,Used in modernESCode is converted to ordinary ES5 JavaScript。

This tool isBabeljsThe team is built onlineWebapplication,can ES6 +Code conversion toES5。

(simple portfolio websites for web developers)I have concluded two more convenient ways to use

1.Senior grammar on the line when interview。2.Fast view of certain polyfill How wrote。

simple portfolio websites for web developers

Online address:
https://babeljs.io/en/repl

Prettier Playground

PrettierIt is a self-righteousJSCode format。It uses the code and usesJSBest code practice to re-print it to implement consistent style。

This tool has been widely used in our development environment,But it also has an online address,You can beautify your code in it.。

simple portfolio websites for web developers

Online address:
https://prettier.io/playground

postwoman

postwomanIs a powerful web debugging and simulationHTTPRequestedChromePlug-in,Support for almost all typesHTTPask,Simple operation and convenient。Can be used for interface testing,For example, test youeasy-mockGenerated interface。

simple portfolio websites for web developers(simple portfolio websites for web developers)

Online address: https://postwoman.io/

(simple portfolio websites for web developers)Over the years, the old code farmer welfare:Web production,Website development,webFront-end development,Starting from the most zero-foundationHTML+CSS+JavaScript。jQuery,Ajax,node,angularFramework to mobile applet【video+tool+E-book+System roadmap】All organize,Partners need me privately,send“front end”Wait3After seconds, you can get the pick-up address.,Give your friends who are interested in programming

(simple portfolio websites for web developers)in conclusion

There are more lists in the list,But these are my favorite。

(simple portfolio websites for web developers)If you have any questions or I should add,Correct or delete anything,Please pay a comment at any time。

thanks !!!

返回列表
更多新闻资讯

website development company american fork

2022-03-15

website development company american fork Florida, USA,What is the cost of a dynamic e-commerce website??At the data exitWe are e-commerce website designersThe company provides the best professional web design for small or large companies in

quality management plan for website development

2022-03-15

quality management plan for website development Website as a facade in the Internet promotion,Is the display of corporate image,The importance is self-evident。So how to build a high quality website?What issues need to pay attention to during websit

how to choose website development company

2022-03-15

how to choose website development company In today's fast-developing economy,Small and medium-sized enterprises have realized the importance of enterprise website to enterprise development。However,The website building market is polarized。Some