- 博客(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 3.0 组合式API Setup
vue3中的setup语法糖的用处和一些方式,在setup内部可以使用this吗?在 setup() 内部,this 不会是该活跃实例的引用,因为 setup() 是在解析其它组件选项之前被调用的,所以 setup() 内部的 this 的行为与其它选项中的 this 完全不同。这在和其它选项式 API 一起使用 setup() 时可能会导致混淆。
2023-12-02 00:26:48
187
原创 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
原创 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
原创 Sass基础知识详细讲解【附带表图】
Sass的命名约定和一些输出样式,以及一些缓存,还有语法上的操作,以及一些混入指令和输出指令,控制指令和表达式
2023-11-27 13:51:11
919
3
原创 Sass 安装
Sass怎么安装,系统要求操作系统:跨平台浏览器支持: IE(Internet Explorer 8+),Firefox,Google Chrome,Safari,Opera编程语言: Ruby
2023-11-27 13:17:00
398
原创 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基础知识之【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
vue2面试题一百问,所有的问题,你的面试我帮你,被最少的题学最精炼的知识
2023-11-14
基于vueuse的api实现的虚拟滚动和无限滚动列表
2023-11-10
vue3+ts+vite4开发的弹出层组件
2023-11-10
仿element plus实现的MEssage信息提示的组件
2023-11-10
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