自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

努力的鋜

一起努力

  • 博客(214)
  • 收藏
  • 关注

原创 TypeScript 变量声明详细教程

ts中变量声明用什么?var还是let还是const?let和const的区别?const的值可以修改吗?let 的值可以重新定义吗?var的值可以重新定义吗?怎么防止变量的命名污染

2023-12-02 21:11:50 239

原创 TypeScript 基础类型详细教程

ts的基础数据类型有时候你会遇到这样的情况,你会比TypeScript更了解某个值的详细信息。 通常这会发生在你清楚地知道一个实体具有比它现有类型更确切的类型。通过类型断言这种方式可以告诉编译器,“相信我,我知道自己在干什么”。 类型断言好比其它语言里的类型转换,但是不进行特殊的数据检查和解构。 它没有运行时的影响,只是在编译阶段起作用。 TypeScript会假设你,程序员,已经进行了必须的检查。never类型表示的是那些永不存在的值的类型。 例如, never类型是那些总是会抛出异常或根本就不会有返

2023-12-02 18:20:32 146

原创 在vue中如何书写 SSR 友好的代码

vue项目中ssr的一些问题和解决方案,如何对于vue项目中写出友好的ssr的项目

2023-12-02 00:48:52 211

原创 Vue 3.0 服务端渲染

Vue中怎么实现ssr SSR是什么?怎么实现,怎么调试。

2023-12-02 00:43:39 444

原创 Vue 3.0 组合式API 生命周期钩子

vue3的组合式api的生命周期钩子 和一些配置项钩子生命周期函数的使用

2023-12-02 00:34:24 133

原创 Vue 3.0 组合式API Setup

vue3中的setup语法糖的用处和一些方式,在setup内部可以使用this吗?在 setup() 内部,this 不会是该活跃实例的引用,因为 setup() 是在解析其它组件选项之前被调用的,所以 setup() 内部的 this 的行为与其它选项中的 this 完全不同。这在和其它选项式 API 一起使用 setup() 时可能会导致混淆。

2023-12-02 00:26:48 187

原创 Vue3中的组合式API的详细教程和介绍

VUE3中的组合式API的介绍和一些传值 一些使用方式

2023-12-01 23:55:44 443

原创 Vue 3.0 响应式 计算和侦听

Vue3中的watch和watchEffect的区别?以及vue3中如何监听多个数据

2023-12-01 23:35:39 180

原创 Vue 3.0 响应性 基础

Vue中如何定义响应式对象reactive 相当于 Vue 2.x 中的 Vue.observable() API ,为避免与 RxJS 中的 observables 混淆因此对其重命名。该 API 返回一个响应式的对象状态。该响应式转换是“深度转换”——它会影响嵌套对象传递的所有 property。Vue 中响应式状态的基本用例是我们可以在渲染期间使用它。因为依赖跟踪的关系,当响应式状态改变时视图会自动更新。这就是 Vue 响应性系统的本质。当从组件中的 data() 返回一个对象时,它在内部交由

2023-12-01 23:26:24 179

原创 Vue 3.0 响应性 深入响应性原理

vue3.0响应式原理的实现以及proxy的一些优势 相对于vue2每个组件实例都有一个相应的侦听器实例,该实例将在组件渲染期间把“触碰”的所有 property 记录为依赖项。之后,当触发依赖项的 setter 时,它会通知侦听器,从而使得组件重新渲染。将对象作为数据传递给组件实例时,Vue 会将其转换为 Proxy。这个 Proxy 使 Vue 能够在 property 被访问或修改时执行依赖项跟踪和更改通知。每个 property 都被视为一个依赖项。首次渲染后,组件将跟踪一组依赖列表——即在渲染

2023-12-01 21:04:48 290

原创 推荐几个vue3开源二次封装框架【收藏起来以后一定用的到】

vue3的开源项目 单页面应用项目,移动端项目,适配移动端 响应式布局,还有一些h5的商城项目,github上,建议收藏

2023-12-01 14:30:03 1728

原创 使用canvas实现代码雨高级升阶版【附带源码和使用方法】

canvas实现代码雨 和 飘散雪花实现多个效果的js代码,放心使用

2023-11-30 22:14:41 275

原创 Webpack的ts的配置详细教程

webpack中如何配置ts相关的文件的适配和一些ts相关的配置 在webpack.json中怎么配置

2023-11-30 22:06:22 666

