npm package: @fastjsui/fastjs
Description: Fastjs is a toolset of native javascript
Author: aipeli && FastJsUi Team
Latest version: 1.0.1

# Welcome to `FastJs`
<p>
  <a href="https://www.npmjs.com/package/@fastjsui/fastjs" target="_blank">
    <img alt="Version" src="https://img.shields.io/npm/v/@fastjsui/fastjs.svg?color=succed">
  </a>
  <img alt="Version" src="https://img.shields.io/badge/github-v1.0.1-orange.svg?cacheSeconds=2592000" />
  <img alt="forks" src="https://img.shields.io/github/forks/fastjsui/fastjs?color=ff69b4" />
  <img alt="stars" src="https://img.shields.io/github/stars/fastjsui/fastjs?color=ff69b4" />
 <a href="./LICENSE" target="_blank">
  <img alt="License: MIT" src="https://img.shields.io/github/license/fastjsui/fastjs" />
 </a>  
</p>

> `Fastjs` is a toolset of native javascript

## 🛠️ Install
- Clone code

```sh
git clone https://github.com/fastjsui/fastjs.git
```
- CDN Link
``` javascript
<script src="https://unpkg.com/@fastjsui/fastjs@1.0.1/dist/index.js"></script>
<script src="https://unpkg.com/@fastjsui/fastjs@1.0.1/dist/index.min.js"></script>
<script src="https://unpkg.com/@fastjsui/fastjs@1.0.1/dist/index.core.js"></script>
<script src="https://unpkg.com/@fastjsui/fastjs@1.0.1/dist/index.core.min.js"></script>
```
 
## ✍️ Usage
- Global operator

> `fastjs`, `fj`, `$`

- Full import in html file
> `index.js` include some commonly used function, you can also use `$.fn.extend()` add yourself's functions
``` html
<script src="https://unpkg.com/@fastjsui/fastjs@1.0.1/dist/index.js"></script>
<!-- link local file -->
<!-- <script src="./dist/index.js"></script> -->
<script>
  // get element dom node by id
  $('#p1')
  //get element node by tag
  $('p')
  $('ul li')
  // call element event
  $('#p1').click(function() {
    // do something
  })
  // set element style
  // dom style native rules, eg: key, value
  $('#p1').style('font-size','30px')  
  // when the parameter is object, only one parameter is accepted
  $('p').style({clolr:'red', fontSize:'30px'})

  // get element style (only returns style of the first dom element)

  // returns the specified style value
  $('p').style('font-size')
  // returns all styles of the element all
  $('#p1').style()
</script>
```
- Require import in html file
> `index.core.js` not include any functions, need to use `$.fn.extend()` add 

```html
<script src="https://unpkg.com/@fastjsui/fastjs@1.0.0/dist/index.core.js"></script>
<!-- link local file -->
<!-- <script src="./dist/index.core.js"></script> -->
<script>
  import { position } from './src/modules/property.js'
  import { style } from '/src/modules/style.js'
  $.fn.extend(position)
  $.fn.extend(style)
  // other usage is the same as full import
</script>
```
- How develop `fastjs` module function 

``` javascript
const click = {
  click: function(callback) {
    // do something
  },
}
export { click }
```
 
## 🧪 Functions
- `$(selector, context)`
  > Element selector
  - `selector`: string, default: document
  - `context`: string, defult: document
- `$().each(objects, callback, args)`
  > Foreach the geted element list 
  - `objects`: Object Array
  - `callback`: Function
  - `args`: Arguments
- `$().extend(destination, source)`
  > Parameters type must be `object`
  - (`destination`): copy parameter `destination` to `fastjs`'s prototype
  - (`destination`, `source`): merge `source` onto `destination`

 
## 🧑 Author

- 🧑 aipeli && FastJsUi Team
  - 🌏 Website: https://www.fast-js.com  
  - 💼 GitHub: [aipeli](https://github.com/aipeli)   
  - 💼 GitHub: [FastJsUi Team](https://github.com/fastjsui)   
## 🤝 Contributing

Contributions, issues and feature requests are welcome! [issues page](https://github.com/fastjsui/fastjs/issues). 
## ⭐️ Show your support

Give a ⭐️ if this project helped you! 
- 💼 GitHub: [Fastjs](https://github.com/fastjsui/fastjs)  
## 📝 License

 Copyright © 2022 [aipeli](https://github.com/aipeli) && [FastJsUi Team](https://github.com/fastjsui).  This project is [MIT](LICENSE) licensed. 

---

_This README was generated with ❤️ by [fast-readme](https://www.npmjs.com/package/@fastjsui/fast-readme)_