自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(270)
  • 问答 (4)
  • 收藏
  • 关注

原创 TreeSize:免费的磁盘清理与管理神器,解决C盘爆满的燃眉之急

假如你买了一台新电脑,随着时间的推移,你注意到电脑启动变慢,程序响应也不如以前迅速,打开“我的电脑”,发现C盘的可用空间已经低于10%。那么不用怀疑,就是因为你的C盘空间爆满导致的系统运行缓慢、应用程序性能下降、电脑启动变慢,严重甚至会导致频繁的系统崩溃或者蓝屏。可是你并不知道C盘为什么爆满,你平时下载软件都是下载到其他驱动盘,C盘为什么“日渐丰满”呢?

2025-04-01 10:00:32 640

原创 【MySQL】事务(中)

其中隔离级别越严格,安全性越高,但数据库的并发性能也就越低,往往需要在两者之间找一个平衡点。不可重复读的重点是修改和删除:同样的条件, 你读取过的数据,再次读取出来发现值不一样了幻读的重点在于新增:同样的条件, 第1次和第2次读出来的记录数不一样说明: mysql 默认的隔离级别是可重复读,一般情况下不要修改上面的例子可以看出,事务也有长短事务这样的概念。事务间互相影响,指的是事务在并行执行的时候,即都没有commit的时候,影响会比较大。

2025-03-21 09:40:17 793

原创 我的创作纪念日

提示:你过去写得最好的一段代码是什么?提示:当前创作和你的工作、学习是什么样的关系。提示:可以和大家分享最初成为创作者的初心。提示:在创作的过程中都有哪些收获。提示:职业规划、创作规划等​​。

2025-02-24 08:59:19 146

原创 在 Open WebUI+Ollama 上运行 DeepSeek-R1-70B 实现调用

默认情况下,Ollama API 监听 http://localhost:11434。的大模型管理工具,它可以在本地运行 DeepSeek-R1-70B。如果安装成功,将返回 Ollama 的版本号。以下是完整的部署步骤。在终端中运行以下命令,下载。

2025-02-08 14:59:51 1873 3

原创 7个用于运行LLM的最佳开源WebUI

一切都在浏览器内运行,没有服务器支持,并通过WebGPU加速。智能选型:Anthropic(Claude),AWS Bedrock,OpenAI,Azure OpenAI,BingAI,ChatGPT,Google Vertex AI,插件,助手API(包括Azure助手)丰富的模型支持:WebLLM支持一系列原生大模型,包括:Llama 3,Phi 3,Gemma,Mistral,Qwen(通义问)等,使其成为各种AI任务的通用工具。OpenLLM支持多种模型,并提供友好的用户界面,提供内置的聊天UI。

2025-02-07 17:34:01 1813

原创 DeepSeek:全栈开发者视角下的AI革命者

为什么说DeepSeek所带来的模式是“颠覆性”的,其最重要的不是它性能有多好,速度有多快,这些短期成绩都是可以被超越的,其最大的革新在于模式的差异,在于思路的更迭。之前几乎所有的大模型都是堆砌算力,谁的算力强,谁的投入多,谁的大模型就领先,而DeepSeek通过算法的革新解决了无限堆砌算力的死循环,甚至让一些美国资本方、大模型公司开始怀疑自家工程师存在摸鱼、缺乏创新性,浪费开发资金的问题。

2025-02-06 13:30:19 628

原创 正则表达式详细介绍

正则表达式是一组由字母和符号组成的特殊文本,它可以用来从文本中找出满足你想要的格式的句子。通俗的讲就是校验字符串是否满足规则或者在文本查找满足要求的内容。我在这里给大家举个简单的例子。如果我需要对一组qq号(字符串)进行检验,例如,要求qq号必须是6位到20位之内的,不能以0开头,还必须全是数字。按照正常来说,我需要写一个比较复杂的检测方法。像下面这个是不是看起来比较麻烦。

2025-02-05 13:37:36 965

原创 Web 代理、爬行器和爬虫

定义和作用网络爬虫是自动抓取互联网信息的程序或脚本。它们被广泛用于搜索引擎、数据挖掘等领域,能够从公开网页抓取数据,为不同领域如金融分析、市场趋势预测等提供数据支持。在一定程度上代替了手工访问网页,实现自动化采集互联网的数据,从而更高效地利用互联网中的有效信息。历史沿革网络爬虫技术起源于 1990 年代初的搜索引擎。1990 年,Archie 搜索引擎的出现标志着网络爬虫研究的开始。

2025-01-24 11:27:09 2784

