ES6 | （二）ES6 新特性（下） | 尚硅谷Web前端ES6教程

文章目录

  • 📚迭代器
    • 🐇定义
    • 🐇工作原理
    • 🐇自定义遍历数据
  • 📚生成器函数
    • 🐇声明和调用
    • 🐇生成器函数的参数传递
    • 🐇生成器函数案例
  • 📚Promise
  • 📚Set
    • 🐇Set的定义与使用
    • 🐇集合实践
  • 📚Map
  • 📚class类
  • 📚数值扩展
  • 📚对象方法扩展
  • 📚ES6模块化
    • 🐇模块导出数据语法
    • 🐇模块导入数据语法

学习链接：尚硅谷Web前端ES6教程

在这里插入图片描述

📚迭代器

🐇定义

  • 遍历器（Iterator）就是一种机制。它是一种接口，为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署 Iterator 接口，就可以完成遍历操作。
  • ES6 创造了一种新的遍历命令 for...of 循环，Iterator 接口主要供for...of使用。
  • 原生具备 iterator 接口的数据(可用for of 遍历)：Array、Arguments、Set、Map、String、TypedArray、NodeList。
    <!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>迭代器</title>
</head>
<body><script>//使用next()方法遍历原生自带iterator接口的数据// 遍历 Mapconst mp = new Map();mp.set('a', 1);mp.set('b', 2);mp.set('c', 3);let iter1 = mp[Symbol.iterator]();console.log(iter1.next()); console.log(iter1.next()); console.log(iter1.next()); console.log(iter1.next()); // 遍历数组let xiyou = ['唐僧','孙悟空','猪八戒','沙僧'];let iter2 = xiyou[Symbol.iterator]();console.log(iter2.next()); console.log(iter2.next()); console.log(iter2.next()); console.log(iter2.next()); //实际上直接使用 for...of 方法遍历即可const mp2 = new Map();mp2.set('a', 1);mp2.set('b', 2);mp2.set('c', 3);for (let [k, v] of mp) {console.log(k, v);}</script>
</body>
</html>
    在这里插入图片描述
    在这里插入图片描述

