为了账号安全,请及时绑定邮箱和手机立即绑定

【金秋打卡】第25天 6-7 toRef和toRefs如何使用

课程名称:前端框架及项目面试 聚焦Vue3/React/Webpack 课程章节:6-7 toRef和toRefs如何使用) 课程讲师: 双越 课程内容: toRef和toRefs如何使用 课程收获: 如果使用toRef将某个对象中的属性变成响应式数据,修改响应式数据是会影响到原始数据的。但是需要注意,如果修改通过toRef创建的响应式数据,并不会触发UI界面的更新。 所以,toRef的本质是引用,与原始数据有关联 <template> <p>toRefs demo {{age}} {{name}}</p> </template> <script> import {...

142浏览
0推荐
0评论

【金秋打卡】第24天 6-6 如何理解ref toRef 和 toRefs

课程名称:前端框架及项目面试 聚焦Vue3/React/Webpack 课程章节:6-6 如何理解ref toRef 和 toRefs) 课程讲师: 双越 课程内容: 如何理解ref toRef 和 toRefs 课程收获: toRefs将响应式对象变成普通对象后,每一个属性都具有响应式ref,此时需要使用 .value才能获取其值 <template> <p>ref demo {{ageRef}} {{state.name}}</p> </template> <script> import { ref, reactive } from 'vue'...

67浏览
0推荐
0评论

【金秋打卡】第23天 6-5 如何理解Composition API和Options API

课程名称:前端框架及项目面试 聚焦Vue3/React/Webpack 课程章节:6-5 如何理解Composition API和Options API) 课程讲师: 双越 课程内容: 如何理解Composition API和Options API 课程收获: 在逻辑组织和逻辑复用方面,Composition API是优于Options API。因为Composition API几乎是函数,会有更好的类型推断。 Composition API对 tree-shaking 友好,代码也更容易压缩; Composition API中没有对this的使用,减少了this指向不明的情况; 如果是小型组件,可以继续使

42浏览
0推荐
0评论

【金秋打卡】第22天 vue3 和 vue2 的生命周期有什么区别

课程名称:前端框架及项目面试 聚焦Vue3/React/Webpack 课程章节:6-4 vue3 和 vue2 的生命周期有什么区别) 课程讲师: 双越 课程内容: 6-4 vue3 和 vue2 的生命周期有什么区别 课程收获: vue2常用生命周期: 创建前:beforeCreate() 只有一些实例本身的事件和生命周期函数 创建后:Created() 是最早使用data和methods中数据的钩子函数 挂载前:beforeMount() 指令已经解析完毕,内存中已经生成dom树 挂载后:Mounted() dom渲染完毕页面和内存的数据已经同步 更新前

49浏览
0推荐
0评论

【金秋打卡】第21天 Class类(修饰符、构建函数、接口扩展)

