m0_64378422的博客

原创 flexgrid--refresh：画出grid

刷新 FlexGrid 的显示。→ 是否进行完整刷新（布局+内容），还是仅刷新内容。

原创 Uncaught TypeError: Failed to resolve module specifier “@mescius/wijmo.grid“. Relative references mu

如果你要保留这种写法，就必须用 Vite/Webpack 这类打包工具来跑，浏览器不能直接识别。如果你要在浏览器直接打开 HTML 而不打包，那就改成<script>标签引入 Wijmo 提供的 UMD 脚本，然后用全局变量。我建议用Vite，这样你的 ES Module 代码可以原封不动跑，Wijmo 也能正常导入。要我帮你把你这个项目改成 Vite 项目，并且直接跑起来显示data.json吗？这样可以继续用import写法，不用改成<script>标签方式。

原创 Wjimo -- Api

提供当前项管理、排序、筛选、分组功能。：支持编辑操作，如添加、删除、修改项。：提供分页功能。要使用类，请首先声明它并将常规数组作为数据源传递。然后使用filter和pageSize属性配置视图。最后，使用项目访问视图 财产。例如。

原创 TypeScript--装饰器

20151⃣类装饰器2⃣属性装饰器3⃣方法装饰器4⃣访问器装饰器5⃣参数装饰器备注：虽然中可以直接使用**类装饰器**，但为了确保其他装饰器可用，现阶段使用时，仍建议使用配置来开启装饰器支持，而且不排除在未来的版本中，官方会装饰器的相关语法！

原创 Typescript速通教程

2.有漏洞的逻辑3. 访问不存在的属性4. 低级的拼写错误3.静态类型检查在代码运⾏前进⾏检查,发现代码的错误或不合理之处,减⼩运⾏时出现异常的⼏率,此种检 查叫『静态类型检查』,TypeScript 和核⼼就是『静态类型检查』,简⾔之就是把运⾏时的 错误前置同样的功能,TypeScript 的代码量要⼤于 JavaScript,但由于 TypeScript 的代码结构更加 清晰,在后期代码的维护中 TypeScript 却胜于 JavaScript三、编译 TypeScript1.

原创 grid布局

直接用grp: 20px 30px;

原创 JavaScript的字符串的常用方法

【代码】JavaScript的字符串的常用方法。

原创 this指向的总结

【代码】this指向的总结。

原创 如何直接找到定位父级--offsetParent

offsetTop为只读属性，它返回当前元素相对于其 offsetParent 元素的顶部内边距的距离。上面提到的内边距，即不包括offsetParent元素边框的长度。我们再来看下是一个只读属性，返回一个指向最近的（指包含层级上的最近）包含该元素的定位元素或者最近的 table, td, th, body 元素。当元素的 style.display 设置为 “none” 时，offsetParent 返回 null。

原创 JavaScript的es6类的写法class面向对象

原创 JavaScript任务队列--宏任务与微任务详解

宏任务和微任务是 JavaScript 异步执行机制的核心组成部分。它们之间的调度顺序直接影响着代码的执行结果和性能优化。通过合理地使用这两种任务类型，开发者可以创建出高效、流畅的用户界面，并确保异步操作按预期执行。希望通过本文，你能更深入地理解宏任务和微任务在 JavaScript 中的运作机制，并在实际项目中充分利用这些知识来提升代码性能和可维护性。

原创 JavaScript的常用数组方法

【代码】JavaScript的常用数组方法。

原创 js的继承方式及优缺点（原型、原型链）

这两者有什么区别呢？Object.create(Parent.prototype) 创造了一个空对象，这个空对象的__proto__ 是 Parent.prototype。我们不再调用 Parent() 构造函数，因此 Child.prototype 不再包含 Parent 的属性和方法。按理来说，child 类继承了 parent 类，因此 child 实例化的对象也得有 a 属性，但 console.log(child1.a) 之后可以看出，child1.a 是 undefined。

原创 flex布局

不设置宽高，弹性盒子会自动填满弹性容器。

原创 如何在VSCode中更换默认浏览器

作为前端开发者，我们经常需要在VSCode中快速预览HTML文件。默认情况下，VSCode会使用系统默认浏览器打开文件，但有时我们可能需要切换到其他浏览器进行测试。本文将详细介绍如何在VSCode中更换默认浏览器。