原创 MongoDB 数据库备份和恢复全攻略

在当今数据驱动的时代,数据库的稳定运行和数据安全至关重要。MongoDB 作为一款流行的 NoSQL 数据库,以其灵活的文档模型和高扩展性备受青睐。然而,无论数据库多么强大,数据丢失的风险始终存在,因此掌握 MongoDB 的备份和恢复方法是数据库管理的关键环节。本文将深入探讨 MongoDB 的备份和恢复策略,帮助你更好地保护数据资产。

2025-01-24 09:45:46 647

原创 我的创作纪念日

提示:你过去写得最好的一段代码是什么?提示:当前创作和你的工作、学习是什么样的关系。提示:可以和大家分享最初成为创作者的初心。提示:在创作的过程中都有哪些收获。提示:职业规划、创作规划等​​。

2024-12-13 09:20:37 326

原创 CSS3 布局样式及其应用

Flexbox布局是一种一维布局方式,适合用于在行内或列内排列子项。开发者通过display: flex;实现Flexbox布局,之后可以利用各种属性调整子项在容器内的行为。Grid布局是一种二维布局可配置方式,允许开发者同时设置行与列的结构。它使得布局设计更加直观且易于维护。

2024-12-09 13:54:48 812

原创 20 个最佳 CSS 动画库

分享 20 个最佳 CSS 动画库它们中的大多数将生成纯 CSS 代码,而不需要任何外部库。1.Animate.css一个开箱即用型的跨浏览器动画库,可供你在项目中使用。2.Magic Animations CSS3一组简单的动画,可以包含在你的网页或应用项目中。3.Animista - On-Demand CSS Animations Library

2024-10-24 15:49:01 337

原创 访问者模式

访问者模式(Visitor Pattern)是一种行为设计模式,它允许你将数据操作与数据结构分离。ObjectStructure(对象结构):能够枚举其所有元素,并可以允许访问者访问这些元素。通常是一个集合,如列表或树。ConcreteVisitor(具体访问者):实现每个访问操作,这些操作对数据结构中的元素执行具体操作。Element(元素):定义一个接受访问者对象的操作,这个操作通常是 accept 方法。Visitor(访问者):定义一个或多个访问操作,这些操作应用于访问对象结构中的元素。

2024-10-15 15:07:14 324

原创 WebServer构建响应 && 发送响应

发送响应注意:分多次发和把所有内容合成一个字符串一次性发送是没区别的send只是把内容拷贝到发送缓冲区中具体什么时候发,一次性发多少,是由TCP决定的此处_response.response_body发送逻辑确保了_response.response_body能全部发完此次请求为ProcessNonCgi时,需要从磁盘读取文件内容,再把内容拷贝到发送缓冲区中,这样是效率低下的sendfile()可以在两个文件描述符之间拷贝数据即:sendfile()可以把文件内容,直接拷贝到Tcp的发送缓冲

2024-10-15 15:04:52 548

原创 jQuery 中的 Ajax 详解

众所周知,jQuery 是一个跨主流浏览器的 JavaScript 库,它封装了 JavaScript 的常用功能代码,简化了 HTML DOM 操作、事件处理、动画设计和 Ajax 交互等任务。jQuery 中的 Ajax 是对 XMLHttpRequest 或 ActiveXObject(IE9以下版本中)的封装,它提供了一种更加方便和强大的方式来与服务器进行数据交换,从而实现在不重新加载整个页面的情况下,对网页进行局部更新。

2024-10-12 11:10:30 1793

原创 【Use umi with dva】--UmiJS

自>= umi@2起,dva的整合可以直接通过来配置。按目录约定注册 model,无需手动 app.model文件名即 namespace,可以省去 model 导出的 namespace key无需手写 router.js,交给 umi 处理,支持 model 和 component 的按需加载内置 query-string 处理,无需再手动解码和编码内置 dva-loading 和 dva-immer,其中 dva-immer 需通过配置开启开箱即用,无需安装额外依赖

2024-09-24 13:55:08 876

原创 部署--UmiJS

在一些场景中,无法做服务端的 html fallback,即让每个路由都输出 index.html 的内容,那么就要做静态化。对于需要在 html 里管理 publicPath 的场景,比如在 html 里判断环境做不同的输出,可通过配置。有些静态化的场景里,是不会自动读索引文件的,比如支付宝的容器环境,那么就不能生成这种 html 文件,,那就匹配不上了,而又没有定义 fallback 的路由,比如 404,那就会显示空白页。为什么我本地开发是好的,部署后就没反应了,而且没有报错?

