m0_75085583的博客

原创 GitHub打不开的解决方案（超简单）

首先，github官网打不开的原因到底是什么。我们会发现，github偶尔可以打开，偶尔打不开，能不能打开似乎全靠运气，其实这都是因为你访问github官网时是直接访问域名即github.com，那么中间有个域名通过DNS解析的过程，将域名解析为对应的ip地址，其实主要时间都是花在了DNS解析上，导致了github有时候能打开，有时候打不开，有时候访问很慢。Tips：大功告成！(也有可能会失败，需亲测)Ctrl+C复制下来，打开电脑的。

原创 注册Github账号详细教程【超详细篇 适合新手入门】

GitHub是一个面向开源及私有软件项目的托管平台，因为只支持Git作为唯一的版本库格式进行托管，故名GitHub。百度百科-验证百度百科是一部内容开放、自由的网络百科全书，旨在创造一个涵盖所有领域知识，服务所有互联网用户的中文知识性百科全书。在这里你可以参与词条编辑，分享贡献你的知识。

原创 零基础，手把手教你本地部署DeepSeek

本地部署成功后，你还可以：1. 通过修改 `config.yaml` 调整模型参数（如温度、生成长度）2. 使用Nginx反向代理实现多实例负载均衡3. 接入微信机器人或Discord Bot开发智能助手。

原创 在vue3项目中利用自定义ref实现防抖

总的来说，这段代码定义了一个名为 `debounceRef` 的函数，利用 `Vue` 中的 `customRef` 函数创建了一个具有防抖功能的自定义引用类型。在实际使用中，通过这个自定义引用类型进行数据读取和更新时，更新操作会按照设定的防抖延迟时间来执行，避免频繁触发更新，适用于一些例如输入框输入内容后延迟搜索等需要防抖的业务场景。

原创 vue3+TS+vite中Echarts的安装与使用以及Echarts组件的封装

技术栈：Vue3+Ts+Vite+Echarts简述：图文详解，教你如何在Vue项目中引入Echarts，封装Echarts组件，并实现常用Echats图列。

原创 重绘 重排(回流) 脱离文档流(脱标)

例如，在一个父元素 position: relative 的容器中，子元素设置 position: absolute，可以通过 top、bottom、left、right 属性来精确控制子元素在父元素中的位置。当DOM的结构发生变化（如元素的添加、删除、位置改变等），浏览器需要重新计算各元素的几何属性（位置和大小），这个过程就叫回流。例如，改变一个盒子的背景颜色，就会触发重绘。是指当元素的外观（如颜色、背景色、边框等）发生改变，但不影响它在文档流中的位置和尺寸时，浏览器对该元素进行重新绘制的过程。

原创 pinia的使用

这就是 Pinia 的基本使用要求，通过合理地定义 store、操作状态，并在组件中使用，可以有效地管理 Vue 应用中的状态。首先，确保你的项目已经安装了 Vue.js（版本 3.x）。如果没有，请先安装 Vue。在你的 Vue 应用中，需要将 Pinia 挂载到 Vue 实例上。

原创 vuex和pinia的区别

1，uex是vue.js的状态管理工具，通过集中式的状态存储、响应式的state、getters、mutations、actions,modules，五个属性和模块化的设计，解决了复杂应用中状态共享和管理的问题2，适用场景:需要集中管理应用状态的场景1，Pinia是vue3的状态管理仓库，是vuex的现代代替方案，提供了更简洁的api和更好的Typescript支持，state ，getters，actions 三个属性1，API和语法特性。

原创 axios三层封装（读这一篇就够了）

第三层封装第一层：把请求中的基路径，超时时间，拦截器等重复代码抽离到request中，遵循restful规范声明4个请求方式只暴露请求地址和请求参数第二层：把所有的请求按照模块进行划分，把请求地址封装起来，把请求参数暴露出来第三层：在vue组件中引入第二层封装，利用async / await 对异步代码同步化。

原创 vue3常用指令