原创 Webpack ECMAScript 模块

默认情况下,webpack 将自动检测文件是 ESM 还是其他模块系统。Node.js 通过设置 package.json 中的属性来显式设置文件模块类型。 在 package.json 中设置 "type": "module" 会强制 package.json 下的所有文件使用 ECMAScript 模块。 设置 ​"type": "commonjs"​ 将会强制使用 CommonJS 模块。

2023-11-30 17:24:20 244

原创 Webpack 懒加载

代码分离 中的例子基础上,进一步做些调整来说明这个概念。那里的代码确实会在脚本运行的时候产生一个分离的代码块 lodash.bundle.js ,在技术概念上“懒加载”它。问题是加载这个包并不需要用户的交互 - 意思是每次加载页面的时候都会请求它。这样做并没有对我们有很多帮助,还会对性能产生负面影响。我们试试不同的做法。我们增加一个交互,当用户点击按钮的时候用 console 打印一些文字。但是会等到第一次交互的时候再加载那个代码块(print.js)。为此,我们返回到代码分离的例子中,把 lodash

2023-11-30 11:05:28 148

原创 Webpack 生产环境

webpackCLI 替代选项上述许多选项都可以通过命令行参数进行设置。例如, ​optimize-minimize​ 可以使用 ​--optimization-minimize​ 进行设置,mode 可以使用 ​--mode​ 进行设置。运行 ​npx webpack --help=verbose​ 可以查看所有关于 CLI 的可用参数。虽然这种简写方式很有用处,但我们还是建议通过 webpack 配置文件的方式进行使用,这样可以提高可配置能力。

2023-11-30 10:38:06 254

原创 webpack开发环境

webpack的开发模式的watch mode你可以指示 webpack "watch" 依赖图中所有文件的更改。如果其中一个文件被更新,代码将被重新编译,所以你不必再去手动运行整个构建。我们添加一个用于启动 webpack watch mode 的 npm scripts:

2023-11-30 09:37:47 326

原创 MySQL分页查询方法及优化

关于数据表的id说明一般情况下,在数据库中建立表的时候,每一张表强制添加 id 递增字段,这样更方便我们查询数据。如果数据量很大,比如像订单这类,一般会推荐进行分库分表。这个时候 id 就不建议作为唯一标识了,而应该使用分布式的高并发唯一 id 生成器来生成,并在数据表中使用另外的字段来存储这个唯一标识。首先使用范围查询定位 id (或者索引),然后再使用索引进行定位数据,即先 select id,然后在 select *;这样查询的速度将会提升好几倍。

2023-11-29 21:00:37 291

原创 MySQL交集和差集的实现方法

Mysql中如何实现交集和差集的实现方式 和一些union all和union的区别UNION和UNION ALL的功能都是将两个结果集合并为一个,但是这两个关键字不管从使用还是效率上来说,都是有一定区别的。使用上:1、对重复结果的处理:UNION在进行表链接后会筛选掉重复的记录,而Union All则不会去除重复记录。2、对排序的处理:Union将会按照字段的顺序进行排序;UNION ALL只是将两个结果合并后就返回,并不会进行排序处理。效率上:从效率上说,UNION ALL的处理

2023-11-29 20:41:48 611

原创 某东大厂面试js手写题【手写代码附带注释,放心食用,博主亲测】

某东大厂面试手写js题,大家赶紧卷起来,博主亲测两个多小时前端正常八股文 以及一些手写题,不算很难但是有扩展。手写订阅发布,手写reduce,手写push,手写节流

2023-11-28 22:50:45 514

原创 ts中的类型定义的详细使用教程

ts的原始数据类型 有哪些,ts中的一些特殊数据类型 和一些断言 一些泛型的使用方式

2023-11-28 17:47:58 1288

原创 js手写面试题【附带注释】

js的手写 数组方法原生,手写订阅发布,附带代码注释

2023-11-28 12:07:48 504

原创 Sass基础知识详细讲解【附带表图】

Sass的命名约定和一些输出样式,以及一些缓存,还有语法上的操作,以及一些混入指令和输出指令,控制指令和表达式

2023-11-27 13:51:11 919 3

原创 Sass 语法详细介绍

Sass的语法怎么使用?使用的一些方式和一些弊端

2023-11-27 13:22:06 618

原创 Sass 安装

