Welcome to FastJs

Fastjs is a toolset of native javascript

🛠️ Install

• Clone code

git clone https://github.com/fastjsui/fastjs.git

• CDN Link

<script src="https://unpkg.com/@fastjsui/[email protected]/dist/index.js"></script>
<script src="https://unpkg.com/@fastjsui/[email protected]/dist/index.min.js"></script>
<script src="https://unpkg.com/@fastjsui/[email protected]/dist/index.core.js"></script>
<script src="https://unpkg.com/@fastjsui/[email protected]/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

<script src="https://unpkg.com/@fastjsui/[email protected]/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

<script src="https://unpkg.com/@fastjsui/[email protected]/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

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
  • 💼 GitHub: FastJsUi Team

🤝 Contributing

Contributions, issues and feature requests are welcome! issues page.

⭐️ Show your support

Give a ⭐️ if this project helped you!

• 💼 GitHub: Fastjs

📝 License

Copyright © 2022 aipeli && FastJsUi Team. This project is MIT licensed.

This README was generated with ❤️ by fast-readme