小程序架构原理

最新推荐文章于 2024-02-28 16:24:48 发布

Karry.S.Jin

最新推荐文章于 2024-02-28 16:24:48 发布

阅读量251

点赞数

分类专栏：前端学习笔记文章标签： javascript html

本文链接：https://blog.csdn.net/qq_45435203/article/details/108411290

版权

本文探讨了小程序的架构，重点关注HTML组件层和JavaScript逻辑层的作用，揭示了两者如何协同工作以实现小程序的功能。

摘要由CSDN通过智能技术生成

文章目录

- html
- 逻辑层js

html

<!-- service.html -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小程序</title>
<style>
html , body {
    
    padding: 0;
    margin: 0;
}
.webview {
    
    width: 100vw;
    height: 100vh;
    padding: 0;
    border: none;
    background-color: #dee1e6;
}
</style>
</head>
<body>
    <!-- <iframe src="./view.html" frameborder="0"></iframe> -->
    <script src="./service.js"></script>

    <script src="./bridge.js"></script>

<script>
    window.onload = function() {
    
        window.appJson = {
    
        "pages":[
            "pages/index/index",
            "pages/logs/logs"
        ],
        "window":{
    
            "backgroundTextStyle":"light",
            "navigationBarBackgroundColor": "#fff",
            "navigationBarTitleText": "头条",
            "navigationBarTextStyle":"black"
        }