当前位置: 首页 > news >正文

网站制作论文题目网站百度收录秒收方法

网站制作论文题目,网站百度收录秒收方法,网站制作方法,软件app开发需要多少钱一、TypeScript 开发环境搭建 下载并安装 Node.js使用 npm 全局安装 typescript 进入命令行输入#xff1a;npm i -g typescript 创建一个 ts 文件使用 tsc 对 ts 文件进行编译 进入命令行进入 ts 文件所在目录执行命令#xff1a;tsc xxx.ts 二、基本类型 类型声明 通过类型…一、TypeScript 开发环境搭建 下载并安装 Node.js使用 npm 全局安装 typescript 进入命令行输入npm i -g typescript 创建一个 ts 文件使用 tsc 对 ts 文件进行编译 进入命令行进入 ts 文件所在目录执行命令tsc xxx.ts 二、基本类型 类型声明 通过类型声明可以指定 TS 中变量参数、形参的类型 类新声明给变量设置了类型使得变量只能存储某种类型的值 语法 let 变量: 类型; let 变量: 类型 值; function fn(参数: 类型, 参数: 类型): 类型 {... }自动类型判断 TS 拥有自动的类型判断机制当对变量的声明和赋值是同时进行的TS 编译器会自动判断白能量的类型如果变量的声明和赋值是同时进行的可以省略掉类型声明 新增类型 类型例子描述any*任意类型unknown*类型安全的 anyvoid空值 (undefined)没有值 (或 undefined)never没有值不能是任何值tuple[4, 5]元组固定长度数组enumenum(A, B)枚举// 使用字面量声明 let a: 10; a 10;// 可以使用 | 来连接多个类型联合类型 let b: male | female; b male; b female;let c: boolean | string;// 相当于关闭了 TS 类型检测 let d: any; // let d; // 隐式的 any d 10; d hello; d true;let e: unknown; e 10; e hello; e true;let s: string; // d: any可以赋值给任意变量 // s d; e hello; // unknown 类型的变量不能直接赋值给其他变量 if (typeof e string) {s e; // 类型不同 }// 类型断言 s e as string; s stringe;function fn(): void {return; }function fn2(): never {throw new Error(报错了); }// 变量后面加上一个 表示属性是可选的 let b: {name: string, age?: number}; b {name: abc, age: 18}; // 需要 name 属性let c: {name: string, [propName: string]: any}; c {name: aaa, age: 18, gender: male}; // 设置函数结构的类型声明 // 语法(形参: 类型, 形参: 类型 ...) 返回值 let d: (a: number, b: number) number; // d function(n1: string, n2: string): number { // return 10; // } // 报错let e: string[]; // 表示字符串数组 e [a, b, c]; let f: number[]; f [1, 2, 3] let g: Arraynumber; g [1, 2, 3];// let h: [string, number]; // 元组 h [hello, 123];// enum enum Gender {Male 0,Female 1 } let i: {name: string, gender: Gender}; i {name: abc,gender: Gender.Male } // console.log(i.gender Gender.Male);let j: { name: string } { age: number }; // 表示同时 // j {name: 孙悟空, age: 18};// 类型的别名 type myType 1 | 2 | 3 | 4 | 5; let k: myType; let l: myType; let m: myType; k 5;三、编译选项 1、自动编译文件 编译文件时使用 -w 指令后TS 编译器会自动监视文件的变化并在文件发生变化时对文件进行重新编译示例 tsc xxx.ts -w 2、自动编译整个项目 直接使用 tsc 指令可以自动将当前项目下的所有 ts 文件编译为 js 文件 直接使用 tsc 命令的前提时要现在项目根目录下创建一个 ts 的配置文件 tsconfig.json 配置选项 include 定义希望被被编译文件所在目录默认值[**/*]示例“include”: [src/**/*, tests/**/*] exclude 定义需要排除在外的目录默认值[node_modules, bower_components, jspm_packeages]示例“exclude”: [./src/hello/**/*] extends 定义被继承的配置文件示例“extend”: ./configs/base files 指定被编译文件的列表只有需要编译的文件少时才会用到 示例 files: [core.ts,sys.ts,types.ts,... ]compilerOptions 编译选项是配置文件中非常重要也比较复杂的配置选项 在 compilerOptions 中包含多个子选项用来完成对编译的配置 项目选项 target 设置 ts 代码编译的目标版本 可选值 ES3默认、ES5、ES6/ES2015、ES7/ES2016、ES2017、ES2018、ES2019、ES2020、ESNext 示例 compilerOptions: {target: ES6 }lib 指定代码运行时所包含的库宿主环境 可选值 ES5、ES6/ES2015、ES7/ES2016、ES2017、ES2018、ES2019、ES2020、ESNext、DOM、WebWorker、ScriptHost … 示例 compilerOptions: {target: ES6,lib: [ES6, DOM],outDir: dist,outFile: dist/aa.js }module 设置编译后代码使用的模块化系统 可选值 CommonJS、UMD、AMD、System、ES2020、ESNext、None 示例 compilerOptions: {module: CommonJS }示例 {include: [./src/**/* // **表示任意目录 *表示任意文件],// exclude: [// ./src/hello/**/*// ],compilerOptions: {target: ES2015,module: ES6,// lib: [es6, dom],outDir: ./dist, // 用来指定编译后文件所在的目录// outFile: ./dist/app.js // 将代码合并为一个文件allowJs: true, // 是否对 js 文件进行编译checkJs: true, // 是否检查 js 代码是否符合规范removeComments: true, // 是否移除注释noEmit: false, // 不生成编译后的文件noEmitOnError: true, // 当有错误时不生成编译后的文件strict: true, // 所有严格检查的总开关alwaysStrict: true, // 用来设置编译后的文件是否使用严格模式noImplicitAny: true, // 不允许隐式的 any 类型noImplicitThis: true, // 不允许不明确类型的 thisstrictNullChecks: true, // 严格地检查空值} }3、webpack 初始化项目 进入项目根目录执行命令 npm init -y创建 package.json 文件 下载构建工具 npm i -D webpack webpack-cli webpack-dev-server typescript ts-loader clean-webpack-plugin webpack构建工具 webpackwebpack-cliwebpack 的命令行工具webpack-dev-serverwebpack 的开发服务器typescriptts 编译器ts-loaderts 加载器用于在 webpack 中编译 ts 文件html-webpack-pluginwebpack 中 html 插件用来自动创建 html 文件clean-webpack-pluginwebpack 中的清除插件每次构建都会先清除目录 根目录下创建 webpack 的配置文件 webpack.config.js const path require(path); const HTMLWebpackPlugin require(html-webpack-plugin); const { CleanWebpackPlugin } require(clean-webpack-plugin);// 写入 webpack 的所有配置信息 module.exports {// 指定入口文件entry: ./src/index.ts,// 指定打包文件所在位置output: {// 指定打包文件的目录path: path.resolve(__dirname, dist),// 打包后的文件filename: bundle.js,// 不使用 箭头函数environment: {arrowFunction: false}},// 指定 webpack 打包时使用的模块module: {// 指定要 load 的 rulerules: [{// test 指定规则生效的文件test: /\.ts$/,// 要使用的 loaderuse: [// 配置 babel{// 指定加载器loader: babel-loader,// 设置 babeloptions: {// 设置预定义的环境presets: [[// 指定环境插件babel/preset-env,// 配置信息{// 要兼容的目标浏览器targets: {chrome: 127,ie: 11},// 指定 core-js 的版本corejs: 3,// 使用 corejs 的方式useBuiltIns: usage // 表示按需加载}]]}},ts-loader],// 要排除的文件exclude: /node-module/}]},// 配置 webpack 插件plugins: [new CleanWebpackPlugin(),new HTMLWebpackPlugin({// title: 这是一个自定义的 titletemplate: ./src/index.html}),],resolve: {extensions: [.ts, .js]} };
http://www.hkea.cn/news/14374816/

