微信开发者 panan 打造的一个基于原生 JavaScript 的前端框架,可用于小程序、H5 等项目。
介绍
panan
是一个基于原生 JavaScript 的前端框架,由微信开发者 panan 打造。该框架支持小程序、H5 等项目的开发,其设计理念为"简洁易用、高效优化、规范严格、可扩展强"。
安装
通过 npm
安装 panan
:
npm install panan --save
使用
在小程序中使用
在 app.js
中引入 panan
:
import Panan from 'panan'; App({ onLaunch: function () { // 初始化 panan Panan.init(); } })
在 page.js
中使用 panan
:
-- -------------------- ---- ------- ------ ----- ---- -------- ------ ----- - -------- ------- ------- -- ------- -------- -- - -- -------- ----- ---- - ------------------- ----- - -------- ----------------- -- -------- - -------- -------- -- - -------------- -------- ------- ------- --- - - --- -- ---- ------------------ - --
在 H5 中使用
在 HTML 中引入 panan.js
:
<script src="path/to/panan.js"></script>
在 JavaScript 中使用 panan
:
-- -------------------- ---- ------- ------------- -- -------- ----- ---- - ------------------- ----- - -------- ------- ------- -- -------- - -------- -------- -- - -------------- -------- ------- ------- --- - - --- -- ---- --------------------------------------------
示例代码
以下是一个简单的小程序页面,展示了如何在页面中使用 panan
创建一个视图:
-- -------------------- ---- ------- ------ ----- ---- -------- ------ ----- - -------- ------- ------- -- ------- -------- -- - -- -------- ----- ---- - ------------------- ----- - -------- ----------------- -- -------- - -------- -------- -- - -------------- -------- ------- ------- --- - - --- -- ---- ------------------ - --
结束语
panan
是一个简洁易用、高效优化、规范严格、可扩展强的前端框架,为小程序、H5 等项目提供了一个高效、灵活的开发工具。希望本篇文章能够帮助你了解 panan
的使用方法,并为你的项目开发提供一些指导和帮助。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/6005630281e8991b448e0dd0