IcoMoon is an icon solution that provides three main services: vector icon packages, IcoMoon applications, and hosting icons as SVG or fonts. *Icon Library IcoMoon offers many free icon packs. You can find them in the Library tab of the IcoMoon application. Each of them has a license link that you can refer to. In addition to these free icon packs, IcoMoon also offers 3 high-quality premium icon packs that can only be purchased separately. *Application Program Go to using a modern web browser https://icomoon.io/app Start using the IcoMoon application. This HTML5 application allows you to quickly browse and search for the icons you need. You can download these icons, perform some basic editing, import your own icons, create icon fonts (a font with icons as the glyph), or generate icons in SVG, Polymer, PDF, AML, PNG, and CSS sprites. *Using inline SVG When you download an icon package from the SVG tab of the IcoMoon application, it comes with a demo. html file that contains SVG icon definitions at the top, bottom, and inside the SVG elements of the document. *Use the generated font The zip package generated by IcoMoon contains everything needed to start using icon fonts. Your font is provided in four different formats. Example HTML and CSS files are also included in the package.
Reading: 175 2024-11-16
Webpack is a module packager. Its main goal is to package JavaScript files together for use in browsers, but it is also capable of transforming, bundling, or wrapping any resource or asset.
Reading: 50 2024-11-16
Gulp.js is an automated build tool that developers can use to automate common tasks during project development. Gulp.js is built on Node.js, utilizing the power of Node.js streaming to quickly build projects and reduce frequent IO operations. The Gulp.js source file and the Gulp file you use to define tasks are both implemented through JavaScript (or CoffeeScript) source code.
Reading: 41 2024-11-16
Grunt is a project building tool based on Node.js. It can automatically run the tasks you have set. Grunt has a huge number of plugins, and almost anything you need to do can be implemented with Grunt.
Reading: 60 2024-11-16
Parcel is a web application packaging tool, and its excellent developer experience sets it apart from other similar tools. Parcel utilizes multi-core processors to provide extremely fast speeds and does not require any configuration.
Reading: 69 2024-11-16
Rollup is a JavaScript module packager that can compile small pieces of code into large blocks of complex code, such as libraries or applications. Rollup uses new standardized formats for code modules, which are included in the ES6 version of JavaScript instead of previous specialized solutions such as CommonJS and AMD. The ES6 module allows you to freely and seamlessly use the most useful independent functions in your favorite library, without having to carry any unused code with your project. The ES6 module ultimately needs to be implemented natively by the browser, but Rollup currently allows you to experience it in advance.
Reading: 30 2024-11-16
NPM is the world's largest software registry. Open source developers from all continents use npm to share and reference software packages, and many organizations also use npm to manage private development. install npm install xxx uninstall npm uninstall xxx
Reading: 44 2024-11-16
Yarn is a package manager for your code. It allows you to use and share code from developers around the world, such as JavaScript. Yarn is able to complete these tasks quickly, safely, and reliably, so you don't have to worry about anything. Through Yarn, you can use solutions from other developers for different problems, making your development process simpler. If you encounter any problems during use, you can report them or contribute solutions. Once the issue is fixed, Yarn will update and keep in sync. Code is shared through packages (or modules). A package that contains all the code that needs to be shared, as well as a file that describes package information, is called packagejson.
Reading: 56 2024-11-16
Bower can manage files containing HTML, CSS, JavaScript, fonts, and even images. Bower does not connect or shrink the code or do anything else - it simply installs the correct version of the package and its dependencies that you need. Firstly, Bower obtains and installs software packages from various sources, responsible for searching, finding, downloading, and saving what you are looking for. Bower tracks these packages based on the Bower.json file. How to use the package is up to you to decide. Bower provides hook methods to facilitate the use of packages in tools and workflows. Bower has optimized for the front-end. If multiple packages depend on one package - such as jQuery - Bower will only download jQuery once. This is called flattening, which can reduce the size of page loading resources.
Reading: 54 2024-11-16
Lerna is a management tool used to manage JavaScript projects that contain multiple packages. Splitting a large code repository into multiple independent software packages is very useful for code sharing. However, if certain changes cross multiple code repositories, it will become cumbersome and difficult to track, and testing across multiple code repositories will quickly become very complex. To address these (and many other) issues, some projects will split the code repository into multiple packages and store each package in a separate code repository. However, projects such as Babel, React, Angular, Ember, Meteor, Jest, and many others contain multiple software packages and are developed in a single code repository. Lerna is a tool that optimizes the workflow of managing multiple package code repositories using Git and npm
Reading: 52 2024-11-16
Nunjucks Template Engine - A JavaScript specific, feature rich, and powerful template engine.
Reading: 74 2024-11-16
Pug, formerly known as Jade, is a robust, flexible, and feature rich HTML template engine. The process of writing code through indentation is relatively concise in writing.
Reading: 167 2024-11-16