相关文章:

  • 网站建设在哪里进行wordpress在首页音乐
  • 酒类网站建设策划书wordpress 凌风
  • 网站怎么加代码个人微博网站设计
  • php做p2p网站源码程序员自己做网站赚钱
  • 制作商务网站网站备案的要求是什么
  • 网站建设查询外贸类网站
  • 百度推广的网站怎么做线上投票怎么做
  • 多语言网站制作网站建设工具 公司
  • 怎么优化自己网站的关键词公司网站建设多少费用
  • 客户买东西返利网站怎么做做网站前台模型要做什么呢
  • 厦门市建设局官方网站做网站需不需要服务器
  • 小型企业网站排名前十网站开发软件下载
  • 小说网站排行榜前十名35岁学设计晚不晚
  • 网站建设背景图片大小的修改免费的进销存软件哪个简单好用
  • 江西宜春市城市建设档案馆网站多多视频
  • 化妆品网站栏目策划网站备案域名还是空间
  • 深圳企业网站建设电话广州新闻热点事件
  • 网站设计建设维护wordpress栏目页打不开
  • 网站建设 腾云wordpress自带企业主题下载
  • 个人建设任务网站在家里怎样做网站
  • 杭州做网站的好公司有哪些wordpress图片远程
  • 建设网站的那个公司好网站提示域名重定向怎么做
  • 做咖啡网站myeclipse怎么做网页
  • 未做301重定向的网站沧州百度建设网站
  • 做暧暧视频免费网站排名优化怎么做
  • 南宁微信网站制作在什么文件中加入什么代码告诉搜索引擎蜘蛛网站地图的文件位置?
  • 网站建站的费用光明区住房和建设局网站
  • 如何建立一个网站链接的文档电商app开发多少钱
  • 陕西建设厅继续教育网站华威桥网站建设
  • 百度站长如何添加网站网站在线建设