npm 包 panan 使用教程

阅读时长 4 分钟读完

微信开发者 panan 打造的一个基于原生 JavaScript 的前端框架,可用于小程序、H5 等项目。

介绍

panan 是一个基于原生 JavaScript 的前端框架,由微信开发者 panan 打造。该框架支持小程序、H5 等项目的开发,其设计理念为"简洁易用、高效优化、规范严格、可扩展强"。

安装

通过 npm 安装 panan

使用

在小程序中使用

app.js 中引入 panan

page.js 中使用 panan

-- -------------------- ---- -------
------ ----- ---- --------

------
  ----- -
    -------- ------- -------
  --
  ------- -------- -- -
    -- --------
    ----- ---- - -------------------
      ----- -
        -------- -----------------
      --
      -------- -
        -------- -------- -- -
          --------------
            -------- ------- -------
          ---
        -
      -
    ---
    -- ----
    ------------------
  -
--

在 H5 中使用

在 HTML 中引入 panan.js

在 JavaScript 中使用 panan

-- -------------------- ---- -------
-------------

-- --------
----- ---- - -------------------
  ----- -
    -------- ------- -------
  --
  -------- -
    -------- -------- -- -
      --------------
        -------- ------- -------
      ---
    -
  -
---
-- ----
--------------------------------------------

示例代码

以下是一个简单的小程序页面,展示了如何在页面中使用 panan 创建一个视图:

-- -------------------- ---- -------
------ ----- ---- --------

------
  ----- -
    -------- ------- -------
  --
  ------- -------- -- -
    -- --------
    ----- ---- - -------------------
      ----- -
        -------- -----------------
      --
      -------- -
        -------- -------- -- -
          --------------
            -------- ------- -------
          ---
        -
      -
    ---
    -- ----
    ------------------
  -
--

结束语

panan 是一个简洁易用、高效优化、规范严格、可扩展强的前端框架,为小程序、H5 等项目提供了一个高效、灵活的开发工具。希望本篇文章能够帮助你了解 panan 的使用方法,并为你的项目开发提供一些指导和帮助。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/6005630281e8991b448e0dd0

纠错
反馈