给js设定一个统一的入口

本文介绍JavaScript如何通过模块化管理代码,提高程序结构清晰度。详细解释了如何将应用功能划分为框架与应用两部分,并给出具体实现代码示例。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

javascript是种脚本语言,浏览器下载到哪儿就会运行到哪儿,这样的特性会为编程提供方便,但也easy使程序过于凌乱。支离破碎。

js从功能上能够分为两大部分——框架部分和应用部分,框架部分提供的是对js代码的组织作用。包含定义全局变量、命名空间方法等,每一个页面都会有同样或相似的框架。应用部分提供的是页面功能逻辑。不同页面会有不同的功能,不同页面应用部分的代码也不尽同样。

给应用部分的js代码一个统一的入口。即:

<script type="text/javascript">
   function init(){
   //==================================================
   //        凝视
   //        功能、project师名称、project师联系方式、时间
   //=================================================
      (function(){
          ……aaaaaaaaaaa
       })();
       (function(){ 
          ……bbbbbbbb    
      })(); 
  }
</script>

 

页面最下方调用init()函数就可以

//=======init()调用属于框架部分代码==========

<script type="text/javascript"> 
   init();
</script>

//=======init()调用属于框架部分代码=========

 

注:框架部分代码主要分为:

1、命名空间函数定义

2、function init(){ }  其内写应用部分的js

3、init()函数的调用【以防主体内没有书写init(),但调用,可採用下面书写方式】

<script type="…">
   if(init){
      init();
   }
</script>


 

转载于:https://www.cnblogs.com/ldxsuanfa/p/10614157.html

### 如何基于 Node.js 创建一个网站 创建一个基于 Node.js 的网站通常涉及以下几个方面:初始化项目、设置 Web 框架(如 Express)、处理路由和中间件以及启动服务器。以下是详细的实现过程。 #### 初始化 Node.js 项目 首先需要在一个目录下初始化一个新的 Node.js 项目,这会生成 `package.json` 文件来管理依赖项。 ```bash npm init -y ``` 此命令将自动生成默认配置的 `package.json` 文件[^5]。 #### 安装必要的模块 为了简化开发流程并增强功能,可以安装一些常用的库: - **Express**:轻量级的 Web 应用框架。 - **Body-parser**:用于解析 JSON 数据和其他格式的内容。 执行以下命令以安装这些包: ```bash npm install express body-parser ``` #### 编写核心代码 接下来编写入口文件 `app.js` 并完成基本的功能设定。 ##### 导入所需模块 在 `app.js` 中导入所需的模块,并初始化 Express 实例。 ```javascript const express = require('express'); const bodyParser = require('body-parser'); // 创建 Express 应用实例 const app = express(); ``` ##### 使用 Body Parser 中间件 为了让应用能够理解传来的 JSON 和 URL-encoded 数据,添加如下两行代码: ```javascript app.use(bodyParser.urlencoded({ extended: true })); app.use(bodyParser.json()); ``` ##### 定义简单路由 为根路径 (`/`) 添加一个 GET 请求处理器,当用户访问主页时返回 “Hello World!” 字符串响应。 ```javascript app.get('/', (req, res) => { res.send('Hello World!'); }); ``` ##### 启动服务器监听特定端口 指定一个端口号让服务器等待来自客户端的连接请求,默认使用的是 3001 号端口。 ```javascript const PORT = process.env.PORT || 3001; app.listen(PORT, () => { console.log(`Server is running on port ${PORT}`); }); ``` 完整版本的 `app.js` 文件看起来像这样: ```javascript const express = require('express'); const bodyParser = require('body-parser'); const app = express(); // Middleware setup app.use(bodyParser.urlencoded({ extended: true })); app.use(bodyParser.json()); // Route definition app.get('/', (req, res) => { res.send('Hello World!'); }); // Start the server const PORT = process.env.PORT || 3001; app.listen(PORT, () => { console.log(`Server is running on port ${PORT}`); // 输出日志到控制台 }); ``` #### 自动重启工具 Nodemon 为了避免频繁手动停止和重新启动服务,在开发阶段推荐使用 nodemon 工具监控文件变化情况并自动刷新进程。 先全局安装 nodemon: ```bash npm install -g nodemon ``` 接着修改 package.json 文件内的 scripts 属性,新增 dev 命令方便调试模式下的运行操作。 ```json "scripts": { "start": "node app.js", "dev": "nodemon app.js" } ``` 以后只需输入 npm run dev 即可进入热加载状态[^5]。 --- ###
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值