🐇工作原理

  • 创建一个指针对象，指向当前数据结构的起始位置。
  • 第一次调用对象的next方法，指针自动指向数据结构的第一个成员。
  • 接下来不断调用`next方法，指针一直往后移动，直到指向最后一个成员。
  • 每调用next方法返回一个包含value和done属性的对象。
  • 应用场景：需要自定义遍历数据的时候，要想到迭代器。

🐇自定义遍历数据

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>自定义遍历数据</title>
</head><body><script>// 需求：遍历对象中的数组const youyi = {uname: '右一',course: [ '可视化', '信息检索', '大数据安全', '类脑' ],// 通过自定义 [Symbol.iterator]() 方法[Symbol.iterator]() {// 初始指针对象指向数组第一个let index = 0;// 保存 youyi 的 this 值let _this = this;return {next: function () {// 不断调用 next 方法，直到指向最后一个成员if (index < _this.course.length) {return { value: _this.course[index++], done: false };} else {// 每调用next 方法返回一个包含value 和done 属性的对象return { value: undefined, done: true };}}}}}// for...of直接遍历达到目的for (let v of youyi) {console.log(v);}</script>
</body></html>

在这里插入图片描述

📚生成器函数

🐇声明和调用

  • 生成器函数是 ES6 提供的一种 异步编程解决方案，语法行为与传统函数完全不同。
  • *的位置没有限制
    • 使用function * gen()和yield可以声明一个生成器函数。生成器函数返回的结果是迭代器对象，调用迭代器对象的next方法可以得到yield语句后的值。
    • 每一个yield相当于函数的暂停标记，也可以认为是一个分隔符，每调用一次next()，生成器函数就往下执行一段。
    • next方法可以传递实参，作为yield语句的返回值。
    <!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>生成器</title>
</head>
<body><script>    //生成器其实就是一个特殊的函数//函数代码的分隔符function * gen(){console.log(111);yield '一只没有耳朵';console.log(222);yield '一只没有尾部';console.log(333);yield '真奇怪';console.log(444);}let iterator = gen();console.log(iterator.next());console.log(iterator.next());console.log(iterator.next());console.log(iterator.next());// 遍历for(let v of gen()){console.log(v);}</script>
</body>
</html>

在这里插入图片描述
在这里插入图片描述

🐇生成器函数的参数传递

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>生成器函数参数</title>
</head>
<body><script>function* generator(arg) {console.log(arg); // 生成器第 1 段let one = yield 111;console.log(one); // 生成器第 2 段let two = yield 222;console.log(two); // 生成器第 3 段let three = yield 333; console.log(three); // 生成器第 4 段}let iter = generator('aaa'); // 传给生成器第 1 段console.log(iter.next());console.log(iter.next('bbb')); // 传给生成器第 2 段，作为这一段开始的 yield 语句返回值console.log(iter.next('ccc')); // 传给生成器第 3 段，作为这一段开始的 yield 语句返回值console.log(iter.next('ddd')); // 传给生成器第 4 段，作为这一段开始的 yield 语句返回值</script>
</body>
</html>

在这里插入图片描述

🐇生成器函数案例

  • 需求：1s 后控制台输出 111 2s后输出 222 3s后输出 333。
  • 传统方式：嵌套太多，代码复杂
    setTimeout(() => {console.log(111);setTimeout(() => {console.log(222);setTimeout(() => {console.log(333);}, 3000);}, 2000);
}, 1000);
  • 生成器实现：结构简洁明了
    <!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>生成器函数实例</title>
</head><body><script>function one(){setTimeout(()=>{console.log(111);iterator.next();},1000)}function two(){setTimeout(()=>{console.log(222);iterator.next();},2000)}function three(){setTimeout(()=>{console.log(333);iterator.next();},3000)}function * gen(){yield one();yield two();yield three();}//调用生成器函数let iterator = gen();iterator.next();</script>
</body></html>

📚Promise

以下简单过一下 Promise，更多还要进一步深入学习，后续补充。

  • Promise的定义和使用

    • Promise 是 ES6 引入的异步编程的新解决方案。
    • 语法上 Promise 是一个构造函数，用来封装异步操作并可以获取其成功或失败的结果。
    • 一个 Promise 必然处于以下几种状态之一：
      • 待定（pending）：初始状态，既没有被兑现，也没有被拒绝。
      • 已兑现（fulfilled）：意味着操作成功完成。
      • 已拒绝（rejected）：意味着操作失败。
    • Promise 的使用：
      • Promise 构造函数：new Promise((resolve, reject)=>{})
      • Promise.prototype.then方法：该方法用于指定当前Promise对象状态改变时的回调函数。它接收两个参数，第一个参数是状态改变为Fulfilled时的回调函数，第二个参数（可选）是状态改变为Rejected时的回调函数。当Promise对象的状态已经是Fulfilled时调用then方法，回调函数会立即执行。
      • Promise.prototype.catch方法：该方法用于指定当前Promise对象状态变为Rejected时的回调函数。它和then方法的用法类似，但只接收一个参数，即状态变为Rejected时的回调函数。如果Promise对象的状态已经是Rejected，再调用catch方法时，回调函数会立即执行。catch方法返回一个新的Promise对象，可以链式调用后续的then方法。
      <!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Promise基本语法</title>
</head>
<body><script>//实例化 Promise 对象const p = new Promise(function(resolve, reject){// 使用 setTimeout 模拟请求数据库数据操作setTimeout(function(){// 这个异步请求数据库数据操作是否正确返回数据let isRight = true;if (isRight) {let data = '数据库中的数据';// 设置 Promise 对象的状态为操作成功resolve(data);} else {let err = '数据读取失败！'// 设置 Promise 对象的状态为操作失败reject(err);}}, 1000);});//调用 promise 对象的 then 方法p.then(function(value){console.log(value);}, function(reason){console.error(reason);})</script>
</body>
</html>

  • Promise封装读取文件

    //1. 引入 fs 模块
const fs = require('fs');//2. 调用方法读取文件
// fs.readFile('./resources/为学.md', (err, data)=>{
//     //如果失败, 则抛出错误
//     if(err) throw err;
//     //如果没有出错, 则输出内容
//     console.log(data.toString());
// });//3. 使用 Promise 封装
const p = new Promise(function(resolve, reject){fs.readFile("./resources/为学.md", (err, data)=>{//判断如果失败if(err) reject(err);//如果成功resolve(data);});
});p.then(function(value){console.log(value.toString());
}, function(reason){console.log("读取失败!!");
});

    在这里插入图片描述

📚Set

🐇Set的定义与使用

  • ES6 提供了新的数据结构 Set（集合）。它类似于数组，但成员的值都是唯一的，集合实现了 iterator 接口，所以可以使用『扩展运算符』和『for…of』进行遍历。
  • 定义一个 Set 集合：
    let st1 = new Set();
let st2 = new Set([可迭代对象]);
  • 集合（这里假设有一个集合 st）的属性和方法：
    • st.size：返回集合个数
    • st.add(item)：往集合中添加一个新元素 item，返回当前集合
    • st.delete(item)：删除集合中的元素，返回 boolean 值
    • st.has(item)：检测集合中是否包含某个元素，返回 boolean 值
    • st.clear()：清空集合
    • 集合转为数组：[...st]
    • 合并两个集合：[...st1, ...st2]
    <!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>集合</title>
</head>
<body><script>//声明一个 setlet s = new Set();let s2 = new Set(['大事儿','小事儿','好事儿','坏事儿','小事儿']);//元素个数console.log(s2.size);//添加新的元素s2.add('喜事儿');//删除元素s2.delete('坏事儿');//检测console.log(s2.has('糟心事'));for(let v of s2){console.log(v);}//清空s2.clear();console.log(s2);</script>
</body>
</html>

在这里插入图片描述

🐇集合实践

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Set 实践</title>
</head>
<body><script>let arr = [1,2,3,4,5,4,3,2,1];//1. 数组去重let result = [...new Set(arr)];console.log(result);//2. 交集let arr2 = [4,5,6,5,6];let result2 = [...new Set(arr)].filter(item => new Set(arr2).has(item));console.log(result2);//3. 并集let union = [...new Set([...arr, ...arr2])];console.log(union);//4. 差集let diff = [...new Set(arr)].filter(item => !(new Set(arr2).has(item)));console.log(diff);</script>
</body></html>

在这里插入图片描述

📚Map

  • ES6 提供了 Map 数据结构。它类似于对象，也是键值对的集合。但是 “键” 的范围不限于字符串，各种类型的值（包括对象）都可以当作键。Map 也实现了 iterator 接口，所以可以使用『扩展运算符』和『for…of』进行遍历。
  • 定义一个map
    let mp1 = new Map();
mp1.set('aaa', 111);
mp1.set('bbb', 222);
mp1.set('ccc', 333);let mp2 = new Map([['aaa', 111],['bbb', 222],['ccc', 333]
]);console.log(mp1['aaa']); // 111
console.log(mp2.get('bbb')); // 222
  • Map 的属性和方法：（k 为键，v为值）
    • size：返回 Map 的元素（键值对）个数。
    • set(k, v)：增加一个键值对，返回当前 Map。
    • get(k)：返回键值对的键值。
    • has()：检测 Map 中是否包含某个元素。
    • clear()：清空集合，返回 undefined。

📚class类

  • ES6 提供了更接近传统语言的写法，引入了 Class（类）这个概念，作为对象的模板。通过class 关键字，可以定义类。基本上，ES6 的 class 可以看作只是一个语法糖，它的绝大部分功能，ES5 都可以做到，新的 class 写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已。
  • function构造函数的继承
    //手机
function Phone(brand, price){this.brand = brand;this.price = price;
}Phone.prototype.call = function(){console.log("我可以打电话");
}//智能手机
function SmartPhone(brand, price, color, size){Phone.call(this, brand, price);this.color = color;this.size = size;
}//设置子级构造函数的原型
SmartPhone.prototype = new Phone;
// 矫正 constructor 指向
SmartPhone.prototype.constructor = SmartPhone;//声明子类的方法
SmartPhone.prototype.photo = function(){console.log("我可以拍照")
}SmartPhone.prototype.playGame = function(){console.log("我可以玩游戏");
}const chuizi = new SmartPhone('锤子',2499,'黑色','5.5inch');console.log(chuizi);
  • extends类继承和方法的重写
    • ES6 中直接使用 extends 语法糖（更简洁高级的实现方式）来实现继承，同时可以重写父类的方法，直接在子类中重新写一次要重写的方法即可覆盖父类方法。
      class Phone{//构造方法constructor(brand, price){this.brand = brand;this.price = price;}//父类的成员属性call(){console.log("我可以打电话!!");}
}class SmartPhone extends Phone {//构造方法constructor(brand, price, color, size){super(brand, price);// Phone.call(this, brand, price)this.color = color;this.size = size;}photo(){console.log("拍照");}playGame(){console.log("玩游戏");}call(){console.log('我可以进行视频通话');}
}const xiaomi = new SmartPhone('小米',799,'黑色','4.7inch');
console.log(xiaomi);
xiaomi.call();
xiaomi.photo();
xiaomi.playGame();
    在这里插入图片描述
  • getter和setter🔥
    • 当属性拥有 get/set 特性时，属性就是访问器属性。代表着在访问属性或者写入属性值时，对返回值做附加的操作。而这个操作就是 getter/setter 函数。
    • 使用场景： getter 是一种语法，这种 get 将对象属性绑定到 查询该属性时将被调用的函数。适用于某个需要动态计算的成员属性值的获取。setter 则是在修改某一属性时所给出的相关提示。
      // get 和 set  
class Phone{get price(){console.log("价格属性被读取了");return 'iloveyou';}set price(newVal){console.log('价格属性被修改了');}
}//实例化对象
let s = new Phone();console.log(s.price);
s.price = 'free';
    在这里插入图片描述

📚数值扩展

  • Number.EPSILON是 JavaScript 表示的最小精度，一般用来处理浮点数运算。例如可以用于两个浮点数的比较。
    let equal = (x, y) => Math.abs(x - y) < Number.EPSILON;
console.log(0.1 + 0.2 === 0.3); // false
console.log(equal(0.1 + 0.2, 0.3)); // true
  • Number.isFinite检测一个数值是否为有限数。
    console.log(Number.isFinite(100)); // false
console.log(Number.isFinite(100 / 0)); // true
console.log(Number.isFinite(Infinity)); // false
  • ES6 给 Number 添加了 parseInt 方法，Number.parseInt 完全等同于 parseInt，将字符串转为整数，或者进行进制转换。Number.parseFloat 则等同于 parseFloat()。
  • Number.isInteger() 判断一个数是否为整数。
  • Math.trunc() 将数字的小数部分抹掉。
  • Math.sign 判断一个数到底为正数 负数 还是零

📚对象方法扩展

  • Object.is比较两个值是否严格相等，与『===』行为基本一致。
  • Object.assign对象的合并，将源对象的所有可枚举属性，复制到目标对象。
  • __proto__、setPrototypeOf、setPrototypeOf可以直接设置对象的原型。

📚ES6模块化

  • 模块化是指将一个大的程序文件，拆分成许多小的文件，然后将小文件组合起来。
  • 模块化的好处
    • 防止命名冲突
    • 代码复用
    • 高维护性
  • ES6模块化语法 ：模块功能主要由两个命令构成：export和import。
    • export命令用于规定模块的对外接口。
    • import命令用于输入其他模块提供的功能。

🐇模块导出数据语法

  • 单个导出
    // 单个导出
export let uname = 'Rick';
export let sayHello = function () {console.log('Hi, bro!');
}
  • 合并导出
    let uname = 'Rick';
let sayHello = function () {console.log('Hi, bro!');
}
// 合并导出
export { uname, sayHello };
  • 默认导出
    // 默认导出
export default {uname: 'Rick',sayHello: function () {console.log('Hi, bro!');}
}

🐇模块导入数据语法

  • 通用导入
    import * as m1 from './js/m1.js';
import * as m2 from './js/m2.js';
import * as m3 from './js/m3.js';
  • 解构赋值导入
    import { uname, sayHello } from './js/m1.js';
// 有重复名可以设置别名
import { uname as uname2, sayHello as sayHello2 } from './js/m2.js';
console.log(uname);
// 配合默认导出
import {default as m3} from "./src/js/m3.js";
  • 简便方式导入，针对默认暴露
    import m3 from "./src/js/m3.js";

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/695770.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

fastApi笔记05-路径参数和数值校验

fastApi笔记05-路径参数和数值校验

使用Path可以对路径参数声明与Query相同类型的校验和元数据 from typing import Annotatedfrom fastapi import FastAPI, Path, Queryapp FastAPI()app.get("/items/{item_id}") async def read_items(item_id: Annotated[int, Path(title"The ID of the item …
阅读更多...
微服务篇之限流

微服务篇之限流

一、为什么要限流 1. 并发的确大&#xff08;突发流量&#xff09;。 2. 防止用户恶意刷接口。 二、限流的实现方式 1. Tomcat限流 可以设置最大连接数&#xff0c;但是每一个微服务都有一个tomcat&#xff0c;实现起来非常麻烦。 2. Nginx限流 &#xff08;1&#xff09;控…
阅读更多...
假如C++进入Linux内核，那么需要做哪些改造？

假如C++进入Linux内核，那么需要做哪些改造？

假如C进入Linux内核&#xff0c;那么需要做哪些改造&#xff1f; 在开始前我有一些资料&#xff0c;是我根据网友给的问题精心整理了一份「c的资料从专业入门到高级教程」&#xff0c; 点个关注在评论区回复“888”之后私信回复“888”&#xff0c;全部无偿共享给大家&#xf…
阅读更多...
ChatGPT安卓版正式发布，附安装包，但有款手机无法使用

ChatGPT安卓版正式发布，附安装包，但有款手机无法使用

ChatGPT安卓版如约而至&#xff0c;OpenAI正式宣布该应用已在谷歌应用商店上架&#xff0c;用户可以免费下载&#xff0c;对话不限次数。 但是安卓版ChatGPT目前仅在美国、印度、孟加拉国和巴西提供下载&#xff0c;下周将会推广至更多国家。 网页端下载链接&#xff1a; http…
阅读更多...
五、矩阵的运算

五、矩阵的运算

1、矩阵的加减： 前提：两个矩阵必须是同形矩阵。 矩阵加减具有交换律，矩阵矩阵相乘没有交换律。 计算结果：元素级运算。 2、矩阵的数乘： 计算结果：元素级运算。这里要区别与行列式的数乘。 3、矩阵与向量的乘法： 前提：矩阵的列数等于向量的行数。 计算方式：左列…
阅读更多...
【Linux基础】vim、常用指令、组管理和组权限

【Linux基础】vim、常用指令、组管理和组权限

Linux基础 1、目录结构2、vi和vim3、常用指令运行级别找回密码帮助指令时间日期指令搜索查找文件目录操作磁盘管理指令压缩和解压缩 4、组管理和组权限用户操作指令权限 1、目录结构 Linux的文件系统是采用级层式的树状目录结构&#xff0c;在此结构中的最上层是根目录“/”&a…
阅读更多...
C++之Easyx——图形库的基本功能（2）：来点色彩

C++之Easyx——图形库的基本功能（2）：来点色彩

一、setbkcolor 函数定义 void EGEAPI setbkcolor(color_t color, PIMAGE pimg NULL); // 设置当前绘图背景色&#xff08;设置并做背景色像素替换&#xff09; 使用说明 void EGEAPI setbkcolor(颜色RGB, PIMAGE pimg NULL); // 设置当前绘图背景色&#xff08;…
阅读更多...
备战蓝桥杯---动态规划（应用3之空间优化）

备战蓝桥杯---动态规划（应用3之空间优化）

话不多说&#xff0c;直接看题&#xff1a; 我们不妨把问题抽象一下&#xff1a; 首先&#xff0c;我们由裴蜀定理知道如果两个数互质&#xff0c;那么axbyc一定有整数解&#xff08;只要c为1的倍数也就是整数&#xff09;&#xff0c;因此问题就转换为求选一些数使他们gcd1&a…
阅读更多...
适用于 Linux、Windows 和 macOS 的免费 ONLYOFFICE 桌面应用程序

适用于 Linux、Windows 和 macOS 的免费 ONLYOFFICE 桌面应用程序

前言&#xff1a; 最近也是发现了一款特别好用的免费ONLYOFFICE 桌面应用程序忍不住分享给大家&#xff0c;这款编辑器能够打开、阅读和编辑多种文件类型&#xff0c;包括.docx文档、.pptx幻灯片和.xlsx表格等开放XML格式的Office文档。此外&#xff0c;ONLYOFFICE桌面编辑器还…
阅读更多...
收入统计-嵌入式高级软件音频工程师

收入统计-嵌入式高级软件音频工程师

加我微信hezkz17&#xff0c;可申请进入数字音频系统研究开发交流答疑群&#xff0c;加群附加赠送 蓝牙耳机音频&#xff0c;DSP音频开发资料 1 固定工资收入 2 科技创业收入 3 总收入36K
阅读更多...
为什么在MOS管开关电路设计中使用三极管容易烧坏？

为什么在MOS管开关电路设计中使用三极管容易烧坏？

MOS管作为一种常用的开关元件&#xff0c;具有低导通电阻、高开关速度和低功耗等优点&#xff0c;因此在许多电子设备中广泛应用。然而&#xff0c;在一些特殊情况下&#xff0c;我们需要在MOS管控制电路中加入三极管来实现一些特殊功能。然而&#xff0c;不同于MOS管&#xff…
阅读更多...
【咕咕送书 | 第七期】世界顶级名校计算机专业，都在用哪些书当教材？

【咕咕送书 | 第七期】世界顶级名校计算机专业，都在用哪些书当教材？

&#x1f3ac; 鸽芷咕&#xff1a;个人主页 &#x1f525; 个人专栏:《linux深造日志》《粉丝福利》 ⛺️生活的理想&#xff0c;就是为了理想的生活! ⛳️ 写在前面参与规则 ✅参与方式&#xff1a;关注博主、点赞、收藏、评论&#xff0c;任意评论&#xff08;每人最多评论…
阅读更多...
航空航天5G智能工厂数字孪生可视化平台，推进航空航天数字化转型

航空航天5G智能工厂数字孪生可视化平台，推进航空航天数字化转型

航空航天5G智能工厂数字孪生可视化平台&#xff0c;推进航空航天数字化转型。随着科技的不断发展&#xff0c;数字化转型已经成为各行各业关注的焦点。航空航天业作为高端制造业的代表&#xff0c;也在积极探索数字化转型之路。为了更好地推进航空航天数字化转型&#xff0c;一…
阅读更多...
SOLIDWORKS Electrical如何设置并编辑报表

SOLIDWORKS Electrical如何设置并编辑报表

在电气设计工作中因生产需要&#xff0c;很多企业都会要求电气工程师在图纸中插入设备清单报表。比如在设计机柜布局的时候&#xff0c;在相关设计图纸中插入报表清单可以清楚的帮助了解接线、装配、调试的电气物料内容及对应图纸中的明细。 SOLIDWORKS electrical中就可以自动…
阅读更多...
PHP实现分离金额和其他内容便于统计计算

PHP实现分离金额和其他内容便于统计计算

得到的结果可以粘贴到excel计算 <?php if($_GET["x"] "cha"){ $tips isset($_POST[tips]) ? $_POST[tips] : ; $pattern /(\d\.\d|\d)/; $result preg_replace($pattern, "\t\${1}\t", $tips); echo "<h2><strong>数…
阅读更多...
第六篇【传奇开心果系列】Python文本和语音相互转换库技术点案例示例：深度解读Kaldi库个性化定制语音搜索引擎

第六篇【传奇开心果系列】Python文本和语音相互转换库技术点案例示例：深度解读Kaldi库个性化定制语音搜索引擎

传奇开心果短博文系列 系列短博文目录Python文本和语音相互转换库技术点案例示例系列 短博文目录前言一、雏形示例代码二、扩展思路介绍三、数据准备示例代码四、特征提取示例代码五、声学模型训练示例代码六、语言模型训练示例代码七、解码示例代码八、评估和调优示例代码九、…
阅读更多...
MLflow【部署 01】MLflow官网Quick Start实操（一篇学会部署使用MLflow）

MLflow【部署 01】MLflow官网Quick Start实操（一篇学会部署使用MLflow）

一篇学会部署使用MLflow 1.版本及环境2.官方步骤Step-1 Get MLflowStep-2 Start a Tracking ServerStep 3 - Train a model and prepare metadata for loggingStep 4 - Log the model and its metadata to MLflowStep 5 - Load the model as a Python Function (pyfunc) and us…
阅读更多...
Autosar-Mcal配置详解-MCU

Autosar-Mcal配置详解-MCU

3.6.1创建、配置RAM 1)创建RAM配置 2)配置RAM 以F1KM R7F7016533ABG为例，它的local RAM有512K, global RAM 192K，Retention RAM 64K. Local RAM: local RAM就是程序平常使用的RAM，在DeepStop模式下内容会丢失。 Global RAM：主要用于DMA的源地址和目的地址使用，在Dee…
阅读更多...
Web应用程序防火墙（WAF）与传统防火墙的区别

Web应用程序防火墙（WAF）与传统防火墙的区别

由于WEB应用防火墙&#xff08;WAF&#xff09;的名字中有“防火墙”三个字&#xff0c;因此很多人都会将它与传统防火墙混淆。实际上&#xff0c;二者之间的有着很大的差别。传统防火墙专注在网络层面&#xff0c;提供IP、端口防护。而WAF是专门为保护基于Web的应用程序而设计…
阅读更多...
C# cass10 宗地初始化-根据 “预编号” “权利人”图层对应信息 批量添加到宗地图层

C# cass10 宗地初始化-根据 “预编号” “权利人”图层对应信息 批量添加到宗地图层

运行环境Visual Studio 2022 c# cad2016 cass10 根据 “预编号” “权利人”图层对应信息 批量添加到宗地图层 一、主要步骤 zdimport 方法&#xff1a;这个方法用于导入宗地信息。首先通过调用 AutoCAD API 获取当前活动文档、数据库和编辑器对象。然后根据 CreatePalette.Se…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023