GistTree.Com
Entertainment at it's peak. The news is by your side.

ElectronJS alternative: SciterJS – HTML/CSS/JS in 4.5mb monolithic executable

0

Sciter.JS – Sciter nonetheless with QuickJS on board as an different of my TIScript

Script

Sciter.JS uses QuickJS

  • ES6: async/await, lessons, modules, destructuring;
  • BigInt, BigFloat, BigDecimal – arbitrary precision IEEE 754 floating point operations and transcendental solutions with true rounding (forex, and heaps others);
  • Node.JS runtime (roughly corpulent) is coming;

Platforms

  • Windows – i32, i64 and arm64 – printed;
  • MacOS – i64 and arm64 – pending;
  • Linux – i64, arm32, arm64 – pending;
  • Mobiles – pending;

Demo

Browser and Sciter

Browser and Sciter reveals the same HTML doc.

To speed demo open speed-calculator-browser.bat or speed-calculator-sciter.bat. The later will open bin.utilize/x32/scapp.exe – standalone Sciter engine.

DOM and Runtime station

Implemented to this point (record can be extended):

Doc

Properties:

  • doc.body
  • doc.head
  • doc.documentElement

Ideas:

  • doc.querySelector()
  • doc.querySelectorAll()
  • doc.getElementById()

Element extends Node

Properties:

  • component.className
  • component.identification
  • component.tagName
  • component.innerHTML
  • component.outerHTML
  • component.innerText
  • component.nextElementSibling
  • component.previousElementSibling
  • component.designate

Ideas:

  • component.appendChild(node)
  • component.insertBefore(node, refNode)
  • component.insertAfter(node, refNode)
  • component.removeChild(node)
  • component.replaceChild(newNode,oldNode)
  • component.insertAdjacentHTML(where, html)
  • component.querySelector(selector)
  • component.querySelectorAll(selector)
  • component.addEventListener(…)

Node

Properties:

  • node.nodeName
  • node.nodeType
  • node.nodeValue
  • node.firstChild
  • node.lastChild
  • node.nextSibling
  • node.previousSibling
  • node.ownerDocument
  • node.parentNode
  • node.parentElement
  • node.textContent

Ideas:

  • node.cloneNode()
  • node.contains()
  • node.compareDocumentPosition() – not but
  • node.getRootNode()
  • node.hasChildNodes()
  • node.isEqualNode()
  • node.isSameNode()

Tournament

properties:

  • match.bubbles
  • match.cancelable
  • match.currentTarget
  • match.defaultPrevented
  • match.eventPhase
  • match.goal
  • match.form

ideas:

  • match.preventDefault()
  • match.stopImmediatePropagation()
  • match.stopPropagation()

world ideas

  • console.log()
  • setTimeout(func,milliseconds)
  • clearTimeout(tid)
  • setInterval(func,milliseconds)
  • clearInterval(iid)

Window

There would possibly possibly be not one of these thing as a understanding of Window in browser sense. Window there is extremely weird entity that has no relation with desktop home windows.

As an different Sciter.JS will offer Sciter.window object that represents most neatly-liked desktop window with these properties and attributes

  import {window} from 'Sciter'; // most neatly-liked window
  window.slither(10,10,800,600);

Read More

Leave A Reply

Your email address will not be published.