使用h5做的学习网站源码ui设计官网

1. 模块化-导入，导出模块

// 路径: 查找文件时, 从起点到终点的路线
// 相对路径: 从当前文件出发查找目标文件
// → 找上一级 ../
// → 同级目录 ./// 1. 默认导入
// import result from '../tools/module1'
// import fn from './module2'
// console.log('module1中的数据', JSON.stringify(result))
// fn()// 2. 按需导入
// import { name1, price, sayHi as sayHello } from '../tools/module3'
// console.log('module3中的数据', name1, price)
// sayHello()// 3. 全部导入
import * as Module3 from '../tools/module3'
console.log('全部的数据', Module3.name1)
console.log('全部的数据', Module3.price2)
Module3.sayHi()--------------------------默认导出------------------
interface Person {name: stringage: number
}// 一个ets文件, 就是一个模块, 每个模块之间独立
let num: number = 10
let person: Person = {name: 'jack',age: 18
}// 默认导出 (导出一个值)
export default person--------------------------按需导出------------------------
// 按需导出
// 多个特性, 逐个 export 按需导出
// export let name1: string = '刘备'
// export let price: number = 9.98
// export let sayHi = () => {
//   console.log('打招呼')
// }let name1: string = '刘备'
let name2: string = '张飞'
let name3: string = '关羽'let price: number = 9.98
let price2: number = 10.1let sayHi = () => {console.log('打招呼')
}
let run = () => {console.log('跑步')
}// 一次性将多个特性, 进行导出
export {name1, name2, name3,price, price2,sayHi, run
}