- 博客(277)
- 问答 (4)
- 收藏
- 关注
RSS订阅原创 GitHub在软件开发中的研究与应用
GitHub在软件开发和教育的应用研究综述 摘要：本文综述了GitHub在软件开发协作和教育领域的相关研究。《基于GitHub的协作开发模式研究》分析了开源社区的协作效率与代码质量管理，《GitHub事件日志挖掘与开发者行为分析》建立了开发者活跃度预测模型。教育应用方面，研究证实GitHub能有效提升学生的工程实践能力。技术生态研究包括持续集成工作流设计和微服务架构演进分析。建议通过CNKI、万方等数据库检索相关文献，关注核心期刊获取最新研究成果。
2025-12-17 16:00:59
281
原创 AI工具实战测评
AI工具测评指南：150字摘要 本文系统测评当前主流AI工具，从功能性、易用性、性能等维度进行对比分析。涵盖ChatGPT、MidJourney等典型工具，通过实际案例演示核心功能，评估界面友好度、响应速度及输出准确性。重点考察不同场景下的应用效果，提供横向对比表直观展示各工具优劣势。基于测评结果给出针对性使用建议：创意工作者推荐MidJourney，文本处理首选ChatGPT，团队协作适用NotionAI。文章最后展望AI工具向垂直化、智能化的发展趋势，并附工具链接和教程资源，帮助读者根据需求选择最适合的
2025-12-17 15:56:38
278
原创 全平台开发环境配置指南
本文提供跨平台开发环境配置指南，涵盖Windows、macOS和Linux三大操作系统。主要内容包括：基础工具链配置（终端优化、Git设置）、核心开发组件（Python/Node.js/Java环境管理）、容器化工具部署、编辑器统一配置方案，以及网络与安全设置。特别强调跨平台一致性解决方案，如使用pyenv、nvm等版本管理工具，并通过Ansible、Dotfiles等实现配置同步。同时提供各平台性能优化技巧、常见问题处理方案及扩展资源推荐，帮助开发者构建高效统一的开发环境。
2025-12-17 15:55:14
322
原创 设计模式概述
本文系统介绍了软件设计模式的三大类型：创建型（工厂、单例、建造者）、结构型（适配器、装饰器、代理）和行为型（观察者、策略、责任链）模式，阐述了各模式的实现方式、应用场景及优缺点。同时探讨了设计模式的最佳实践，包括合理选择模式、避免过度设计等常见误区，并指出设计模式在提升代码可维护性和扩展性方面的重要价值。最后推荐了相关学习资源，为开发者系统掌握设计模式提供了指导。全文涵盖了从基础概念到实际应用的设计模式知识体系。
2025-12-17 15:51:56
359
原创 使用JS实现拖拽功能
该代码实现了网页元素的拖拽功能。通过监听鼠标事件（mousedown/mousemove/mouseup），计算鼠标位置与元素的偏移量，动态更新元素位置。关键点包括：使用绝对定位（position:absolute）、通过offsetX/Y保持相对位置、isDragging状态管理、事件委托到document确保移动范围。还提供了兼容性提示（支持触摸设备需添加touch事件）和扩展建议（边界限制、碰撞检测、动画效果等），可封装为可复用组件。
2025-09-04 10:06:11
177
原创 JavaScript性能优化
总结Web性能优化的系统方法。从减少页面加载时间、提高代码效率入手，提出代码层面要避免全局变量、减少DOM操作；算法层面要优化数据结构和循环；网络方面应减少请求、使用CDN；内存管理需防止泄漏；渲染优化建议使用硬件加速；并介绍了现代API如WebAssembly的应用。特别针对移动端提出专项优化方案，最后通过电商网站等实际案例说明优化效果。全文系统覆盖了从代码到网络各层级的优化策略。
2025-09-02 10:34:20
482
原创 GitHub宕机自救指南
系统梳理GitHub服务中断的常见原因（服务器维护、DDoS攻击等），并提供多维度应对策略：实时状态监控（官方状态页+第三方工具）、本地备份方案（克隆仓库/gitbundle）、临时替代平台（GitLab/Bitbucket）、企业级应急方案（镜像仓库/分布式存储）。重点建议包括：宕机期间通过本地分支操作保持开发连续性，恢复后需验证仓库一致性，长期应建立多平台托管和团队应急手册。配套推荐监控工具与开源备份方案，形成从预防到恢复的完整闭环
2025-09-02 10:28:16
446
原创 Linux网络：数据链路层&以太网
位于物理层和网络层之间，其作用是将源自物理层来的数据可靠地传输到相邻节点的目标主机的网络层，主要通过物理介质(如以太网，Wi-Fi等)将数据分割成帧，并在相邻节点之间进行传输。“以太网”不是一种具体的网络，而是一种技术标准，既包含了数据链路层的内容，也包含了一些物理层的内容。数据链路层的协议有很多种，常见的有以太网(Ethernet)，无线局域网(Wi-Fi)和点对点协议(PPP)等。在路由转发的过程中，IP地址描述的是路途总体的起点和终点，MAC地址描述的是路途上的每一个区间的起点和终点。
2025-04-03 12:29:07
1344
原创 【MySQL】事务(中)
其中隔离级别越严格，安全性越高，但数据库的并发性能也就越低，往往需要在两者之间找一个平衡点。不可重复读的重点是修改和删除：同样的条件, 你读取过的数据,再次读取出来发现值不一样了幻读的重点在于新增：同样的条件, 第1次和第2次读出来的记录数不一样说明： mysql 默认的隔离级别是可重复读,一般情况下不要修改上面的例子可以看出，事务也有长短事务这样的概念。事务间互相影响，指的是事务在并行执行的时候，即都没有commit的时候，影响会比较大。
2025-03-21 09:40:17
900
原创 我的创作纪念日
提示：你过去写得最好的一段代码是什么？提示：当前创作和你的工作、学习是什么样的关系。提示：可以和大家分享最初成为创作者的初心。提示：在创作的过程中都有哪些收获。提示：职业规划、创作规划等。
2025-02-24 08:59:19
208
原创 在 Open WebUI+Ollama 上运行 DeepSeek-R1-70B 实现调用
默认情况下，Ollama API 监听 http://localhost:11434。的大模型管理工具，它可以在本地运行 DeepSeek-R1-70B。如果安装成功，将返回 Ollama 的版本号。以下是完整的部署步骤。在终端中运行以下命令，下载。
2025-02-08 14:59:51
2080
原创 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
2839
原创 DeepSeek：全栈开发者视角下的AI革命者
为什么说DeepSeek所带来的模式是“颠覆性”的，其最重要的不是它性能有多好，速度有多快，这些短期成绩都是可以被超越的，其最大的革新在于模式的差异，在于思路的更迭。之前几乎所有的大模型都是堆砌算力，谁的算力强，谁的投入多，谁的大模型就领先，而DeepSeek通过算法的革新解决了无限堆砌算力的死循环，甚至让一些美国资本方、大模型公司开始怀疑自家工程师存在摸鱼、缺乏创新性，浪费开发资金的问题。
2025-02-06 13:30:19
881
原创 正则表达式详细介绍
正则表达式是一组由字母和符号组成的特殊文本，它可以用来从文本中找出满足你想要的格式的句子。通俗的讲就是校验字符串是否满足规则或者在文本查找满足要求的内容。我在这里给大家举个简单的例子。如果我需要对一组qq号（字符串）进行检验，例如，要求qq号必须是6位到20位之内的，不能以0开头，还必须全是数字。按照正常来说，我需要写一个比较复杂的检测方法。像下面这个是不是看起来比较麻烦。
2025-02-05 13:37:36
1186
原创 Web 代理、爬行器和爬虫
定义和作用网络爬虫是自动抓取互联网信息的程序或脚本。它们被广泛用于搜索引擎、数据挖掘等领域，能够从公开网页抓取数据，为不同领域如金融分析、市场趋势预测等提供数据支持。在一定程度上代替了手工访问网页，实现自动化采集互联网的数据，从而更高效地利用互联网中的有效信息。历史沿革网络爬虫技术起源于 1990 年代初的搜索引擎。1990 年，Archie 搜索引擎的出现标志着网络爬虫研究的开始。
2025-01-24 11:27:09
3029
原创 MongoDB 数据库备份和恢复全攻略
在当今数据驱动的时代，数据库的稳定运行和数据安全至关重要。MongoDB 作为一款流行的 NoSQL 数据库，以其灵活的文档模型和高扩展性备受青睐。然而，无论数据库多么强大，数据丢失的风险始终存在，因此掌握 MongoDB 的备份和恢复方法是数据库管理的关键环节。本文将深入探讨 MongoDB 的备份和恢复策略，帮助你更好地保护数据资产。
2025-01-24 09:45:46
878
原创 我的创作纪念日
提示：你过去写得最好的一段代码是什么？提示：当前创作和你的工作、学习是什么样的关系。提示：可以和大家分享最初成为创作者的初心。提示：在创作的过程中都有哪些收获。提示：职业规划、创作规划等。
2024-12-13 09:20:37
394
1
原创 CSS3 布局样式及其应用
Flexbox布局是一种一维布局方式，适合用于在行内或列内排列子项。开发者通过display: flex;实现Flexbox布局，之后可以利用各种属性调整子项在容器内的行为。Grid布局是一种二维布局可配置方式，允许开发者同时设置行与列的结构。它使得布局设计更加直观且易于维护。
2024-12-09 13:54:48
878
原创 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
500
原创 访问者模式
访问者模式（Visitor Pattern）是一种行为设计模式，它允许你将数据操作与数据结构分离。ObjectStructure（对象结构）：能够枚举其所有元素，并可以允许访问者访问这些元素。通常是一个集合，如列表或树。ConcreteVisitor（具体访问者）：实现每个访问操作，这些操作对数据结构中的元素执行具体操作。Element（元素）：定义一个接受访问者对象的操作，这个操作通常是 accept 方法。Visitor（访问者）：定义一个或多个访问操作，这些操作应用于访问对象结构中的元素。
2024-10-15 15:07:14
382
原创 WebServer构建响应 && 发送响应
发送响应注意：分多次发和把所有内容合成一个字符串一次性发送是没区别的send只是把内容拷贝到发送缓冲区中具体什么时候发，一次性发多少，是由TCP决定的此处_response.response_body发送逻辑确保了_response.response_body能全部发完此次请求为ProcessNonCgi时，需要从磁盘读取文件内容，再把内容拷贝到发送缓冲区中，这样是效率低下的sendfile()可以在两个文件描述符之间拷贝数据即：sendfile()可以把文件内容，直接拷贝到Tcp的发送缓冲
2024-10-15 15:04:52
604
原创 jQuery 中的 Ajax 详解
众所周知，jQuery 是一个跨主流浏览器的 JavaScript 库，它封装了 JavaScript 的常用功能代码，简化了 HTML DOM 操作、事件处理、动画设计和 Ajax 交互等任务。jQuery 中的 Ajax 是对 XMLHttpRequest 或 ActiveXObject（IE9以下版本中）的封装，它提供了一种更加方便和强大的方式来与服务器进行数据交换，从而实现在不重新加载整个页面的情况下，对网页进行局部更新。
2024-10-12 11:10:30
2034
原创 【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
1018
3
原创 部署--UmiJS
在一些场景中，无法做服务端的 html fallback，即让每个路由都输出 index.html 的内容，那么就要做静态化。对于需要在 html 里管理 publicPath 的场景，比如在 html 里判断环境做不同的输出，可通过配置。有些静态化的场景里，是不会自动读索引文件的，比如支付宝的容器环境，那么就不能生成这种 html 文件，，那就匹配不上了，而又没有定义 fallback 的路由，比如 404，那就会显示空白页。为什么我本地开发是好的，部署后就没反应了，而且没有报错？
2024-09-24 13:52:36
731
原创 Mock 数据--UmiJS
Mock 数据是前端开发过程中必不可少的一环，是分离前后端开发的关键链路。通过预先跟服务器端约定好的接口，模拟请求数据甚至逻辑，能够让前端开发独立自主，不会被服务端的开发所阻塞。
2024-09-24 13:47:48
1145
原创 配置文件--UmiJs
umi 允许在.umirc.js或config/config.js（二选一，.umirc.js优先）中进行配置，支持 ES6 语法。为简化说明，文档里只会出现。区分不同环境来指定配置。，所以通常需要配置到。
2024-09-24 13:41:17
555
原创 路由--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
1214
原创 Umi框架的使用
Umi是一个基于React的前端框架，它提供了一套完整的开发工具和脚手架，帮助开发者更高效地构建单页应用(SPA)。以下是使用Umi的一些基本步骤和技巧。
2024-09-24 13:17:27
820
原创 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
3331
原创 TypeScript中的接口(Interface):对象类型的强大工具
在TypeScript中,接口是一种用于定义对象类型的方式。它描述了一个对象应该具有的属性和方法,但不包含实现细节。接口可以看作是一种"契约",定义了对象应该遵守的规则。使用interface。
2024-08-20 13:46:36
946
原创 Ajax和Json
通过上述示例，我们可以看到Ajax和JSON如何协同工作，以实现无需重新加载页面即可更新网页部分内容的功能。这种技术极大地提高了Web应用程序的用户体验和交互性。随着Web开发技术的不断进步，Ajax和JSON的使用将更加广泛和深入。JSON数据格式易于阅读和编写，同时也易于JavaScript解析。对象，它是浏览器提供的用于与服务器进行通信的API。1、创建XMLHttpRequest对象。2、设置请求的方法、URL和异步标志。3、定义请求完成后的回调函数。
2024-08-20 13:26:51
439
原创 人工智能时代如何保持核心竞争力？
随着AIGC（如chatgpt、midjourney、claude等）大语言模型接二连三的涌现，AI辅助编程工具日益普及，程序员的工作方式正在发生深刻变革。例如,复杂系统设计能力、跨学科知识整合能力、与AI协作的能力等。可以探讨AI工具如何改变日常编码实践，例如自动补全、代码生成等功能对工作效率的提升。同时，也可以讨论过度依赖AI工具可能带来的潜在风险,如编程基本功弱化、创新能力下降等问题。可以讨论持续学习的重要性，如何选择适合自己的专业方向，以及在快速变化的技术环境中保持竞争力的策略。
2024-08-07 10:59:13
280
原创 鸿蒙-利用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
605
3
原创 【微信小程序开发】小程序中的上滑加载更多，下拉刷新的实现
要实现，往上拉，拉到最底部时，显示更多的数字，需要在goods.json文件中配置onReachBottomDistance。onReachBottomDistance的意思是，当拉到距离底部距离多少rpx时开始触发加载更多。滑动加载数据，在js代码中是固定的函数名 onReachBottom。###json中配置###小程序上拉，显示更多数据。重新建个tarbar。
2024-07-31 17:44:02
1367
原创 前端实现文本超出指定行数显示”展开”和”收起”效果
实现样式1、底部容器设置定位，按钮和文本容器利用z-index设计容器层级，并使按钮定位在右下角；2、设置高度=指定隐藏行数*一行文本的高度，此处一行高度为21px，指定两行隐藏，最大高度就为42px；3、设置按钮背景为白色，覆盖在文本上方；
2024-07-30 16:47:11
1141
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
2037
2
原创 Leaflet集成wheelnav在WebGIS中的应用
有时候我们根据自己业务的需要，需要给不同的组件设置不同的样式，这里组件采用的是其自带的样式库。作为前端展示组件，它也可以接受我们为他设置的其它合法的css样式及属性。'>");wheel1.createWheel(['一', '二', '三', '四', '五']);//刷新});以上就是本文的主要内容，重点讲解如何在Leaflet组件中集成wheelnav。
2024-07-16 11:11:58
1000
原创 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
440
原创 Less 文件转 CSS 文件
组件库，同一组件在不同平台的功能一致，但是样式有所不同，如果仍然使用上面的方式进行打包，显然很难满足不同平台对不同样式的需求，因此我开始调研相关的解决方案。发现在诸如 ant-design 这样的知名组件库中，React 组件的书写和样式的书写是分开的，用户在使用过程中，除了需要引入 React 组件之外，还需要统一引入打包好的 css 样式文件。到这里，其实基本上完成了我的需求，只需要将不同主题的各个样式文件统一到对应的入口 less 文件中，之后统一运行编译命令即可生成对应主题的 css 文件。
2024-05-17 09:46:06
915
HTML中语义化的理解
2023-06-21
uniapp实现上拉刷新下拉加载
2023-05-26
圣诞树代码，html+js编写
2022-12-18
关于#前端#的知识点：vue2和vue3的区别，比较vue2与vue3
2023-05-05
关于前端程序员面试时最常见的问题有哪些！
2022-06-16
关于#WebSocket#的问题，如何解决？
2022-08-12
关于#注册登录#的问题，如何解决？
2022-06-14
在vue中如何实现跨域问题
2022-06-11
TA创建的收藏夹 TA关注的收藏夹
TA关注的人