2024-09-24 13:52:36 444

原创 Mock 数据--UmiJS

Mock 数据是前端开发过程中必不可少的一环,是分离前后端开发的关键链路。通过预先跟服务器端约定好的接口,模拟请求数据甚至逻辑,能够让前端开发独立自主,不会被服务端的开发所阻塞。

2024-09-24 13:47:48 920

原创 配置文件--UmiJs

umi 允许在.umirc.js或config/config.js(二选一,.umirc.js优先)中进行配置,支持 ES6 语法。为简化说明,文档里只会出现。区分不同环境来指定配置。,所以通常需要配置到。

2024-09-24 13:41:17 407

原创 路由--UmiJS

倾向于使用配置式的路由,可以配置 .umirc.(ts|js) 或者 config/config.(ts|js) 配置文件中的 routes 属性,此配置项存在时则不会对 src/pages 目录做约定式的解析。可能需要针对不同路由输出不同的全局 layout,umi 不支持这样的配置,但你仍可以在 layouts/index.js 对 location.path 做区分,渲染不同的 layout。然后 umi 会用 ./routes/PrivateRoute.js 来渲染 /list。

2024-09-24 13:32:23 1017

原创 ​‌Umi‌​框架的使用

‌Umi‌是一个基于React的前端框架,它提供了一套完整的开发工具和脚手架,帮助开发者更高效地构建单页应用(SPA)。以下是使用Umi的一些基本步骤和技巧。

2024-09-24 13:17:27 520

原创 Android Webview 详解

一个基于webkit引擎、展现web页面的控件Android 4.4前:Android Webview在低版本 & 高版本采用了不同的webkit版本的内核Android 4.4后:直接使用了Chrome内核Android去调用JS的代码JS去调用Android的代码二者沟通的桥梁是WebView通过WebView的loadUrl()通过WebView的evaluateJavascript()通过WebView的addJavascriptInterface()进行对象映射。

2024-08-29 17:08:36 3020

原创 TypeScript中的接口(Interface):对象类型的强大工具

在TypeScript中,接口是一种用于定义对象类型的方式。它描述了一个对象应该具有的属性和方法,但不包含实现细节。接口可以看作是一种"契约",定义了对象应该遵守的规则。使用interface。

2024-08-20 13:46:36 817

原创 Ajax和Json

通过上述示例,我们可以看到Ajax和JSON如何协同工作,以实现无需重新加载页面即可更新网页部分内容的功能。这种技术极大地提高了Web应用程序的用户体验和交互性。随着Web开发技术的不断进步,Ajax和JSON的使用将更加广泛和深入。JSON数据格式易于阅读和编写,同时也易于JavaScript解析。对象,它是浏览器提供的用于与服务器进行通信的API。1、创建XMLHttpRequest对象。2、设置请求的方法、URL和异步标志。3、定义请求完成后的回调函数。

2024-08-20 13:26:51 399

原创 人工智能时代如何保持核心竞争力?

随着AIGC(如chatgpt、midjourney、claude等)大语言模型接二连三的涌现,AI辅助编程工具日益普及,程序员的工作方式正在发生深刻变革。例如,复杂系统设计能力、跨学科知识整合能力、与AI协作的能力等。可以探讨AI工具如何改变日常编码实践,例如自动补全、代码生成等功能对工作效率的提升。同时,也可以讨论过度依赖AI工具可能带来的潜在风险,如编程基本功弱化、创新能力下降等问题。可以讨论持续学习的重要性,如何选择适合自己的专业方向,以及在快速变化的技术环境中保持竞争力的策略。

2024-08-07 10:59:13 222

原创 鸿蒙-利用Code Linter检查代码

1.在已打开的代码编辑器窗口单击右键点击Code Linter,或在工程管理窗口中鼠标选中单个或多个工程文件/目录,右键选择Code Linter > Full Linter执行代码全量检查2.通过git 提交,可在commit界面右下角点击齿轮图标,选择Incremental Linter执行增量检查不在工程根目录新建code-linter.json5文件的情况下,Code Linter默认会检查@performance/recommended 和。

2024-08-05 11:46:52 511 3

原创 【微信小程序开发】小程序中的上滑加载更多,下拉刷新的实现

要实现,往上拉,拉到最底部时,显示更多的数字,需要在goods.json文件中配置onReachBottomDistance。onReachBottomDistance的意思是,当拉到距离底部距离多少rpx时开始触发加载更多。滑动加载数据,在js代码中是固定的函数名 onReachBottom。###json中配置###小程序上拉,显示更多数据。重新建个tarbar。

