- 博客(74)
- 收藏
- 关注
RSS订阅原创 一文读懂微信小程序 flex 布局：容器属性全面解析
包括display、flex-direction、flex-wrap、flex-flow、justify-content、align-items和align-content，用于定义弹性盒子的基本布局和行为。包括order、align-self、flex、flex-grow、flex-shrink和flex-basis，用于控制子元素在容器中的排列顺序、对齐方式以及空间分配。flex-flow 是 flex-direction 和 flex-wrap 两个属性的简写形式，用于同时定义主轴方向和换行行为。
2025-02-26 10:39:02
810
原创 纯小白也能秒懂！用 DeepSeek 打造全栈小程序的保姆教程
除了将IDEA集成DeepSeek，还有一种方式，我们可以在SpringBoot中集成DeepSeek，这样也是可以方便后端的开发。●选择“uni-app”，填写项目名称，选择默认模版，点击启用uniCloud，点击选择阿里云，Vue版本选择2，点击“创建”。点击最上方设置图标，选择Models，勾选deepseek-v3模型，其它模型都取消勾选。CodeGPT的安装，有两种方式，第一是线上的安装，第二是本地离线安装。下一步，我们首先选择文件，然后选择导入，最后选择Markdown。
2025-02-19 14:27:46
3412
1
原创 2025，AI Agents技术栈解读出炉
管理Agent的状态：大多数框架引入了一些“序列化”状态的概念，允许Agent通过将序列化状态（例如JSON、字节）保存到文件中，在稍后的时间加载回相同的脚本——这包括状态如对话历史记录、Agent记忆和执行阶段。内存方法：LLM的基本限制是它们有限的上下文窗口，这就需要管理随时间的记忆。与基本的LLM聊天机器人相比，Agent是一个更复杂的工程挑战，因为它们需要状态管理（保留消息/事件历史记录，存储长期记忆，执行多个LLM调用在一个Agent循环中）和工具执行（安全执行LLM输出的动作并返回结果）。
2025-01-20 11:42:27
728
原创 展望AI未来：趋势、挑战与无限可能
例如，在医疗影像诊断中，通过迁移学习，从大量公开的医学影像数据中学习到的通用特征，可以快速应用到特定医院或疾病类型的诊断任务中，加速模型的开发和部署。正因如此，深入探讨 AI 的未来发展，不仅具有前瞻性的学术价值，更对我们如何把握这一技术浪潮，实现个人、企业乃至社会的可持续发展，具有至关重要的现实意义。深度学习算法也将迎来新的突破。通过对大量生物数据的分析，AI 能够精准预测药物分子与靶点的相互作用，快速评估药物的有效性和安全性，降低研发成本，提高研发成功率，让更多的新药能够更快地推向市场，造福患者。
2025-01-15 16:55:52
941
原创 不懂编程技术能学软件开发吗？学软件开发如何开始呢？
同时，确定学习目标、学习编程概念和算法、实践项目以及参与开源项目或团队合作，都是学习软件开发的重要步骤。初学者可以选择一门易于学习和理解的编程语言，如Python，通过学习其基本语法和特性，建立起自己的编程基础。1. 编程技术的基础知识：虽然学习软件开发需要一定的编程基础，但这并不意味着不懂编程技术的人无法学习。1. 确定学习目标：在学习软件开发之前，明确自己的学习目标是非常重要的。总之，学习软件开发需要持续的学习和实践，但只要有足够的热情和毅力，任何人都可以成为一名优秀的软件开发者。
2024-11-04 10:42:20
343
原创 老司机带你聊聊向量数据库
随着人工智能、大数据技术的发展，传统数据库已经难以满足某些复杂应用场景的需求，尤其是在图像、语音、文本等非结构化数据的处理上，传统的精确匹配方式已经显得力不从心。最近几年，向量数据库应运而生，成为了热门话题。向量数据库的核心优势在于它可以通过将数据转化为高维向量，在相似性计算中找到更为接近的结果，而不再局限于传统数据库中对精确匹配的依赖。如今，越来越多的应用场景，特别是图片搜索、语音识别正在依靠向量数据库来解决问题。
2024-10-28 11:54:24
806
1
原创 在软件开发这片充满挑战与机遇的领域
软件开发是一个复杂而细致的过程，需要团队成员之间的紧密协作与不懈努力。希望本文提供的干货指南能够为广大开发者们提供一些有益的参考，助力大家在软件开发的道路上越走越远，创造出更多优秀的产品。记住，好的软件是不断迭代与优化出来的，持续学习和创新是成为一名优秀开发者的关键。
2024-08-30 11:58:11
426
原创 如何使用JavaScript获取百分比宽度元素的像素宽度
在前端开发中，我们经常需要获取元素的像素宽度，然而有些元素的宽度是通过CSS的百分比来设置的。本文将介绍如何使用JavaScript获取这种情况下的元素像素宽度。
2024-07-25 10:12:07
350
原创 2024 年 7 个 Web 前端开发趋势
随着时间的推移，Next.js 的受欢迎程度将会越来越高。根据 Retool 的 《2023 年 AI 现状》 报告，自 2022 年以来，57% 的开发人员减少了对 Stack Overflow 的使用，甚至有 10% 的开发人员因为有了 ChatGPT 和 GitHub Copilot 而不再使用 Stack Overflow。越来越多的开发人员和企业正在加倍努力提高其网站的无障碍性，在 WebAIM 2024 年的报告中，我们可以期待对无障碍性的控诉会减少，而支持无障碍性的网站会增加。
2024-07-23 10:30:52
3769
原创 新手前端系列-什么是CSS？一文让你秒懂！
CSS，全称Cascading Style Sheets（层叠样式表），是一种用来表现HTML或XML文档样式的计算机语言。简单来说，CSS负责网页的美观度，包括布局、颜色、字体等视觉方面的设计
2024-07-16 11:27:47
630
原创 新手前端系列入门-什么是前端开发
前端，也称为前端开发或客户端开发，一般是指在构建网站或Web应用程序时，与用户直接交互的部分。就是指那些我们在网页上能看到、能直接跟用户打交道的部分。
2024-07-09 14:20:13
1857
原创 前端领域的插件式设计
插件，是一个常见的概念。例如，当我们需要把我们前端代码中的 css 样式提取打包，我们可以用 webpack 的 mini-css-extract-plugin，或者你如果用 rollup 的话，可以选择 rollup-plugin-postcss。再比如我们可以给 babel 配置 @babel/plugin-proposal-decorators 插件来支持装饰器语法；
2023-10-23 16:40:11
359
原创 深度剖析 Vite 配置文件
因为配置文件代码可能会有第三方库的依赖，所以当第三方库依赖的代码更改时，Vite 可以通过 HMR 处理逻辑中记录的 configFileDependencies 检测到更改，再重启 DevServer ，来保证当前生效的配置永远是最新的。不过，后面 Vite 还会处理一些边界情况，在用户配置不合理的时候，给用户对应的提示。这里的逻辑稍微有点复杂，很难梳理清楚，所以我们不妨借助刚才梳理的配置解析流程，深入 loadConfigFromFile 的细节中，研究下 Vite 对于配置文件加载的实现思路。
2023-10-19 11:59:11
906
原创 超全面的前端工程化配置指南
前端工程化配置指南本文讲解如何构建一个工程化的前端库，并结合 Github Actions，自动发布到 Github 和 NPM 的整个详细流程。
2023-10-17 11:28:44
273
原创 前端架构思考，Vue or React？领域设计、文件结构、数据管理、主题替换
总的来说，通过这种代码的组织方式，让 ui 层和逻辑层出现了比较分明的界限，明确了各自的职责，让维护的成本更加低了。纯粹的手动替换，傻傻的。每个页面下的 components，到了这个类别下，已经是圈定了指定的页面，所以除了 props，还可以有 model，甚至是页面级的 model 数据，至于数据的处理方案，请向下细读。在划分类型后，再对每个计划做能力层级的划分，可以是 create、modify、detail、info 等模块，适用于每个计划有较大的差异性，可复用的模块不太多的情况。
2023-10-16 18:40:10
702
1
原创 前端新特性：Compute Pressure API！！！
PressureObserver API 属于 Compute Pressure API 的一部分，它可以实时反映 CPU 的压力，未来还可以反映散热的压力。开发者可以通过监听 CPU 的变化动态调整视频流的质量和数量，选择性的开启或关闭虚拟背景等行为提升用户体验。
2023-10-16 13:51:04
163
原创 实现一个自己的脚手架教程
脚手架并不实现，难的是最佳实践的整理和沉淀。本文不会涉及到最佳实践方面的内容，只是教会你如何实现一个最基础的脚手架，以此作为展示最佳实践的载体。如何搭建一个脚手架的工程如何开发和调试一个脚手架脚手架中如何接收和处理命令参数脚手架中如何和用户交互脚手架中如何拷贝一个文件夹或文件脚手架中如何动态生成一个文件脚手架中如何处理路径问题脚手架中如何自动安装模板所需依赖以上的案例是 mustache 最简单的使用，下面来额外介绍一些常用的使用场景。
2023-10-11 15:04:37
375
原创 【前端工程化】配置React+ts企业级代码规范及样式格式和git提交规范
在前端项目工程日益复杂的今天，一套完善的开发环境配置可以极大的提升开发效率，提高代码质量，方便多人合作，以及后期的项目迭代和维护，项目规范分项目目录结构规范，代码格式规范和git提交规范，本文主要讲后两种// 可选类型，和上面commitlint.config.js配置的规则一一对应types: [{ value: 'feat', name: 'feat: 新功能' },{ value: 'fix', name: 'fix: 修复' },
2023-10-10 14:09:26
1223
原创 一文讲清楚webpack和vite原理
每次用vite创建项目秒建好，用vue-cli创建了一个项目，却有点久，那为什么用 vite 比 webpack 要快呢，这篇文章带你梳理清楚它们的原理及不同之处！文章有一点长，看完绝对有收获！webpack基本使用webpack打包原理vite工作原理小结。
2023-10-10 14:06:44
1329
1
原创 深入理解React中fiber
Fiber是对React核心算法的重写，Fiber是React内部定义的一种数据结构，将更新渲染耗时长的大任务，分为许多的小片。Fiber节点保存啦组件需要更新的状态和副作用，一个Fiber代表一个工作单元。React Fiber scheduler将工作分为多个工作单元。它设置每个工作的优先级，并使暂停、重用和中止工作单元。
2023-09-27 10:16:08
937
原创 整会promise这8个高级用法，再被问倒来喷我
先总结成一句话，就是以上三个函数都会返回一个新的promise包装对象，被包装的值为被执行的回调函数的返回值，回调函数抛出错误则会包装一个rejected状态的promise。promise的then的第二个回调函数和catch在请求出错时都会被触发，咋一看没什么区别啊，但其实，前者不能捕获当前then第一个回调函数中抛出的错误，但catch可以。然而，await还有一个鲜为人知的秘密，当后面跟的是非promise对象的值时，它会将这个值使用promise对象包装，因此await后的代码一定是异步执行的。
2023-09-27 10:14:35
155
原创 一文讲清楚webpack和vite原理
每次用vite创建项目秒建好，用vue-cli创建了一个项目，却有点久，那为什么用 vite 比 webpack 要快呢，这篇文章带你梳理清楚它们的原理及不同之处！文章有一点长，看完绝对有收获！webpack基本使用webpack打包原理vite工作原理小结。
2023-09-26 11:35:34
669
原创 微信小程序开发【前端+后端（Java）】
其实也不算什么申请，在购买域名之后可以申请免费的ssl证书，在前面的配置文件application.properties中有证书的配置，将证书的pfx文件直接添加到后端项目下即可。这些基础的东西我就不过多介绍，大家在刚开始开发的时候一般都没有自己的服务器及域名，所以大家在本地编写的时候，在“详细”下的“项目设置”里面将“不校验域名安全性”勾选。对于springboot项目，本人建议打jar，直接在服务器上部署即可，在服务器上只需要安装对应版本的jdk即可。我购买的是阿里云的轻量级应用服务器部署的。
2023-09-25 14:04:49
5392
原创 如何用CSS实现10种现代布局
if ("后来".equals(word)) { message="正在热映的后来的我们是刘若英的处女作。=''}}"> {{message}} </view>js文件：变量的定义见上一个js文件//获取输入框的内容 houduanTab_input: function (e) { this.setData({ word: e.detail.value }) }, // houduanButton2的网络请求 houduanButton2: function () { var that = this;
2023-09-25 14:02:48
130
原创 超全面的前端工程化配置指南
本文未涉及到：组件库、Monorepo、Jenkins CI 等配置，但能覆盖绝大部前端项目 CI/CD 流程。有些地方讲得比较细，甚至有些啰嗦，但还是希望能帮助到大家！撒花！🎉🎉🎉。
2023-09-22 10:19:04
131
原创 微前端架构的几种技术选型
微前端是什么：微前端是一种类似于微服务的架构，是一种由独立交付的多个前端应用组成整体的架构风格，将前端应用分解成一些更小、更简单的能够独立开发、测试、部署的应用，而在用户看来仍然是内聚的单个产品。采用微前端架构的好处就是，将这些小型应用融合为一个完整的应用，或者将原本运行已久、没有关联的几个应用融合为一个应用可以将多个项目融合为一，又可以减少项目之间的耦合，提升项目扩展性。想做的事和微前端想解决的问题是类似的，把一个应用进行拆分成多个应用，每个应用可独立开发，独立部署，一个应用可以。
2023-09-22 10:17:33
566
原创 如何用一行CSS实现10种现代布局
这是营销网站的常见布局，例如，可能有一行 3 个项目，通常带有图像、标题，然后是一些描述产品某些功能的文本。正因为如此，如果您想让您的框填充到它们的 <flex-basis> 大小，缩小到更小的尺寸，但不拉伸以填充任何额外的空间，请写入：flex: 0 1 <flex-basis>。在这种情况下，grid-column: 1 / span 12 将等效于 grid-column: 1 / 13 ，而 grid-column: 2 / span 6 将等效于 grid-column: 2 / 8。
2023-09-21 17:15:31
406
原创 8个很棒的Vue开发技巧
可能想到的方式是在创建生命周期中调用它一次，但这不是一种优雅的编写方式，所以也许我们可以使用这样的东西。6.事件参数$event$event 是事件对象的一个特殊变量，它在某些场景下为我们提供了更多的可用参数来实现复杂的功能。在组件中使用 $route 会导致与其相应路由的高度耦合，通过将其限制为某些 URL 来限制组件的灵活性。Deep Listening监听一个对象时，当对象内部的属性发生变化时，watch是不会被触发的，所以我们可以为它设置深度监听。通常在组件中使用路由参数，大多数人会做以下事情。
2023-09-21 17:00:15
197
原创 解析Node.js镜像原理，轻松构建高效CI/CD流程
除了直接使用官方的nodejs镜像，其实我们也可能会自己封装适合自己公司项目的nodejs镜像，其目的都是为了在镜像内增加定制逻辑，方便统一处理公司所有项目的通用问题，比如设置公司的npm代理源，设置一些常用的npm包第三方依赖变量，安装pnpm，处理install 及build过程中的因为buildkit缓存错误导致的构建失败等，封装有两种思路思路1: 从零开始封装思路2: 基于官方镜像进行二次封装nodejs官方镜像主要由三部分组成linux版本 + 工具包合集 + nodejs运行时。
2023-09-20 10:43:00
532
原创 大厂为啥都要NODE去写中间层（BFF）
BFF是一种Web架构，全名为Backends For Frontends，即为服务于前端的后端。这个词来源于Sam Newman的一篇文章：Pattern: Backends For Frontends[1]。BFF一般指的是在前端与后端之间加增加一个中间层。为什么要在前端和后端之间增加一个BFF层呢？计算机科学中的所有问题都可以通过加一层来解决。因此，需要使用BFF的场景，肯定是普通的前后端开发模式遇到了部分问题。例如在Sam Newman的文章中就描述了BFF解决多个展示端的场景。
2023-09-20 10:40:44
217
原创 北京小程序开发-微信小程序开发时间总结
自定义组件的资源管理data: {},});behaviors类似于 Vue 和 React 中的mixins，用于定义多个组件之间的共享逻辑，可以包含一组 properties、data、lifetimes 和 methods 的定义；properties类似于 Vue 和 React 中的 props ，用于接收外层（父组件）传入的数据；data 类似于 Vue 中的 data 以及 React 中的 state ，用于描述组件的私用数据（状态）；
2023-09-19 18:00:50
354
原创 北京小程序开发：微信小程序原生、第三方、框架，哪种更适合你？
在进行微信小程序开发时，建议先仔细阅读微信小程序开发文档，了解微信小程序的开发规范和API使用方法，以避免出现问题及降低代码质量。Taro采用了React的组件化开发思想，提供了类似于React的API和组件库，开发者可以使用React语法来实现小程序应用。Uni-app使用Vue语法来实现页面的渲染和逻辑控制，提供了自定义组件、数据绑定和路由等功能，可以帮助开发者更快速地创建小程序应用。在微信小程序开发中，开发者可以选择不同的开发方式，包括原生开发、框架开发和第三方工具开发等。
2023-09-19 17:52:28
292
原创 如何像拼乐高一样，完成详情设计？
在B端的设计之中，详情页往往要承载着复杂信息，而作为查阅者往往也会因为信息复杂从而导致阅读成本较高，因此详情页也受到了业务的关注，设计师也有设计难的感受。今天我提供一些奇怪的设计思路来谈谈如何设计得更轻松一些。无论是拼乐高还是拼积木，如果你想拼的准和好，那你就得有属于自己的方法方式，笔者将自己总结为：“分”“拆”“找”“选”。本文通过以乐高搭建的方式来拆解详情页面的设计方式，希望能给到同行遇到复杂页面迷惑时一丝丝帮助。如果有不同的思考方式，随时联系与沟通。
2023-08-21 14:42:42
87
原创 AI技术，重塑虚拟人？
本月初，小冰公司首个网红明星克隆人“半藏森林”上线5日后下架，官方数据显示，仅两天内这个克隆人已与用户产生了30万次对话，但付费数据并未公开。用户在互动时，对方可通过语音、文字形式回复。但若要体验更多互动模式，需要付费解锁。其中，情感模式是24小时陪伴，而支付30元/月或360元/年可解锁超级模式，克隆人会成为用户的办公伙伴，提供撰写文案等服务，用户还能与克隆人视频通话。小冰公司相关人士透露，其本人可决定将克隆人有偿或无偿提供给受众，分成模式是本人拿大头。
2023-08-18 15:06:48
207
原创 国外的7个联络中心的生成式人工智能实践
来自国外大厂的7个联络中心的生成式人工智能实践——“从自动化电话后的处理到自动生成知识文章，有许多应用可能会激发服务领导者的兴趣。生成式AI的兴起有望改变游戏规则。有人甚至将其比作互联网、智能手机和云计算的曙光。然而，炒作还没有消退。如果有的话，技术提供商正越来越兴奋于其带来的创新潜力。联络中心系统供应商也不例外。他们已经开发出许多由生成式AI提供动力的解决方案，旨在改变客户服务运营。到目前为止，这里有七个最好的例子。
2023-08-17 11:53:55
201
空空如也
面向对象设计一个产品是先出图，还是先要¥？
2023-07-28
TA创建的收藏夹 TA关注的收藏夹
TA关注的人