课程名称:NestJS 入门到实战 前端必学服务端新趋势 课程章节:5-8 Class类(修饰符、构建函数、接口扩展) 课程讲师: Brian 课程内容: Class类(修饰符、构建函数、接口扩展) 课程收获: 类是用于创建对象的模板。他们用代码封装数据以处理该数据。JS 中的类建立在原型上,但也具有某些语法和语义未与 ES5 类相似语义共享。 class Rectangle { // constructor constructor(height, width) { this.height = height; this.width = width; } // Getter get are

30浏览
0推荐
0评论

【金秋打卡】第20天 Interface

课程名称:NestJS 入门到实战 前端必学服务端新趋势 课程章节:5-7 Interface 课程讲师: Brian 课程内容: 5-7 Interface 课程收获: 接口是一系列抽象方法的声明,是一些方法特征的集合,这些方法都应该是抽象的,需要由具体的类去实现,然后第三方就可以通过这组抽象方法调用,让具体的类执行具体的方法。 interface IPerson { firstName:string, lastName:string, sayHi: ()=>string } var customer:IPerson = { firstName:"Tom",...

43浏览
0推荐
0评论

【金秋打卡】第19天 11-2 Webpack配置

课程名称:JavaScript ES(6-11)全版本语法 每个前端都需要的基础课 课程章节:11-2 Webpack配置 课程讲师: 谢成 课程内容: 11-2 Webpack配置 11-3 Webpack优化 课程收获: webpack 开箱即用,可以无需使用任何配置文件。然而,webpack 会假定项目的入口起点为 src/index.js,然后会在 dist/main.js 输出结果,并且在生产环境开启压缩和优化。 const HtmlWebpackPlugin = require('html-webpack-plugin') const CopyPlugin =...

61浏览
1推荐
0评论

【金秋打卡】第18天 Webpack核心概念

课程名称:JavaScript ES(6-11)全版本语法 每个前端都需要的基础课 课程章节:11-1 Webpack核心概念 课程讲师: 谢成 课程内容: 11-1 Webpack核心概念 课程收获: 本质上,webpack 是一个用于现代JavaScript 应用程序的静态模块打包工具。 当webpack 处理应用程序时,它会在内部从一个或多个入口点构建一个依赖图(dependency graph),然后将你项目中所需的每一个模块组合成一个或多个bundles,它们均为静态资源,用于展示你的内容。 谢谢老师,讲的非常细致,很容易懂。这一节

51浏览
0推荐
0评论

【金秋打卡】第17天 异步编程解决方案Promise(4)

课程名称:JavaScript ES(6-11)全版本语法 每个前端都需要的基础课 课程章节:4-6 异步编程解决方案Promise(4) 课程讲师: 谢成 课程内容: 异步编程解决方案Promise 课程收获: 异步编程解决方案Promise // getPromise('static/aa.json') // .then(res => { // console.log(res) // return getPromise('static/b.json') // }).then(res => { // console.log(res) // return...

66浏览
0推荐
0评论

【金秋打卡】第16天 4-5 异步编程解决方案Promise(3)

课程名称:JavaScript ES(6-11)全版本语法 每个前端都需要的基础课 课程章节:4-5 异步编程解决方案Promise(3) 课程讲师: 谢成 课程内容: 异步编程解决方案Promise(3) 课程收获: 异步编程解决方案Promise(3) new Promise((resolve, reject) => { ajax('static/a.json', res => { console.log(res) resolve() }) }).then(res => { console.log('a成功') return new...

69浏览
0推荐
0评论

【金秋打卡】第15天 4-13 迭代器Iterator

课程名称:JavaScript ES(6-11)全版本语法 每个前端都需要的基础课 课程章节:4-13 迭代器Iterator 课程讲师: 谢成 课程内容: 迭代器Iterator 课程收获: 迭代器Iterator 在 JavaScript 中,迭代器是一个对象,它定义一个序列,并在终止时可能返回一个返回值。更具体地说,迭代器是通过使用 next() 方法实现 Iterator protocol 的任何一个对象,该方法返回具有两个属性的对象: value,这是序列中的 next 值;和 done ,如果已经迭代到序列中的最后一个值,则它为 tru

63浏览
0推荐
0评论

【金秋打卡】第14天 基础类型&引用类型

课程名称:NestJS 入门到实战 前端必学服务端新趋势 课程章节:5-2 基础类型&引用类型 课程讲师: Brian 课程内容: 基础类型&引用类型 课程收获: 布尔值 最基本的数据类型就是简单的true/false值,在JavaScript和TypeScript里叫做boolean(其它语言中也一样)。 let isDone: boolean = false; 数字 和JavaScript一样,TypeScript里的所有数字都是浮点数。 这些浮点数的类型是 number。 除了支持十进制和十六进制字面量,TypeScript还支持ECMAScript 2015中引入的二进制

115浏览
0推荐
0评论

【金秋打卡】第13天 4-11 异步编程解决方案Generator(上)

课程名称:JavaScript ES(6-11)全版本语法 每个前端都需要的基础课 课程章节:4-11 异步编程解决方案Generator(上) 课程讲师: 谢成 课程内容: 异步编程解决方案Generator(上) 课程收获: 构造函数在Generator全局范围内不可用。的实例Generator必须从生成器函数返回: // function foo() { // for (let i = 0; i < 3; i++) { // console.log(i) // } // } // foo() // function* foo() { // for (let i = 0; i < 3; i++) { //...

29浏览
0推荐
0评论

【金秋打卡】第12天 5-2 数值扩展:幂运算符

课程名称:JavaScript ES(6-11)全版本语法 每个前端都需要的基础课 课程章节:5-2 数值扩展:幂运算符 课程讲师: 谢成 课程内容: 数值扩展:幂运算符 课程收获: 求幂运算符()返回将第一个操作数加到第二个操作数的幂的结果。它等效于Math.pow,不同之处在于它也接受 BigInts 作为操作数。求幂运算符是是右结合的: a b c 等于 a (b ** c).在 JavaScript 里,你不可能写出一个不明确的求幂表达式。这就是说,你不能立刻将一个一元运算符(+/-/~/!/delete/void/typeof)

63浏览
0推荐
0评论

【金秋打卡】第11天 空值合并运算符:Nullish coalescing Operator

课程名称:JavaScript ES(6-11)全版本语法 每个前端都需要的基础课 课程章节:9-7 空值合并运算符:Nullish coalescing Operator 课程讲师: 谢成 课程内容: 空值合并运算符:Nullish coalescing Operator 课程收获: 空值合并运算符(??)是一个逻辑运算符,当左侧的操作数为 null 或者 undefined 时,返回其右侧操作数,否则返回左侧操作数。 与逻辑或运算符(||)不同,逻辑或运算符会在左侧操作数为假值时返回右侧操作数。也就是说,如果使用 || 来为某些变量设置默认

59浏览
0推荐
0评论

【金秋打卡】第10天 可选链:Optional chaining

课程名称:JavaScript ES(6-11)全版本语法 每个前端都需要的基础课 课程章节:9-6 可选链:Optional chaining 课程讲师: 谢成 课程内容: 可选链:Optional chaining 课程收获: 可选链运算符(?.)允许读取位于连接对象链深处的属性的值,而不必明确验证链中的每个引用是否有效。?. 运算符的功能类似于 . 链式运算符,不同之处在于,在引用为空 (nullish ) (null 或者 undefined) 的情况下不会引起错误,该表达式短路返回值是 undefined。与函数调用一起使用时,如果给

57浏览
0推荐
0评论

【金秋打卡】第9天 全局对象:globalThis

课程名称:JavaScript ES(6-11)全版本语法 每个前端都需要的基础课 课程章节:9-5 全局对象:globalThis 课程讲师: 谢成 课程内容: 全局对象:globalThis 课程收获: globalThis旨在通过定义一个标准的全局属性来整合日益分散的访问全局对象的方法。该提案目前处于第四阶段,这意味着它已经准备好被纳入ES2020标准。所有流行的浏览器,包括 Chrome 71+、Firefox 65+和 Safari 12.1+,都已经支持这项功能。你也可以在Node.js 12+中使用它。通过使用globalThis,你的代码将在 w

42浏览
0推荐
0评论

【金秋打卡】第8天 9-4 Promise扩展:Promise.allSettled()

课程名称:JavaScript ES(6-11)全版本语法 每个前端都需要的基础课 课程章节:9-4 Promise扩展:Promise.allSettled() 课程讲师: 谢成 课程内容: Promise扩展:Promise.allSettled() 课程收获: 该 Promise.allSettled() 方法返回一个在所有给定的 promise 都已经fulfilled或rejected后的 promise,并带有一个对象数组,每个对象表示对应的 promise 结果。 当您有多个彼此不依赖的异步任务成功完成时,或者您总是想知道每个promise的结果时,通常使用它。 相比之下,Promis

65浏览
0推荐
0评论

【金秋打卡】第7天 9-3 新的原始数据类型:BigInt

课程名称:JavaScript ES(6-11)全版本语法 每个前端都需要的基础课 课程章节:9-3 新的原始数据类型:BigInt 课程讲师: 谢成 课程内容: 新的原始数据类型:BigInt 课程收获: BigInt 是一個內建的物件,提供了表示大於 2^53 的整數的功能 (2^53 是 JavaScript 原生的Number能夠表示的最大值)BigInt 跟 Number 很像,但在某些部分有些許不同 — 它不可以被用在內建的 Math 物件方法中、而且不可以跟 Number 的實體混用運算子。 // const max = 2 ** 53 // c

37浏览
0推荐
0评论

【金秋打卡】第6天 9-2 动态导入:Dynamic import()

课程名称:JavaScript ES(6-11)全版本语法 每个前端都需要的基础课 课程章节:9-2 动态导入:Dynamic import() 课程讲师: 谢成 课程内容: 9-2 动态导入:Dynamic import() 课程收获: 静态声明用于导入由另一个模块导出import的只读实时绑定。导入的绑定称为实时绑定,因为它们由导出绑定的模块更新,但不能由导入模块修改。 为了import在源文件中使用声明,运行时必须将该文件解释为模块。在 HTML 中,这是通过添加type="module"到<script>标签来完成的。模块在严格模式下自

36浏览
0推荐
0评论
首页上一页1234下一页尾页
意见反馈 帮助中心 APP下载
官方微信