2024-07-31 17:44:02 1224

原创 前端实现文本超出指定行数显示”展开”和”收起”效果

实现样式1、底部容器设置定位,按钮和文本容器利用z-index设计容器层级,并使按钮定位在右下角;2、设置高度=指定隐藏行数*一行文本的高度,此处一行高度为21px,指定两行隐藏,最大高度就为42px;3、设置按钮背景为白色,覆盖在文本上方;

2024-07-30 16:47:11 621 1

原创 使用 Web Serial API 在浏览器中实现串口通讯(纯前端)

对于这个API谷歌有提供示例工程:在线使用:https://googlechromelabs.github.io/serial-terminal/项目地址:https://github.com/GoogleChromeLabs/serial-terminal使用 Web Serial API 访问串口非常方便,目前来说唯一的问题是这还是实验性质的功能,可能之后接口还会变动,需要根据实际情况进行调整。

2024-07-23 16:03:02 1369 2

原创 Leaflet集成wheelnav在WebGIS中的应用

有时候我们根据自己业务的需要,需要给不同的组件设置不同的样式,这里组件采用的是其自带的样式库。作为前端展示组件,它也可以接受我们为他设置的其它合法的css样式及属性。'>");wheel1.createWheel(['一', '二', '三', '四', '五']);//刷新});以上就是本文的主要内容,重点讲解如何在Leaflet组件中集成wheelnav。

2024-07-16 11:11:58 942

原创 Markdown编辑器

你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写博客:撤销:Ctrl/Command + Z重做:Ctrl/Command + Y加粗:Ctrl/Command + B斜体:Ctrl/Command + I标题:Ctrl/Command + S

2024-07-16 10:48:58 397

原创 Less 文件转 CSS 文件

组件库,同一组件在不同平台的功能一致,但是样式有所不同,如果仍然使用上面的方式进行打包,显然很难满足不同平台对不同样式的需求,因此我开始调研相关的解决方案。发现在诸如 ant-design 这样的知名组件库中,React 组件的书写和样式的书写是分开的,用户在使用过程中,除了需要引入 React 组件之外,还需要统一引入打包好的 css 样式文件。到这里,其实基本上完成了我的需求,只需要将不同主题的各个样式文件统一到对应的入口 less 文件中,之后统一运行编译命令即可生成对应主题的 css 文件。

2024-05-17 09:46:06 838

原创 单文件组件 CSS 功能

