Web框架

Ionic

         下载ionic

         使用命令行安装 npm

1.       安装nodejs  最后安装的目录在 C:\Program Files\nodejs

检测node安装成功? node -v

如果报错,是因为没有默认装在c program Files

需要配置环境变量

 

         第一步:找到这个目录

  

 

     第二步

    

 

     Npm  node package manager 管理工具  管理模块(包)的工具

模块化的好处:解耦,降低耦合度,可以复用,提升开发效率,有助于团队开发。

如何定义模块:

         1.node中所有的模块都是文件夹。

 

如何使用模块:

1.       官方提供的直接下载https://www.npmjs.com/

Npm install 模块名  简写 npm i 模块名

下载完成之后 所有的包 都存在node_modules 文件夹下

Var j=require(“包名”);

2.       人为封装的

1.需要创建package.json文件   npm init 一路回车 需要注意的是main这个属性

 

2.定义的包不能直接用require(“包名”)用相对路径。如果非要直接用包名,需要将你的包放在node_modules文件夹下。

 

Ionicapp页面如果是header   content   footer

  

 

   Angular

1.       单一页面应用

2.       扩展了html 指令

a)         ng-app=”” 定义angular的作用范围

bng-model=”” 将数据绑定用应用程序中

3.ng-bind=”” 将数据绑定到html中。

4.ng-init=”” 初始化数据

 

 

 

 

 

 

 

Bootstrap

 

 

Mui

 

Uniapp

 

 

 

第一步:找到这个目录

        

         第二步

Npm  node package manager 管理工具  管理模块(包)的工具

模块化的好处:解耦,降低耦合度,可以复用,提升开发效率,有助于团队开发。

如何定义模块:

         1.node中所有的模块都是文件夹。

 

如何使用模块:

1.       官方提供的直接下载https://www.npmjs.com/

Npm install 模块名  简写 npm i 模块名

下载完成之后 所有的包 都存在node_modules 文件夹下

Var j=require(“包名”);

2.       人为封装的

1.需要创建package.json文件   npm init 一路回车 需要注意的是main这个属性

        

         2.定义的包不能直接用require(“包名”)用相对路径。如果非要直接用包名,需要将你的包放在node_modules文件夹下。

Ionicapp页面如果是header   content   footer

Angular

1.       单一页面应用

2.       扩展了html 指令

a)         ng-app=”” 定义angular的作用范围

bng-model=”” 将数据绑定用应用程序中

3.ng-bind=”” 将数据绑定到html中。

4.ng-init=”” 初始化数据

 

 

 

 

 

 

 

Bootstrap

 

 

Mui

 

Uniapp

 

posted @ 2019-11-06 08:27  做自己的盖世英雄  阅读(93)  评论(0编辑  收藏  举报