Sass怎么安装,系统要求操作系统:跨平台浏览器支持: IE(Internet Explorer 8+),Firefox,Google Chrome,Safari,Opera编程语言: Ruby

2023-11-27 13:17:00 398

原创 Sass中如何使用选择器继承来精简CSS详细教程

SASS中如何使用选择器来继承css样式 ,sass继承的工作细节,sass的继承的高级用法

2023-11-27 12:36:47 348

原创 Sass混合器的详细使用教程

SASS的混合器如何使用?SASS混合器中的规则,如何给混合器传参,默认参数传值如何穿

2023-11-27 12:30:30 447

原创 Less 安装教程

Less如何安装,less如何转译为css

2023-11-26 22:50:24 854

原创 Less的函数的介绍

Less中的函数怎么使用?

2023-11-26 22:45:33 791

原创 Less 嵌套规则

Less的嵌套规则,怎么嵌套,怎么输出

2023-11-26 22:43:06 690

原创 SASS的导入文件详细教程

SASS如何导入,默认的变量值,嵌套导入如何做?

2023-11-26 21:02:57 857

原创 Sass的嵌套CSS 规则详细教程

SASS中的父选择器的标识符&,SASS中的群组选择器的嵌套,SASS中的子组合选择器和同层组合选择器:>、+和~,SASS中的嵌套属性

2023-11-26 20:35:39 550

原创 MYSQL基础知识之【索引】

MYSQL中使用 ALTER 命令添加和删除主键,MYSQL中显示索引信息创建索引时,你需要确保该索引是应用在 SQL 查询语句的条件(一般作为 WHERE 子句的条件)。实际上,索引也是一张表,该表保存了主键与索引字段,并指向实体表的记录。上面都在说使用索引的好处,但过多的使用索引将会造成滥用。因此索引也会有它的缺点:虽然索引大大提高了查询速度,同时却会降低更新表的速度,如对表进行INSERT、UPDATE和DELETE。因为更新表时,MySQL不仅要保存数据,还要保存一下索引文件。

2023-11-26 20:21:40 127

原创 MYSQL基础知识之【ALERT】

MYSQL如何用alert来删除,添加或修改表字段,mysql修改修改字段类型及名称,MYSQL中ALTER TABLE 对 Null 值和默认值的影响,MYSQL中修改字段默认值

2023-11-26 19:50:50 935

原创 MYSQL基础之【正则表达式,事务处理】

MYSQL中的正则表达怎么使用?事务处理怎么处理

2023-11-26 19:45:23 273

原创 MYSQL基础知识之【LIKE子句的使用 ,NULL值的处理,空值的处理】

MYQSL中的LIKE子句的使用方式,以及MYSQL如何对NULL空值处理

2023-11-26 19:35:47 766 3

原创 The TypeScript Compiler - Version 5.2.2,tsc -w无效怎么办?

tsc -w执行完了报错,无效,怎么解决,The TypeScript Compiler - Version 5.2.2

2023-11-26 15:49:12 499

原创 React中通过children prop或者React.memo来优化子组件渲染【react性能优化】

react性能优化:React中通过children prop或者React.memo来优化子组件渲染,react中的父组件更新子组件重新渲染的问题的解决

2023-11-26 15:26:15 669 2

原创 Sass基础知识之【变量】

Sass的变量的定义,变量的声明,变量的引用,变量名中用中划线还是下划线,这一些定义

2023-11-25 20:08:31 736

原创 CSS3媒体查询实现不同宽度的下不同内容的展示

CSS3媒体查询实现不同宽度的下不同内容的展示

2023-11-25 19:35:34 568

vue2面试题一百问,所有的问题,你的面试我帮你,被最少的题学最精炼的知识

1.简述一下你对Vue的理解 2.声明式和命令式编程概念的理解3.Vue 有哪些基本特征 4.vue之防止页面加载时看到花括号解决方案有哪几种? 5.Vue中v-for与v-if能否起使用? 6.vue中v-if与v-show的区别以及使用场景 7.v-on可以监听多个方法吗 8.v-on绑定的修饰符有哪些? v-model绑定的修饰符有哪些? 9.Vue中动态样式绑定的方式有哪? 10.Vue能否通过下标的方式进行数组的响应式数据的修改? Vue能否通过路径的方式进行对象的响应式数据的修改?为什么? 11.如果后台接口返回的循环数据没有唯一值,在v-for循环中如何设置key? 12.为什么在-HTML-中监听事件? 13.vue中methods、watchcomputed之间的差别对比以及适用场景 14.computed属性计算函数能否传递参数? 15.Vue实例中最为重要的三大部分是什么? 16.组件在定义与使用的时候一般需要注意哪些细节? 17.Vue中如何实现块状内容的输出? 组件间的关系类型有哪几种?有哪些方式可以实现组件之间的数据传递操作?