原创 java线程池

在Java线程池中，任务超时是一个常见的问题，当任务执行时间过长或者任务出现阻塞时，可能会导致整个系统的性能下降或者系统崩溃。因此，在实际应用中，我们需要对任务的执行时间进行控制，及时释放资源和清理垃圾数据，以确保系统的稳定性和可用性。

原创 因为什么内部类用static修饰

如果内部类不需要访问外部类的实例成员，使用static可以使内部类变成一个静态嵌套类，这会让它独立于外部类的实例，避免了创建外部类实例的开销。如果内部类需要访问外部类的实例成员（字段、方法等），则需要使用非静态内部类（即不加static。

原创 分布式专题

一：分布式事务1、理论基础分布式事务主要区分本地事务什么是本地事务（Local Transaction）？本地事务也称为数据库事务或传统事务（相对于分布式事务而言）。尤其对于数据库而言，为了数据安全，提供了以下的几个步骤来完成本地事务的提交以及回滚。其具备ACID四特性。分布式事务是指组成事务的参与者，每个业务部分都分别部署在不同的服务器上。在微服务架构中多个节点的协调工作必须保持原子性，多个节点的逻辑必须同时成功或者同时失败。不能出现部分节点成功，部分失败的情况。一次大的操作由不同的小

原创 JavaScript 进阶（下）

如果是简单数据类型拷贝值，引用数据类型拷贝的是地址 (简单理解： 如果是单层对象，没问题，如果有多层就有问题)了解函数中 this 在不同场景下的默认值，知道动态指定函数 this 值的方法。// 该箭头函数中的 this 与 sleep 中的 this 一致。// 该箭头函数中的 this 为函数声明环境中 this 一致。// 该箭头函数中的 this 为函数声明环境中 this 一致。// oldObj[k] ['乒乓球', '足球']// // k 属性名 oldObj[k] 属性值。

原创 火绒（显示病毒HEUR:Trojan/AvKiller.c），误删explore.exe，导致电脑白屏，解决方法

对，就是火绒导致的，如果按照操作依然黑/白屏，直接找到火绒安装目录打开火绒在右上角设置区找到隔离区里把explorer全部恢复，然后根据提示加到白名单，最后关闭程序后重启或者直接用cmd打开explorer就会好。桌面程序explore.exe被火绒当病毒清理了。

原创 JavaScript 进阶（中）

JavaScript 进阶 - 第2天笔记了解面向对象编程的基础概念及构造函数的作用，体会 JavaScript 一切皆对象的语言特征，掌握常见的对象属性和方法的使用。了解面向对象编程中的一般概念能够基于构造函数创建对象理解 JavaScript 中一切皆对象的语言特征理解引用对象类型值存储的的特征掌握包装类型对象常见方法的使用深入对象了解面向对象的基础概念，能够利用构造函数创建对象。构造函数构造函数是专门用于创建对象的函数，如果一个函数使用 new 关键字调用，那么这个函数

原创 JavaScript进阶上

学习作用域、变量提升、闭包等语言特征，加深对 JavaScript 的理解，掌握变量赋值、函数声明的简洁语法，降低代码的冗余度。

原创 分布式搜索引擎03

默认的拼音分词器会将每个汉字单独分为拼音，而我们希望的是每个词条形成一组拼音，需要对拼音分词器做个性化定制，形成自定义分词器。character filters：在tokenizer之前对文本进行处理。例如删除字符、替换字符tokenizer：将文本按照一定的规则切割成词条（term）。例如keyword，就是不分词；还有ik_smarttokenizer filter：将tokenizer输出的词条做进一步处理。

原创 分布式搜索引擎02

match和multi_match的区别是什么？match：根据一个字段查询multi_match：根据多个字段查询，参与查询字段越多，查询性能越差精确查询常见的有哪些？term查询：根据词条精确匹配，一般搜索keyword类型、数值类型、布尔类型、日期类型字段range查询：根据数值范围查询，可以是数值、日期的范围query：查询条件from和size：分页条件sort：排序条件highlight：高亮条件。

原创 分布式搜索引擎02

