@fastjsui/fastjs NPM

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/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

<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

<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

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