2023-11-14

基于vueuse的api实现的虚拟滚动和无限滚动列表

博主在使用 Vue 3 和 Vite 4 构建的项目中,基于 vueuse 提供的丰富 API,成功实现了虚拟滚动和无限滚动列表的功能,这一成果充分展现了博主在前端开发领域的深厚技术功底和创新能力。 首先,博主通过充分利用 vueuse 提供的 API,巧妙地实现了虚拟滚动列表功能。虚拟滚动列表可以在处理大量数据时显著提升页面性能,同时也能够保持页面的流畅交互体验。通过 vueuse 的支持,博主成功地将虚拟滚动列表应用到项目中,为用户带来了更加高效和顺畅的数据展示和交互体验。 除了虚拟滚动列表,博主还借助 vueuse 提供的强大 API,实现了无限滚动列表功能。无限滚动列表可以让用户在滚动页面时动态加载新的数据,从而实现一种无限加载的效果,为用户提供了更加流畅和自然的浏览体验。通过巧妙地结合 vueuse 的 API,博主成功地将无限滚动列表集成到项目中,为用户带来了更加便捷和高效的数据查看和浏览方式。 在技术实现方面,博主充分发挥了 Vue 3 的 Composition API 和 Vite 4 的现代开发环境的优势,结合 vueuse 提供的丰富 API,高效地实现了虚

2023-11-10

vue3+ts+vite4开发的弹出层组件

在基于 Vue 3、TypeScript 和 Vite 4 的开发环境中,博主成功开发了一个弹出层组件,该组件不仅支持设置动画时间参数,还具备动态插槽的强大功能。这样的组件设计和实现充分展现了博主对于前端开发技术的深刻理解和丰富经验的积累。 首先,博主通过精心的设计和实现,在弹出层组件中引入了动画时间参数的设置功能。通过这一设计,用户可以根据实际需求自由调整弹出层动画的时长,从而在提升用户体验的同时,也充分考虑了页面性能和流畅度的平衡。这种贴心的设计理念让用户能够更加自由地控制弹出层动画的表现,为用户带来更加流畅和自然的交互体验。 除了动画时间参数,博主还在弹出层组件中加入了动态插槽的支持。这一功能的引入使得组件具有更高的灵活性和扩展性,用户可以根据自己的需求自由地在弹出层中插入不同的内容,从而实现更加丰富多样的页面展示效果。动态插槽的引入不仅提升了组件的复用性,同时也赋予了用户更多的自定义空间,使得组件的应用范围更加广泛和灵活。 在技术实现方面,博主充分利用了 Vue 3 的 Composition API 和 TypeScript 的类型系统,有效管理组件内部状态,并提供类型

2023-11-10

仿element plus实现的MEssage信息提示的组件

博主在使用 TypeScript、Vue 3 和 Vite 搭建的项目中,深入研究并成功实现了类似 Element Plus 中的 Message 信息提示功能,该自定义消息提示组件具有丰富的特性。首先,博主通过精心设计和开发,在消息提示组件中加入了三种色彩展示,分别对应正确的信息提示、失败的信息提示和警告的信息提示,以及普通信息提示。这样的设计使得用户在接收不同类型的消息时能够一目了然地识别消息的重要程度,从而更好地处理相应的情况。 除了色彩展示外,博主还考虑到了用户对消息展示时间的需求,通过传递参数的方式,使得消息提示的展示时间可以自由设定。这种设计理念体现了博主对用户体验的关注,用户可以根据实际场景调整消息展示时间,从而更好地平衡提示信息的传达和页面干扰的关系。 在技术实现方面,博主充分利用了 Vue 3 的新特性,采用 Composition API 来管理组件内部的状态和生命周期,结合 TypeScript 的类型系统,使得消息提示组件的代码更加健壮和可维护。同时,利用 Vite 提供的现代化开发环境,博主得以高效地进行开发和调试,享受到了热更新等诸多优势,大大提升了开发

2023-11-10

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除