可以通过给module.red {color: red;

2024-05-16 17:22:38 885

原创 性能优化的理解

Vue 在大多数常见场景下性能都是很优秀的,通常不需要手动优化。然而,总会有一些具有挑战性的场景需要进行针对性的微调。在本节中,我们将讨论用 Vue 开发的应用在性能方面该注意些什么。:首次访问时,应用展示出内容与达到可交互状态的速度。这通常会用 Google 所定义的一系列Web 指标(Web Vitals) 来进行衡量,如最大内容绘制(Largest Contentful Paint,缩写为 LCP) 和首次输入延迟(First Input Delay,缩写为 FID)。

2024-05-15 11:01:47 844

原创 单文件组件,为什么要使用 SFC

Vue 的单文件组件 (即*.vue文件,英文 Single-File Component,简称SFC) 是一种特殊的文件格式,使我们能够将一个 Vue 组件的模板、逻辑与样式封装在单个文件中。</style>如你所见,Vue 的单文件组件是网页开发中 HTML、CSS 和 JavaScript 三种语言经典组合的自然延伸。<template><script>和<style>

2024-05-15 10:33:59 1186

原创 计算机视觉(CV)技术的优势和挑战

实时性能:CV技术可以实时地分析和处理图像和视频数据,在许多应用领域中具有重要意义,如视频监控和自动驾驶。复杂性和多样性:CV技术需要处理各种不同类型和质量的图像和视频数据,这使得算法的设计和实现变得复杂和困难。变化和不确定性:图像和视频数据具有很高的时空变化和不确定性,这给CV技术的分析和识别带来了挑战。准确性和一致性:CV技术可以实现准确和一致的图像和视频分析,从而减少了人为因素的干扰和错误。隐私和安全问题:CV技术涉及大量的个人和敏感信息,如人脸识别,这引发了隐私和安全的担忧。

2024-05-15 10:24:47 463

原创 持续集成和持续部署(CI/CD)

持续集成和持续部署使得开发人员可以更快地获得反馈,因为每次提交代码后都会自动构建和测试,开发人员可以立即知道代码是否通过了测试。:持续集成和持续部署的自动化流程可以确保每次构建和部署的一致性,减少了人为错误的可能性,提高了软件的可靠性和可重复性。:持续集成和持续部署通过频繁地自动化构建、测试和部署过程,可以及早发现和解决代码错误和问题,从而提高软件质量。:持续集成和持续部署通过自动化构建、测试和部署流程,减少了手动操作的需求,降低了人为错误的风险,并提高了效率。

2024-04-26 16:38:12 1388

原创 程序员的金三银四求职宝典

金三银四,即三月和四月,被广大程序员视为求职的黄金时期。在这两个月里,各大公司纷纷开放招聘,求职者们则通过一轮又一轮的面试,力争心仪的职位。提示:介绍各大公司的文化特点、工作氛围等,帮助读者更好地了解公司,为选择适合自己的公司提供参考。提示:分享职业规划的方法和建议,帮助读者明确自己的职业目标和发展方向,为未来的职业生涯做好规划。提示:分析当前IT行业的发展趋势和市场需求,帮助读者了解行业动态,为求职和职业规划提供指导。提示:针对常见的面试题,提供解题思路和方法,帮助读者巩固基础知识,提升解决问题的能力。

2024-03-13 15:32:55 326

原创 AI 辅助研发趋势

探讨2024年AI辅助研发领域的技术突破和创新,如深度学习、强化学习、生成模型等技术在研发中的应用,以及这些技术如何推动研发效率的提升。基于当前的技术发展和市场趋势,对2024年及以后AI辅助研发的发展方向进行预测,如AI与研发流程的深度融合、智能研发平台的崛起等。讨论在AI辅助研发趋势下,如何培养具备AI技能的研发人才,以及教育体系如何适应这一变革,为未来的研发工作提供人才保障。针对不同行业,如医药、汽车、电子等,深入剖析AI辅助研发的实际应用案例,展示AI如何助力解决行业内的复杂研发问题。

2024-03-13 15:30:25 338

原创 机器学习中的 K-均值聚类算法及其优缺点

K-均值聚类算法是一种常用的聚类算法,它可以将数据集划分为 K 个类别,通过最小化各个类别内部数据点之间的平均距离来找到最优的类别划分。尽管存在一些缺点,但 K-均值聚类算法仍然被广泛应用于数据挖掘和聚类分析中。K-均值聚类是一种常用的无监督学习算法,用于将数据集划分为 K 个类别。该算法的目标是通过最小化各个类别内部数据点之间的平均距离来找到最优的类别划分。下面我们将详细讲解 K-均值聚类算法及其优缺点。

2024-03-13 09:29:43 475

HTML中语义化的理解

语义化是指在编写HTML和CSS代码时,通过恰当的选择标签和属性,使得代码更具有语义性和可读性,使得页面结构和内容更加清晰明了。语义化的目的是让页面具备良好的可访问性、可维护性和可扩展性。 语义化的重要性体现在以下几个方面: 可访问性(Accessibility):通过使用恰当的标签和属性,可以提高页面的可访问性,使得辅助技术(如屏幕阅读器)能够更好地理解和解析页面内容,使得残障用户能够正常浏览和使用网页。 搜索引擎优化(SEO):搜索引擎更喜欢能够理解和解析的页面内容,语义化的HTML结构可以提高页面在搜索引擎结果中的排名,增加网页的曝光和访问量。 代码可读性和可维护性:使用语义化的标签和属性,可以让代码更易于阅读和理解,提高代码的可维护性。开发人员可以更快速地定位和修改特定功能或内容。 设备兼容性:不同设备和平台对于网页的渲染和解析方式有所不同,语义化的代码可以增加网页在各种设备上的兼容性,确保页面在不同环境中的正确显示和使用。 语义化在前端开发中的具体表现和实践包括以下几个方面: 选择合适的HTML标签:在构建页面结构时,选择恰当的HTML标签来描述内容的含义。

2023-06-21

uniapp实现上拉刷新下拉加载

uniapp实现上拉刷新下拉加载,就搜索功能,接口数据还需自己模拟,博客的视频分类中有录屏效果,方便大家查看,在数据模拟中添加了三种状态,即可实现状态的更新与数据的操作,希望可以对大家有所帮助!!

2023-05-26

圣诞树代码,html+js编写

马上就圣诞节了,别人都手绘圣诞树,身为程序猿的我用html+javascript编写一个圣诞树出来,高效音质效果,多重音质选择,动态效果展示,希望大家可以喜欢

2022-12-18

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

TA关注的人

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