- 博客(142)
- 收藏
- 关注
原创 【React基础二】事件绑定、组件props、条件渲染、列表、refs、组件声明周期
事件绑定、组件props、条件渲染、列表、refs、组件声明周期
2023-12-17 21:22:17
396
原创 【React基础一】React简介和特点、虚拟DOM、JSX、项目搭建、组件与State状态
React简介和特点、虚拟DOM、JSX、项目搭建、组件与State状态
2023-12-17 21:14:47
522
原创 【Vue+Mysql实现前端对接数据库】
Vite + Vue3 工程化环境下,需要在 package.json 中配置。注意:Node 14+ 版本支持 CommonJS 和 ESM 两种规范。当然你也可以使用 CommonJS 规范通过。导入模块,这样项目中就存在两种规范的写法了。其它 api 文件配置参考 login.js。,且后端文件后缀需要由。
2023-12-17 20:52:05
1931
原创 【TS篇二】变量、数据类型、接口、解构赋值
TypeScript会假设你,程序员,已经进行了必须的检查。需要注意的是,我们传入的对象参数实际上会包含很多属性,但是编译器只会检查那些必需的属性是否存在,并且其类型是否匹配。在TypeScript里,接口的作用就是为这些类型命名和为你的代码或第三方代码定义契约。基本原则就是如果一个变量不需要对它写入,那么其它使用这些代码的人也不能够写入它们,并且要思考为什么会需要对这些变量重新赋值。元组类型允许表示一个已知元素数量和类型的数组,各元素的类型不必相同。,因为它使你的代码更严谨,可以极大的减少出错的几率。
2023-11-03 20:12:41
1906
原创 【TS篇一】TypeScript介绍、使用场景、环境搭建、类和接口
TypeScript 是 JavaScript 的强类型版本。然后在编译期去掉类型和特有语法,生成纯粹的 JavaScript 代码。由于最终在浏览器中运行的仍然是 JavaScript,所以 TypeScript 并不依赖于浏览器的支持,也并不会带来兼容性问题。TypeScript 是 JavaScript 的超集,这意味着他支持所有的 JavaScript 语法。并在此之上对 JavaScript 添加了一些扩展,如 class / interface / module 等。
2023-11-03 20:06:10
807
原创 【ES6知识】Promise 对象
Promise对象用于表示一个异步操作的最终完成(或失败)及其结果值。是异步编程的一种解决方案(可以解决回调地狱问题)
2023-09-28 08:53:28
762
原创 【HTML5高级第三篇】drag拖拽、音频视频、defer/async属性、dialog应用
drag拖拽、音频视频、defer/async属性、dialog元素应用
2023-09-07 10:16:06
1096
原创 【HTML5高级第二篇】WebWorker多线程、EventSource事件推送、History历史操作
WebWorker多线程、EventSource事件推送、History历史操作
2023-09-06 11:00:27
994
原创 【HTML5高级第一篇】Web存储 - cookie、localStorage、sessionStorage
Web存储 - cookie、localStorage、sessionStorage
2023-09-04 10:35:20
2319
原创 【Vue3 知识第七讲】reactive、shallowReactive、toRef、toRefs 等系列方法应用与对比
reactive、shallowReactive 等系列方法应用与对比
2023-09-04 10:20:31
2064
原创 【Vue3 知识第六讲】ref、 shallowRef、unref、isRef 等系列知识应用
ref、 shallowRef、unref、isRef 等系列知识应用
2023-09-04 10:16:21
3647
原创 【Vue3 知识第二讲】Vue3新特性、vue-devtools 调试工具、脚手架搭建
Vue3新特性、vue-devtools 调试工具、脚手架搭建
2023-09-01 11:08:13
2780
原创 【ES新特性三】Object 原型、原型链相关方法
此方法为 Object.prototype 原型方法,Object.prototype 作为任意对象在原型链上的顶级原型对象,在 JS 中定义的任意一个对象(自定义对象、数组对象等都可以调用子方法)。**Object.getOwnPropertyNames()**方法返回一个由指定对象的所有自身属性的属性名(包括不可枚举属性但不包括 Symbol 值作为名称的属性)组成的数组。方法会返回一个由一个给定对象的自身可枚举属性组成的数组,数组中属性名的排列顺序和正常循环遍历该对象时返回的顺序一致。
2023-08-30 09:35:41
1547
原创 【ES5新特性二】新增对象属性特性
方法返回指定对象上一个自有属性对应的属性描述符。(自有属性指的是直接赋予该对象的属性,不需要从原型链上进行查找的属性)ES5中定义了一个属性描述符对象(property descriptor),这个对象属性和他们所描述的属性特性是同名的。方法会直接在一个对象上定义一个新属性,或者修改一个对象的现有属性,并返回此对象。方法直接在一个对象上定义新的属性或修改现有属性,并返回该对象。方法用来获取一个对象的所有自身属性的描述符。
2023-08-30 09:30:38
411
原创 【JavaScript高级】继承
传统JS中提供了几种继承的方式:类式继承(原型继承)、构造函数式继承(apply和call方法)、组合式继承(前面两种组合)、寄生式继承(类式继承的优化)、寄生组合式继承(寄生继承和组合继承的结合)它是从已有的类中派生出新的类,新的类能吸收已有类(基类、父类)的数据(特征和行为),并拓展属于自己的新的能力。因为对象属于复杂数据类型,而复杂数据类型的赋值是引用的赋值,跟简单数据类型的赋值是不一样的。在传统的JS中不存在类的概念,我们使用构造函数模拟类,并通过一些方式实现类与类之间的继承。
2023-08-25 08:53:35
297
原创 【JavaScript高级】面向对象编程
要理解面向对象,就要理解什么是 面向过程。原生JavaScipt案例合集JavaScript +DOM基础JavaScript 基础到高级Canvas游戏开发面向过程注重的是解决问题的步骤,利用函数去实现每一步过程,没有类和对象的概念,常见的面向过程的语言 C 语言。面向对象注重使用对象去解决某一个问题,具有类和对象的概念。类是抽象的,注重的是一类的东西,比如说人类、鸟类、猫科等等,从这些类中拿到具体的对象,对象就是一个比较明确的个体,利用这个对象去解决针对性的问题。
2023-08-24 10:35:40
862
原创 【JS交互基础】几个特殊的对象 Global、Window、Arguments、this
每个函数都有一个arguments属性,表示函数的实参集合,这里的实参是重点,就是执行函数时实际传入的参数的集合。浏览器把Global对象作为window对象的一部分实现了,因此,所有的全局属性和函数都是window对象的属性和方法。第三点:在严格的模式下,arguments对象在运行的时候不可以修改,修改arguments对象不会影响到实际的函数参数。第六点:arguments的callee属性可以返回对应的原函数,达到调用自身函数的效果,但是在严格模式中是不适用的。
2023-08-23 09:06:00
584
原创 【JS深层解析】内存
接触过 C 语言的小伙伴应该了解:C语言拥有底层最原始的内存管理办法,例如:malloc() 和 free()方法,它们被开发者用来从操作系统中分配和释放内存。然而在JavaScript这门语言中,当我们创建了一个东西(可以被读写、传递的数据),浏览器中的 js 引擎会根据创建这个东西的数据类型进行内存的分配:基本数据类型在栈区分配内存,引用数据类型在堆区分配内存。当创建的这个东西不再使用时,浏览器会将其“自动”释放,这个过程被称作“垃圾回收”。
2023-08-18 14:43:43
206
hexo实现个人博客网站
2023-08-09
微信小程序之防饿了么点餐系统
2023-03-09
vue3 表格组件封装复用
2023-02-27
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人