- 博客(409)
- 资源 (19)
- 问答 (1)
- 收藏
- 关注
原创 零成本玩转AI编程:OpenClaw阿里云部署+Claude Code无限Token+本地Ollama模型集成指南
Claude Code作为Anthropic推出的AI编程助手,凭借强大的代码理解、生成与调试能力,成为开发者的得力工具,但官方模型的Token消耗成本让不少用户望而却步。2026年,随着LM Studio 0.4.1等工具的更新,Claude Code终于支持对接本地开源模型,彻底打破Token限制——无需依赖Anthropic官方API,通过本地模型即可实现无限量编程辅助,搭配OpenClaw的自动化部署与任务调度能力,进一步拓展应用场景。
2026-05-28 08:30:00
864
原创 AI编程 | 常用的AI大模型部署方式,你知道几种?
本文系统介绍了6种主流大模型部署方案:1)Transformers(HuggingFace生态,快速部署多种预训练模型);2)ModelScope(阿里云一站式服务);3)vLLM(高效GPU推理优化);4)Llama.cpp(C语言实现,支持量化);5)Ollama(本地化轻量部署);6)TGI(自定义模型服务框架)。针对不同场景(个人/企业/边缘计算)和需求(性能/易用性/隐私),详细分析了各方案的部署方法、适用场景及优缺点,并提供了典型部署案例。
2026-05-26 08:30:00
446
原创 TS | 一文详解Typescript的tsconfig.json 配置文件
本文全面解析TS配置文件tsconfig.json的核心配置项和使用场景。文章首先介绍了tsconfig.json的基础认知,包括其核心价值、生成方式和基本结构。随后提供了完整的顶配模板配置,并详细拆解了七大模块配置:基础编译配置、严格类型检查、模块解析与路径别名、代码质量校验、类型声明文件、编译输出控制和性能优化配置。针对不同项目类型(前端项目、组件库、Node.js项目)给出了差异化配置建议,并介绍了实验性特性的使用场景。最后讲解了配置范围控制方法,包括文件包含/排除、配置继承和多项目引管理。
2026-05-21 08:00:00
399
原创 AI | 2026年11款热门AI编程工具推荐,建议收藏
2026 年 AI 编程工具已从单纯的代码补全工具进化为全流程开发助手,呈现三大趋势:一是多模态交互成为标配,语音、图像、文本等多种输入方式满足不同场景需求;二是智能体化发展加速,AI 从被动响应指令转向主动规划和执行开发任务;三是垂直领域深化,针对特定行业和开发场景的定制化 AI 编程工具将越来越多。对于中文开发者而言,Trae凭借字节跳动的技术积累和对国内开发环境的深度适配,无疑是当前最优选择 —— 完全免费的核心功能、强大的中文支持、双模式交互体验和全链路开发能力,让它在众多 AI 编程工具中脱颖而出
2026-05-18 08:30:00
1895
1
原创 聊聊移动端跨平台适配技术框架:从发展到展望
移动端跨平台技术框架经历了四个发展阶段:从早期的Hybrid方案(如Cordova)到中期的React Native桥接方案,再到Flutter等自渲染框架,最终演进至当前融合AI与原生能力的阶段。当前市场呈现多元化格局,包括Flutter、React Native等全球主流框架,以及适配鸿蒙生态的ArkUI-X等国内方案。未来趋势将聚焦AI深度整合、原生级性能优化和全场景覆盖,实现从移动端到多设备的无缝适配。开发者需根据项目需求选择合适框架,并持续关注AI与原生技术的发展。
2026-05-15 18:22:04
467
原创 JavaScript | JavaScript 之 Date now() 方法详解
JavaScript 中的 Date.now() 方法是获取当前时间戳的常用方式。时间戳表示自 1970 年 1 月 1 日 00:00:00 UTC(协调世界时)以来的毫秒数,这个数值在编程中有着广泛的应用场景。对于初学者来说,它像是一个"时间身份证",可以唯一标识某一刻的时间点。这个方法的优势在于语法简洁,性能高效,是 Web 开发中处理时间问题的利器。
2026-04-30 08:30:00
437
原创 TypeScript | 为什么是TypeScript成为了时代的选择?
TypeScript在2026年已成为现代软件开发的核心技术。文章剖析了其崛起的必然性:JavaScript的动态类型在大型项目中导致维护困难,而TypeScript通过静态类型检查解决了这一痛点,提供了编译时错误捕捉、自解释代码和智能化开发体验。在云原生和AI时代,TypeScript更成为微服务契约的守护者和AI输出的验证器,确保系统可靠性。随着主流框架的全面支持和TypeScript自身的持续进化,它已从可选技术转变为构建复杂应用的必备工具,代表了软件开发范式的重大转变。
2026-04-23 11:23:31
403
原创 Vue | Vue3中<script setup>用法详解
Vue3的<script setup>语法糖彻底简化了组件开发,让代码更简洁高效。它通过自动暴露顶层绑定、省略setup()函数定义、增强TypeScript支持等特性,使开发者能够用更少的代码实现更多功能。本文详细介绍了其核心优势、基础用法、组件通信方式,并提供了高级技巧和实战案例。从响应式数据定义到组合式函数封装,再到组件暴露方法,<script setup>都能显著提升开发体验。文章还解答了常见问题并给出最佳实践建议,是Vue3开发者必学的现代语法规范。
2026-04-09 08:30:00
560
原创 Vue | 一文详解Vue3中的Setup()函数
setup 函数是 Vue 3 引入的一个核心特性,它是组合式 API (Composition API) 的入口点。它主要用于替代 Vue 2 中的 data、methods、computed、watch 等选项,提供了一个更灵活的方式来组织和重用组件逻辑。
2026-04-04 12:47:41
554
原创 Vue | Vue3中的hooks是做什么的?
Vue3中的Hooks是基于组合式API的逻辑复用模式,通过封装可复用的JavaScript函数(以use开头)来管理状态和副作用。它解决了传统选项式API逻辑分散的问题,实现关注点分离,让相关逻辑集中管理。主要优势包括提升代码复用性、改善代码组织、无缝集成响应式系统,并能替代高阶组件等复杂模式。常见应用场景包括数据获取、用户认证、事件监听等。通过将组件逻辑拆分为独立函数,Hooks显著提升了代码可读性、可维护性和开发效率。
2026-03-01 08:00:00
1237
原创 Vue | Vue3中ref方法和reactive方法的区别
Vue3中ref和reactive的对比: 数据类型:ref支持基本类型和对象,reactive仅支持对象/数组 访问方式:ref需通过.value访问(模板自动解包),reactive直接访问属性 底层实现:ref通过RefImpl包装值,reactive使用Proxy代理对象 适用场景:ref适合基本类型或不确定类型,reactive适合复杂对象 解构问题:两者解构都会丢失响应性,需使用toRefs处理 总结:根据数据类型和操作需求合理选择,ref更通用,reactive更直观。
2026-01-20 08:30:00
2074
原创 HTML | H5 Canvas画布的坐标系变换详解
摘要:本文介绍了Canvas坐标系统的三种变换方法:translate()用于平移坐标系原点,参数控制X/Y轴移动方向;scale()用于缩放坐标系,参数控制X/Y轴缩放比例;rotate()用于旋转坐标系,参数以弧度表示旋转角度。通过代码示例展示了每种方法的具体应用,特别说明rotate()需先平移原点至图形中心才能实现绕自心旋转。所有变换只影响后续绘图,已绘图形不受影响。文中还包含Math.PI的详细解释及弧度与角度的换算关系。
2026-01-16 08:30:00
1452
原创 CSS | CSS隐藏元素的方法你能说出来几种?
这是一个在初级 web 前端面试中可能常会提及的问题,聊这个话题不仅仅只是讨论“茴”字有几种写法,更是能从一个简单的问题中体现出你的 CSS 边界能力,本文提炼了几种最实用的方法,希望对大家有所帮助。
2025-11-26 08:15:00
1778
原创 CSS | 精灵图和 base64 该如何选择?
本文对比了前端开发中两种图像优化技术——精灵图和Base64编码。精灵图通过合并多个小图标减少HTTP请求,提高缓存效率,但CSS管理较复杂且不适用大图像。Base64编码直接将图像嵌入代码,适合小图标但会增大文件体积。选择依据包括:小图标优先Base64,大图像用精灵图;维护性需求倾向精灵图,响应式设计则Base64更灵活。最佳实践是根据项目需求混合使用两种技术,以平衡性能和可维护性。
2025-11-21 08:15:00
1478
原创 面试官:什么是函数柯里化?能手写实现吗?
函数柯里化是将多参数函数转换为单参数函数链式调用的技术,具有参数复用、提前返回和延迟执行三大特点。通过封装通用柯里化工具函数,可以实现参数的部分应用,减少重复代码。典型案例包括正则校验复用和浏览器兼容性处理,其本质是利用闭包保存参数状态。柯里化的核心思想是“降低适用范围,提高适用性”,是函数式编程的重要技术。
2025-11-05 08:15:00
960
原创 JS | 一文搞懂Number()、parseInt()与parseFloat()函数
在实际开发中,我们经常遇到将其他类型的值转换为Number类型的情况。一般可以通过Number()函数、parseInt()函数以及parseFloat()函数进行转换,但是它们三者使用起来还是有一定区别和注意事项的。这篇文章我们就来聊聊这三个函数
2025-10-28 08:15:00
1880
原创 JS | 如何对一个数组进行排序?数组排序方法汇总
本文介绍了八种常见排序算法的原理和实现代码,包括冒泡排序(稳定)、选择排序(不稳定)、插入排序(稳定)、快速排序(不稳定)、堆排序(不稳定)、归并排序(稳定)、希尔排序(不稳定)和计数排序(稳定)。每种算法都通过JavaScript代码示例演示其实现过程,并对排序规则和稳定性进行了说明。这些排序算法涵盖了从简单到复杂的多种排序方法,适用于不同场景下的数组排序需求。
2025-10-23 08:52:31
1121
原创 JS | Object.entries() 和 Object.formEntries()的用法详解
本文介绍了JavaScript中Object.entries()和Object.fromEntries()方法的原理与应用。Object.entries()将对象转换为键值对数组,支持遍历、过滤等操作;Object.fromEntries()是其逆操作,可将键值对数组转回对象。主要应用场景包括:对象遍历、Map转换、表单处理、URL参数解析等。两者配合使用能实现对象属性的灵活转换,但需注意重复键和Symbol键的处理差异。这些方法为对象操作提供了更便捷的数组化处理方式。
2025-10-18 08:30:00
1040
原创 JS | 如何把一个伪数组转换成一个真正的数组?
JavaScript中将伪数组转换为真数组的常用方法:1.推荐使用Array.from()直接转换;2.扩展运算符适用于可迭代对象;3.Array.prototype.slice.call()传统方法;4.循环+push()适用于特定场景。其中Array.from()是最简单可靠的方式,能处理大多数类数组对象转换需求。转换后的数组可使用原生数组方法,便于后续操作。根据实际需求选择合适方法即可。
2025-10-05 08:45:00
665
原创 JS | JS中高阶函数的应用
既然变量可以指向函数,函数的参数能接收变量,那么一个函数就可以接收另一个函数作为参数,这种函数就称之为高阶函数。在JavaScript中,高阶函数(Higher-Order Function,HOF)是一种特殊的函数,它至少需要满足以下两个条件:❶接受一个或多个函数作为参数。❷返回一个函数。
2025-09-28 10:31:23
958
原创 JS | 跨域数据请求技术——JSONP详解
通过 jsonp,我们可以避开浏览器的同源策略,从而进行跨域请求。jsonp 是利用 HTML 标签的 src 属性引用资源不受同源策影响的特性来实现的,实现步骤如下:①通过动态创建 script 标签,其 scr 指向非同源的 url,并传递一个 callback 参数给服务端;②服务器返回一个以 callback 参数作为函数名的函数的调用和一系列参数;③页面接收到响应后执行回调并对数据进行处理。注意:服务器返回的内容,必须是一段可执行的 JavaScript 代码,不能是其它内容
2025-09-04 08:15:00
4181
原创 Vue | Vue 技术探索:深入理解 Vuex
Vuex 是一个专为 Vue.js 应用设计的状态管理模式(状态机)。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。
2025-08-04 08:00:00
963
原创 Vue | vue中 $refs 的三种用法解读
这篇文章主要介绍了vue中$refs的三种用法,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教。
2025-07-20 09:00:00
2103
1
原创 JS | 使用JS清除 cookie 的方法有哪些?
在现代Web开发中,清除Cookie是维护网站用户隐私和安全性的一个重要步骤。JavaScript提供了几种方法来清除Cookie,包括直接删除特定的Cookie、设置Cookie的过期时间为过去的时间点、以及使用第三方库来辅助清除。在这些方法中,最为直接且常用的技术就是通过设置Cookie的过期时间为过去的时间点来“删除”它。
2025-04-24 08:30:00
3747
原创 CSS | 请解释一下何为BFC以及它是如何工作的?
格式化上下文指的是初始化元素定义的环境。包含两个要点,一个是元素定义的环境,一个是初始化。在 CSS 中,元素定义的环境有两种,一种是块格式化上下文( Block formatting context ),另一种是行内格式化上下文( Inline formatting context )。 这两种上下文定义了在 CSS 中元素所处的环境,格式化则表明了在这个环境中,元素处于此环境中应当被初始化,即元素在此环境中应当如何布局等。以上解释专业点的说法是:在常规流中的框,都属于一个格式化的上下文中。
2025-04-21 08:30:00
879
原创 Vue | Vue中 ref 的用法小结
在项目中使用 ref 时有时候直接取值,有时候返回的却是一个数组,不知其中缘由,后查了一下 ref 用法,所以总结一下。
2025-04-01 08:15:00
1591
原创 Vue | Vuex详解,一文彻底搞懂Vuex
Vuex官方解释:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。
2025-03-21 08:15:00
5822
原创 Vue | Vue中的自定义指令详解
首先一定要明白,自定义指令其实就是一个对象!只是该对象中包含了类似组件生命周期钩子的函数而已,如created,mounted,该钩子函数会收到当前DOM元素作为参数,从而可以使用该DOM元素进行操作。
2025-03-17 08:15:00
1223
原创 Vue3 | Vue3中为什么要用 Proxy 代替 Object.defineProperty
Object.defineProperty只能遍历对象属性进行劫持,Proxy直接可以劫持整个对象,并返回一个新对象,我们可以只操作新的对象达到响应式目的。在 Vue 中,Object.defineProperty 无法监控到数组下标的变化,导致直接通过数组的下标给数组设置值,不能实时响应。Object.defineProperty 只能劫持对象的属性,因此我们需要对每个对象的每个属性进行遍历。
2025-03-10 08:15:00
2331
原创 Vue | 10 分钟了解 nextTick方法 ,并实现简易版的 nextTick
𝑛𝑒𝑥𝑡𝑇𝑖𝑐𝑘是𝑉𝑢𝑒.𝑗𝑠框架中的一个重要方法,它用于在下次𝐷𝑂𝑀更新循环结束之后执行延迟回调。
2025-02-24 08:45:00
2107
原创 Vue | Vue 开发中的性能优化小技巧,你用过几个
性能优化,是每一个开发者都会遇到的问题,特别是现在越来越重视体验,以及竞争越来越激烈的环境下,对于我们开发者来说,只完成迭代,把功能做好是远远不够的,最重要的是把产品做好,让更多人愿意使用,让用户用得更爽,这不也是我们开发者价值与能力的体现吗?重视性能问题,优化产品的体验,比起改几个无关痛痒的 bug 要有价值得多。
2025-01-13 08:30:00
1235
原创 Vue | Vue中如何做移动端适配?
在实现Vue移动端适配方面,主要依赖于视口单位(Viewport units)、Flexible.js、PostCSS插件、以及媒体查询(Media Queries)这几个关键技术和策略。其中,Flexible.js是一种广泛采用的解决方案,因为它能够动态改变根元素的字体大小,进而影响整个应用的布局。
2024-12-09 08:51:00
2934
原创 JS | 如何更好地优化 JavaScript 的内存回收?
JavaScript的内存回收优化关键在于理解内存生命周期、减少内存泄露以及合理运用内存管理手段。具体方法包括:避免全局变量的滥用、使用局部变量以便回收、减少对闭包的不当使用、解绑无用的事件监听器、避免不必要的大型数据结构、使用WeakMap和WeakSet以便垃圾回收、利用Chrome DevTools定位内存问题。其中,解绑无用的事件监听器尤为重要,因为忘记解除绑定的事件监听器可能导致DOM元素无法被回收,从而产生内存泄露。这意味着即便相关DOM已从文档中移除,由于仍然存在引用(事件监听器),它的内存仍
2024-11-02 08:15:00
952
原创 JS | CommonJS、AMD、CMD、ES6-Module、UMD五种JS模块化规范
在JavaScript中,常用的模块化规范有以下几种:CommonJS规范:主要用于服务器端编程,是Node.js采用的模块化规范。通过require方法加载模块,通过module.exports和export对象输出模块。AMD规范:主要用于浏览器端编程,是RequireJS采用的模块化规范。通过定义方。ES6模块规范:是ECMAScript 6采用的模块化规范,是JavaScript官方标准。通过export关键字输出模块,通过import。
2024-10-29 08:30:00
2293
1
原创 JS | 详解图片懒加载的6种实现方案
要实现图片的懒加载,核心的方法包括:利用JavaScript监听滚动事件、通过getBoundingClientRect()判断图片是否进入可视区域、使用Intersection Observer API、结合data属性暂存图片地址。在现代浏览器中,推荐使用Intersection Observer API来实现图片的懒加载,因为它相比传统的事件监听方式更为高效且易于维护。
2024-10-23 08:30:00
6035
原创 JS | 图片懒加载之交叉观察器IntersectionObserver API 手把手教学
IntersectionObserver是一种浏览器提供的API,用于监测元素与其祖先元素或视窗的交叉状态。 它通过异步观察目标元素是否可见,来判断目标元素与视窗或其祖先元素的交叉比例,因此也被称为“交叉观察器”。IntersectionObserver的核心功能是判断元素是否进入、离开或部分可见于视窗,这通常用于实现如懒加载、无限滚动等功能
2024-10-18 08:30:00
1945
原创 CSS | 面试题:你知道几种移动端适配方案?
移动端适配是指为了提高应用在各种不同分辨率、尺寸和操作系统上的表现,而对其界面和功能进行相应的调整和优化。随着移动设备的普及,移动端适配问题日益凸显,处理移动端适配对于提高用户体验和降低开发成本至关重要。
2024-10-01 09:38:23
2123
1
原创 JS | ES中的异步方法 async /await 详解
async/await 是 ES8(ECMAScript 2017) 引入的新语法,用来简化Promise异步操作。在 async/await 出现之前,开发者只能通过链式 .then() 的方式处理Promise异步操作
2024-09-02 08:45:00
3286
一组主题体现人们在聊天时希望彼此传递的不同情绪和情感的动画贴纸
2022-05-19
扁平风格医疗类图标矢量素材(EPS+PNG+PSD)
2022-05-17
通信图标矢量素材(EPS+PNG+PSD)
2022-05-15
水彩风格社会化媒体图标矢量素材(EPS+PNG)
2022-05-10
渐变风格音乐图标矢量素材(EPS+AI+PNG+PSD)
2022-05-16
扁平工作室图标矢量素材(EPS+PNG+PSD)
2022-05-16
手绘各式图标矢量素材(EPS+PSD+PNG)
2022-05-12
扁平社会化媒体图标矢量素材3(EPS+PSD+PNG)
2022-05-12
手绘各式各样的动物矢量素材(EPS+PNG)
2022-05-08
Markdown文档中,标题没有实现换行,怎么回事
2022-03-19
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