</div> 对象。v-if：利用元素的添加和删除来控制显隐，dom树中不存在,更安全，性能消耗更大，使用场景：适合安全要求较高的场景。<div v-for="(循环项,当前索引） in 列表数据" :key="唯一标识">

原创 webpack+react中问题解决

首先确认我们是否下载了react的依赖，就算在package.json中查看有react依赖，也不一定会好使，所以，我们需要在安装一次依赖：pnpm install react react-dom确保 文件中包含了对 JSX 的正确配置。将此配置打开，这种转换方式允许你在 React 组件中使用 JSX，这样webpack就可以翻译react组件了如果你使用了 Babel 来转译代码，确保安装了 并正确配置了 或 文件：json文件：{ "presets": ["@babel/preset

原创 nest框架（小米官网全栈）

个人观点：实体模块中将数据取到，并放进实体类中输出（export）分别给：一是server用来查找数据，而，server模块查找出来的数据传递给Controller模块进行操作的，二是给总模块的也是就moudul模块的，用来绑定数据结构的，进而传递给总模块，进行数据的检测或者鉴权。

原创 TypeScript

public type: string //任何地方都可以使用private body: boolean = true //只有该类内部可以通过this使用// 如果类里面的成员属性没有初始值，而是通过实例化的时候传入，此时需要使用constructor// 如果类里面的成员属性有初始值，可以不用写constructorreturn `我是${this.type},我会动`//protected修饰符，允许在父类// 人类是动物类的子类/派生类，这里的动物类就是父类/基类/超类。

原创 TypeScript

一个变量可能是A类型也可能是B类型，如果A类型不成立（null或undefined）就是B 类型。类似js中的短路或||声明一个 void 类型的变量没有什么用，因为你只能将它赋值为 1undefined 和 null。例如：Ts是：:给我买一双NIKE 而js是：买一双鞋具体什么鞋没要求是一双鞋，是我能穿上的鞋就行。TypeScript是一种由微软开发的自由和开源的编程语言，是JavaScript的一个超集。把声明的类型变为可选的，可以使用Partial关键字，也可以使用?1，数组类型后面加 [ ]

原创 js中的可选链操作符，空值合并操作符

短路与：&& 找假，a&&b 如果a 为假值则返回a 如果a为真值则判断b如果b是假值，则返回b，如果两边都是真值则返回b。问题：如果中间数据有异常，则会报错，并且还会阻塞后面代码的执行。目的：避免在读取对象属性或者执行方法的时候不报错，通常用短路与。使用短路或|| 但是0 和''是合法有效的数据，也被当成假值。-是一个安全的操作，可以放心使用，确保代码的健壮性。背景：要读取嵌套里的属性或者对象里的方法并执行。

原创 Promise

1，Promise.resolve（）：成功状态的值 then来接收，then有两个回调函数，第一个接受唱成功的值，第二个参数是来接受失败的值。3，Promise.all():处理异步任务的并发(同一时间放生多个异步任务)场景,全部成功才成功，只要有一个不成功就不会成功。4，Promise.any（）:处理异步任务的并发场景，只要有一个成功就成功。Fulfilled(成功状态)：表示异步操作成功完成并返回一个成功的值。2，Promise.rejecet（）：失败状态的值 常用catch接收。

原创 防抖和节流

高频率触发的事件，在指定事件，在指定单位时间内，只响应最后一次，如果在指定的时间内再次触发，则重新计时。防抖类似于英雄回城6秒，如果回城中被打断，再次回城需要在等6秒防抖和节流的使用场景防抖(debounce)1.search搜索时，游湖不断输入值时，用防抖节流（throttle）1.鼠标不断点击触发，mousedown(单位时间内只触发一次)2.监听滚动事件，比如是否滑到底部自动加载更多，用throttle来判断。

原创 原型与原型链

注意：只有函数存在原型属性，如果把方法挂载到实例身上，每次实例化都会开辟新的内存空间，如果使用原型的方式，再把方法挂在到原生身上，则每次实例化不会开辟新的内存空间，并且将方法挂载到实例的本身上打印出来的结果为false，但是如果挂载到原型上就会返回true效果实例共享，所以推荐构造函数中生命属性。都指向Function.prototype，而Function.prototype的constructor指向本身，并且所有的函数都是Function的实例，例如，Object内置对象的.

原创 数组的方法

过滤 筛选 把数组中符合指定条件的数据保留，不符合的数据删掉，返回一个符合指定条件元素组成的新数组 如果没有则返回null 有返回值。slice()截取数组（start，end）取前不取后 截取为索引值，返回被截取的数组，影响原数组,但不会改变原数组。includes()：用来判断数组中书否包含指定的值，返回的是布尔值，如果包含返回true，不包含返回false。向数组的第一个位置添加元素，返回的是新数组的长度，会改变原数组的长度。reverse() 会改变原数组的顺序,颠倒数组中元素的顺序返回新的数组。

原创 DOM基础和DOM基础操作

原创 运用字面量构造函数的题

document.write(year + '年' + moth+'月'+date+'日'+'星期'+day + '班级总成绩'+zF+'平均分'+pJf);1、显示打印的日期。格式为类似“XXXX年XX月XX日 星期X” 的当前的时间。-- 作业2-某班的成绩出来了，现在老师要把班级的成绩打印出来。XXXX年XX月X日 星期X--班级总分为:81。// 通过k可以获取遍历过程中的属性值。2、计算出该班级的平均分（保留整数）。

原创 制作一个函数，getDayNum( 年月日日期 )，可以返回指定日期是当前年的第几天，getDayNum( “2019-1-2”) 返回值为：2

/ 因为会出现小数所以用 Math.floor 向下取整。// console.log(day + '天');// 将获取的时间的毫秒数进行处理得到天数。// function fn（形参）return day + '天';// 输入的值fn（实参）；// 获取现在的时间。获取指定时间：时间对象。

原创 前端之js部分 纯干货

原创 前端之js部分

原创 前端之css部分 纯干货

原创 前端思维导图之HTML部分 纯干货

原创 wow.j(shttps://animate.style/):地址 animate动画效果

以此图为例，div class="row clerfloat" 是要有动画的大盒子 因此我们提前命名，方便我们找到，第二个div 则是animate动画的效果 给到盒子 ，让盒子来控制照片的显示效果。这里我们的效果是，让此盒子向右弹出，后面的属性依次是 动画样式 延时时间 占用空间位置 延时0.1秒 动画名称。最后要引入 wow.css的包，和wow.js的包，在本人主页的swiper的使用规范里有压缩包。右侧是你所选中的动画，可以复制拿来直接运用到 类名里。左侧显示你选中的动画样式的效果预览。

原创 swiperjs动画轮播使用规范及方法

点击在线演示，里面有很多样式可供选择，选择自己喜欢的或者样式满意的进行操作。复制代码红色区域代码复制到你需要轮播的地方。右键此页面，点击查看页面源代码。右侧画框位置点击在新窗口打开。比如：我选择的是按钮切换。

原创 重生之深度学习web前端第十一天（实现用户信息的删除与修改）

查询所有用户信息</a><a href="register.jsp">注册

原创 重生之深度学习web前端(前端页面公告区与后端进行动态交互)第十天

4、我们可以在登录的servlet里面调用查询所有类型的方法，然后把查询出来的数据存储在作用域中，跳转到首页后。6、使用核心标签库里面的foreach标签，把之前存储在作用域当中的数据循环迭代显示出来。4.在servlet中调用方法，把查询出来的数据，存储在session作用域中。5、在页面的公告栏中，通过使用jstl标签库中的核心标签库。2、创建类型的接口，在接口中定义查询所有类型的方法。3、在接口的实现类中，实现这个查询所有类型的方法。2.创建内容的接口，根据类型查询所属的内容方法。

原创 重生之深度学习web前端（注册事件绑定数据库）第九天

账号:账号:密码:密码:

原创 重生之深度学习WEB前端补充第八天的

- get 与post的区别 明文密文 get请求当点击登录的时候我们当前的form表单数据（账号密码以及信息）全部会呈现在url地址栏中，明文-->6.在servlet中处理登录的业务逻辑(根据页面的请求方式，在servlet对应的方法中实现，get请求==》doget,post==>dopost。-- post请求 是密文当我点击登录请求login端口时在url上面是看不见所请求的form表单数据的 -->//2.获取页面表单中提交的数据,把页面传递过来的用户名和密码获取到了。

原创 重生之深度学习WEB前端（前后端的交互）第八天

6.在servlet中处理登录的业务逻辑(根据页面的请求方式，在servlet对应的方法中实现，get请求==》doget,post==>dopost。5.创建servlet,servlet中的地址与页面提交表单的地址，要是一样的。4.创建用户接口的实现类，实现用户接口，实现接口中的登录方法。6.3调用登录方法，把获取到的参数（账号和密码）传递到方法中。登录失败后，页面跳转到登录页面，继续登录)3.创建用户接口，在接口中定义登录的方法。如果用户对象不为空意味着登录成功。登录成功后，页面跳转进首页。

原创 重生之深度学习WEB前端(EClipc与数据进行连接)第七天

/导包的时候注意,导入 .sql包下面的connection。// 2.通过驱动管理器里面的getConnection方法来获取数据库的连接对象。// 定义三个常量(数据库连接字符串，账号，密码)//不为空关闭数据库连接。* @param conn 数据库连接对象。// 定义数据库连接对象connection。//1.判断数据库连接对象是否为空。// 1. 加载数据库驱动。* 获取数据库连接的方法。/**关闭数据库的方法。

原创 重生之深度学习web前端(后端知识)第六天

insert into content VALUES(null,2,'9月22日正式服版本更新公告','2022:09:20 21:05:50');insert into content VALUES(null,3,'9月22日正式服版本更新公告','2022:09:20 21:05:50');-- select *（这个*代表所有的表中字段），如果你只是查表中某个字段，这里就写某个字段 from 表名 查询表中的所有数据。

原创 重生之深度学习web前端第五天

最后图片部分先在html中使盒子呈现如图布局，然后再进行微调下部的图片也是运用了无序列表以及等距分布(flex:1;上部的logo运用偏移属性bacakground-postion：标题运用了弹性布局使两个盒子左右分布。上部的logo运用偏移属性bacakground-postion：标题运用了弹性布局使两个盒子左右分布。最后，底部的照片和文字是在一个盒子里，并且还是要运用了无序列表以及超出盒子宽度自动换行的属性(左侧部分：和右侧原理一样，但在cs里需要引入一张图片并且需要调整照片大小。

原创 重生之我要深度学习web前端第四天

，相对定位(position: relative;)，绝对定位( position: absolute;在cs部分运用偏移属性(background-position;)将每个图片进行偏移到每个对应的小盒子里；偏移属性：( background-position:);在侧边悬浮中有：hover属性当鼠标移入之后显示的效果。/* 移入之后所替换的图片 */在图片的选取中也是运用了cs的偏移属性。/* 替换的照片的偏移量 *//* 移入之后鼠标变小手 */1 下载部分：(注意：细节微调)

原创 重生之我要深度学习前端第三天

里面嵌套ul li 无序列表 一个li对应一个板块 里面在嵌套一个ul li；公告部分： div class="infos slideTextBox"设置公共样式随后给每个spans的类名加颜色以及和边框的颜色。核心部分：标签（section id=“core”）li里每一个都有一个标题 class=“title”标题部分：class=”titles hd“内容部分： class=“list”list ul：color ：灰色；/*超出部分用......来代替*/上边部分是图片，下边部分是标题；

原创 重生之我开始深度学习前端了第二天

background: rgba(0,0,0,0.8) , 字体颜色。// 列表风格取消掉。左: 宽高42 外面的圆圈 border-redius : 42。导航区:无序列表ul,li li中用p标签一个放中文一个放英文。logo区域: 距离左边有一定距离 距离顶部一定距离。里面那层: 宽 高 距离顶部有一定的距离 弹性布局。

原创 重生之我开始深度学习前端了第一天

谢谢各位的观看 留一个免费的小心心吧