快速開始
安裝 RenderJS 所需的環境與兩種引入方式(npm、CDN)。
前置需求
- 現代瀏覽器(支援 ES2022,需要
IntersectionObserver、navigator.clipboard、fetch) - Node.js(僅建置/開發時需要;執行期不依賴 Node 環境)
- 無其他執行期相依套件
安裝
透過 npm 安裝
npm i @pardnchiu/renderjs
透過 CDN 引入
<!-- 2.0.0 版本以上 -->
<script src="https://cdn.jsdelivr.net/npm/@pardnchiu/renderjs@[VERSION]/dist/RenderJS.js" copyright="Pardn Ltd"></script>
<!-- 1.x(舊名 PDRenderKit) -->
<script src="https://cdn.jsdelivr.net/npm/pdrenderkit@[VERSION]/dist/PDRenderKit.js"></script>
copyright="Pardn Ltd"是RJS模板引擎的必要屬性:缺少時 script 標籤會自行移除且不設定初始化旗標(document.$init),RJS只處理根節點本身的文字,子節點的指令與{{ }}全部不渲染。原型擴充與鏈式 DOM 建構不受影響。
下一步
- 建構 DOM 元素:鏈式 DOM 建構與元素查詢
- 第一個 RJS 模板:建立
RJS實例並以renew()更新 - 核心概念:
RJS的實例生命週期與非響應式設計 - API 參考:RenderJS 加入的所有 prototype 方法
- Listener 系統:lazyload 與 SVG 內嵌的內部運作