match和multi_match的区别是什么？match：根据一个字段查询multi_match：根据多个字段查询，参与查询字段越多，查询性能越差精确查询常见的有哪些？term查询：根据词条精确匹配，一般搜索keyword类型、数值类型、布尔类型、日期类型字段range查询：根据数值范围查询，可以是数值、日期的范围query：查询条件from和size：分页条件sort：排序条件highlight：高亮条件。

原创 分布式搜索引擎01

elasticsearch基础

原创 RabbitMQ

基本消息队列的消息发送流程：建立connection创建channel利用channel声明队列利用channel向队列发送消息基本消息队列的消息接收流程：建立connection创建channel利用channel声明队列定义consumer的消费行为handleDelivery()利用channel将消费者与队列绑定多个消费者绑定到一个队列，同一条消息只会被一个消费者处理通过设置prefetch来控制消费者预取的消息数量交换机的作用是什么？接收publisher发送的消息。

原创 RabbitMQ部署指南

我们在Centos7虚拟机中使用Docker来安装。

原创 Docker实用篇

*数据卷（volume）**是一个虚拟目录，指向宿主机文件系统中的某个目录。一旦完成数据卷挂载，对容器的一切操作都会作用在数据卷对应的宿主机目录了。这样，我们操作宿主机的/var/lib/docker/volumes/html目录，就等于操作容器内的/usr/share/nginx/html目录了常见的镜像在DockerHub就能找到，但是我们自己写的项目就必须自己构建镜像了。而要自定义镜像，就必须先了解镜像的结构才行。

原创 nacos集群搭建

nacos

原创 Centos7安装Docker

安装Docker

原创 SpringCloud实用篇02

使用Feign的步骤：① 引入依赖② 添加@EnableFeignClients注解③ 编写FeignClient接口④ 使用FeignClient中定义的方法代替RestTemplate类型作用说明修改日志级别包含四种不同的级别：NONE、BASIC、HEADERS、FULL响应结果的解析器http远程调用的结果做解析，例如解析json字符串为java对象请求参数编码将请求参数编码，便于通过http请求发送支持的注解格式默认是SpringMVC的注解失败重试机制。

原创 SpringCloud01

单体架构：简单方便，高度耦合，扩展性差，适合小型项目。例如：学生管理系统分布式架构：松耦合，扩展性好，但架构复杂，难度大。适合大型互联网项目，例如：京东、淘宝微服务：一种良好的分布式架构方案①优点：拆分粒度更小、服务更独立、耦合度更低②缺点：架构非常复杂，运维、监控、部署难度提高SpringCloud是微服务架构的一站式解决方案，集成了各种优秀微服务功能组件SpringCloudRibbon的底层采用了一个拦截器，拦截了RestTemplate发出的请求，对地址做了修改。

原创 redis实战篇03

* 附近的商户我们利用Redis的GEOHash来完成对于地理坐标的操作* UV统计主要是使用Redis来完成统计功能* 用户签到使用Redis的BitMap数据统计功能* 好友关注基于Set集合的关注、取消关注，共同关注等等功能，这一块知识咱们之前就讲过，这次我们在项目中来使用一下* 打人探店基于List来完成点赞列表的操作，同时基于SortedSet来完成点赞的排行榜功能

原创 redis实战篇（2）

通过本章节，我们可以学会Redis的计数器功能，互斥锁，悲观锁，乐观锁， 结合Lua完成高性能的redis操作，同时学会Redis分布式锁的原理，包括Redis的三种消息队列

原创 Redis实战篇（1）

短信登录这一块我们会使用redis共享session来实现商户查询缓存通过本章节，我们会理解缓存击穿，缓存穿透，缓存雪崩等问题，让小伙伴的对于这些概念的理解不仅仅是停留在概念上，更是能在代码中看到对应的内容

原创 Redis基础篇

reids基础语法和使用

原创 苍穹外卖-day11

- Apache ECharts- 营业额统计- 用户统计- 订单统计- 销量排名Top10

原创 苍穹外卖-day10

- Spring Task- 订单状态定时处理- WebSocket- 来单提醒- 客户催单

原创 苍穹外卖-day09

用户端历史订单模块商家端订单管理模块