- 博客(138)
- 收藏
- 关注
RSS订阅原创 10 个你可能不知道的高级 JavaScript 技术
JavaScript 是一种功能强大的开发语言，它隐藏了许多可以用来提高开发效率和代码整洁度的功能。以下是 10 种你可能不知道的高级 JavaScript 技术，它们可以显著提高你的编码技能。1. 使用别名进行解构解构允许你将数组中的值或对象的属性解包为不同的变量。别名允许你在此过程中重命名变量，这在处理来自外部来源（如 API）的数据时特别有用。用例：从 API 获取数据时，你想为属性分配更有意义的名称，以提高代码的可读性和可维护性。
2025-03-24 12:21:20
970
原创 24 条可以提高工作效率的前端开发技巧代码片段
武汉优联前端科技有限公司由一批从事前端10余年的专业人才创办，是一家致力于H5前端技术研究的科技创新型公司，为合作伙伴提供专业高效的前端解决方案，合作伙伴遍布中国及东南亚地区，行业涵盖广告，教育， 医疗，餐饮等。当 margin-top 在嵌套 div 上不起作用时，请向父级添加 overflow: hidden 或 display: inline-block/table-cell。:before/:after 比 ::before/::after 具有更好的兼容性，但两者都是伪元素。
2025-03-21 09:30:33
828
原创 DeepSeek & LangChain：“模型+框架”的AI测试融合实践
武汉优联前端科技有限公司由一批从事前端10余年的专业人才创办，是一家致力于H5前端技术研究的科技创新型公司，为合作伙伴提供专业高效的前端解决方案，合作伙伴遍布中国及东南亚地区，行业涵盖广告，教育， 医疗，餐饮等。：利用DeepSeek生成多样化的测试数据或测试场景，然后通过LangChain的结构化处理，整合到测试框架中。：通过LangChain处理日志文件，利用DeepSeek的NLP能力提取关键错误信息，生成分析报告。：用DeepSeek理解测试输出，生成动态断言条件，代替硬编码的断言。
2025-03-18 10:34:36
1082
原创 30 个 CSS 技巧助你提升网页开发水平
武汉优联前端科技有限公司由一批从事前端10余年的专业人才创办，是一家致力于H5前端技术研究的科技创新型公司，为合作伙伴提供专业高效的前端解决方案，合作伙伴遍布中国及东南亚地区，行业涵盖广告，教育， 医疗，餐饮等。有效的解决了合作伙伴的前端技术难题，节约了成本，实现合作共赢。使用特定属性定位链接，以进行自定义样式设置。设置字体大小范围，以确保跨屏幕尺寸的可读性。改进焦点样式以实现更好的键盘导航和可访问性。对遵循特定兄弟元素的元素进行样式设置。设置链接下划线样式以获得独特的外观。
2025-03-12 11:10:43
854
原创 『探秘芒种』 数字文化H5案例赏析
在结尾以卡片形式将知识点进行汇总，用户可通过长按隐藏答案，将知识点转化为问题，向朋友传递，既增加了互动性，也实现了品牌的自我传播。全篇以金黄和青色为主色调，既展现了北方麦田丰收的喜悦，也寄托了南方水田播种的希望，色彩的运用如同田间的诗行，吟唱着芒种的农耕之歌。在数字的浪潮中，让我们携手前行，让传统文化在现代科技的滋养下，绽放出更加璀璨的光芒。H5以芒种节气元素构成的“芒种”艺术字动画为开篇，融合水墨画的古典风格，以文字、动态指引用户，画面如同卷轴般，在用户交互下，缓缓展开。，向用户传递节气知识，让。
2025-03-07 10:00:06
297
原创 『聆听宝藏的秘密』：沉浸式品牌探索之旅
壁画中隐含解锁宝箱的密码，这一设计合理且富有创意，使得用户在享受寻宝乐趣的同时，也能深入了解马应龙的品牌历史。“聆听宝藏的秘密”H5，一款由网易新闻与马应龙联合推出的互动寻宝小游戏，其巧妙融合了品牌历史与科普教育，旨在通过富有趣味性的探索和解密体验，引导用户深入了解马应龙的品牌故事，同时提升品牌认知度。，成功地缩短了品牌与消费者之间的距离，使得品牌文化以一种轻松而吸引人的方式呈现，让探索和学习变得充满乐趣。，为用户营造一个沉浸式的探索环境。在虚拟的洞穴中，用户通过与环境的互动，逐步揭开探寻的秘密。
2025-03-03 14:36:22
141
原创 基于AI人工智能UI自动化测试工具：Midscene
随着互联网技术的飞速发展，Web应用越来越普及，前端页面也越来越复杂。为了确保产品质量，UI自动化测试成为了开发过程中不可或缺的一环。然而，传统的UI自动化测试工具往往存在学习成本高、维护困难等问题。特别是UI 自动化脚本里往往到处都是选择器，比如 #ids、data-test、.selectors。在需要重构的时候，这可能会让人感到非常头疼。今天，我们将为您推荐一款基于AI人工智能的开源UI自动化测试工具——Midscene，让您轻松应对UI自动化测试挑战。是一款由。
2025-02-25 11:47:38
1610
原创 122K star！推荐一款AI开源神器、支持本地轻松部署多款主流AI大模型：Ollama
在人工智能快速发展的今天，大语言模型（LLMs）已经成为开发者和研究者的重要工具。然而，使用云端模型常常面临隐私和成本问题。今天给大家推荐一个超火的开源项目 - Ollama。
2025-02-19 10:40:25
680
原创 DeepSeek 接入PyCharm实现AI编程！（支持本地部署DeepSeek及官方DeepSeek接入）
在当今数字化时代，AI编程助手已成为提升开发效率的利器。DeepSeek作为一款强大的AI模型，凭借其出色的性能和开源免费的优势，成为许多开发者的首选。今天，就让我们一起探索如何将DeepSeek接入PyCharm，实现高效、智能的AI编程。
2025-02-18 10:32:05
4010
原创 在本地电脑从零开始搭建DeepSeek
武汉优联前端科技有限公司由一批从事前端10余年的专业人才创办，是一家致力于H5前端技术研究的科技创新型公司，为合作伙伴提供专业高效的前端解决方案，合作伙伴遍布中国及东南亚地区，行业涵盖广告，教育， 医疗，餐饮等。这个问题，回答的就太过于敷衍了，直接将DeepSeek的公司背书给出来了，当然也可以理解，毕竟DeepSeek的投喂数据都是几个月前的，那时，它还并没有爆火出圈，而且我们下载的还是最小阉割版模型。这里的数字越大，参数越多，性能越强，所需要的配置也就越高，1.5b代表模型具备15亿参数。
2025-02-14 10:34:47
1109
原创 一招解决DeepSeek 提示“服务器繁忙，请稍后再试” 卡顿问题！
现在 AI 圈里讨论最多的话题就是："国产之光DeepSeek了"。但用过的人也知道，是真的卡。动不动就提示：“服务器繁忙，请稍后再试”用官方App或网页版，估计10条回复中至少有8条会卡爆。对于重度使用的我来讲，经常会被官网的卡顿搞得差点吐血。可能有人会说，DeepSeek不是很牛吗，怎么AI对话体验这么差。坦率来讲，若你当前指望DeepSeek官方花费大量精力来提供一个非常稳定良好的AI体验服务，这是不现实的。
2025-02-13 10:08:57
839
原创 如何构建一个AI驱动的前端UI组件生成器
本文将教您如何构建一个AI驱动的前端UI组件生成器，它可以帮助您生成Next.js Tailwind CSS UI组件，并提供实现教程。我们将涵盖以下内容：使用Next.js、TypeScript和Tailwind CSS构建UI组件生成器Web应用程序。使用CopilotKit将AI功能集成到UI组件生成器中。集成嵌入式代码编辑器，以对生成的代码进行更改。
2025-02-12 10:18:43
1083
原创 DeepSeek 新手使用指南：入门必备技巧与隐藏功能
DeepSeek（深度求索），是一家在2023年7月17日成立的公司深度求索所开发的大模型名称。公司坐落于杭州，是幻方量化旗下的子公司，全称是杭州深度求索人工智能基础技术研究有限公司。DeepSeek开发团队是由一群年轻且富有才华的高校毕业生组成，团队创始人梁文锋，是量化投资领域的资深专家，拥有丰富的量化投资经验和AI技术背景。其它主要成员大多数来自清华大学、北京大学和浙江大学等国内顶尖高校。指令型AI模型是一种基于预设规则和指令的AI模型，它按照给定的指令执行特定的任务。
2025-02-10 11:30:12
2774
原创 WebGL Chromakey 实时绿幕抠图
20 行核心（shader）代码实现实时绿幕抠图先体验 DEMO，基于WebAV实现移除图片背景移除视频背景。
2025-02-08 09:35:20
788
原创 Web 音视频（四）在浏览器中处理音频
为什么单独介绍音频处理?网络上缺乏音频处理的资料，绝大多数示例都是针对视频而略过音频，很多人在网上寻找音频处理的示例对前端开发者来说，音频处理相对视频略微复杂一些所以，本文专门针对音频数据，汇总讲解采集-处理-编码-封装全过程，帮助初学者入门。上图是在 Web 中从采集音频到封装文件的大致流程。你可以跳过原理介绍，直接查看文末 WebAV 编码封装音频示例。
2025-02-06 09:54:51
1092
原创 Web 音视频（三）在浏览器中创建视频
在 WebCodecs 之前，由于编解码能力的缺失，几乎无法在纯浏览器中编辑、创建视频。WebCodecs 补齐了编解码能力，相当于在浏览器中提供了视频创作能力。预计 WebCodecs 将会像 HTML5 技术（Video、Audio、MSE...）一样对用户习惯带来巨大改变，HTML5 作用于视频消费端，WebCodecs 作用于视频生产端。本章介绍如何在浏览器中创建视频。
2025-01-22 09:52:13
1104
原创 Web 音视频（二）在浏览器中解析视频
浏览器中已经能直接播放视频，为什么还需要手动写代码解析？因为，某些场景需要对视频进行更细致的处理，比如截取关键帧、提取视频中的文字、人物打码、极低延时播放视频等等。总之，除了最单纯的视频播放外，对视频数据的一切处理都需要从解析开始。MP4 是最流行兼容性最好的视频封装格式之一，在各种浏览器中也得到了良好支持；本系列后续都以 MP4 视频作为示例，所以先简单介绍 MP4 的基本概念。其它格式的视频文件需使用对应的解封装 SDKMP4 可以分为普通 MP4 和 Fragment MP4；
2025-01-21 10:18:54
734
原创 Web 音视频（一）基础知识
阅读后续文章或开始使用 WebAV 处理音视频数据之前，需要一点点背景知识。本篇主要简单介绍音视频最基础的知识，以及 WebCodecs 的核心 API。
2025-01-20 11:04:31
724
原创 Python开源AI自动化测试工具推荐：Browser Use
在当今数字化时代，自动化技术的发展日新月异，Python 凭借其简洁的语法和丰富的库资源，成为众多开发者实现自动化任务的首选语言。今天要为大家介绍一款令人瞩目的 Python 开源 AI 自动化工具 ——。这款工具将 AI 能力融入到浏览器自动化操作中，极大地拓展了自动化应用的边界。Browser Use 是一个基于 Python 开发的开源库，它将先进的 AI 技术与浏览器自动化功能深度融合。
2025-01-16 09:37:51
2015
原创 CSS中的accent-color如何使用
accent-color是CSS 2022年推出的一个新属性，它能修改input默认控件的颜色，支持的input控件元素包括复选框（<input type="checkbox">）、单选框（<input type="radio">）、范围选择框（<input type="range">）和进度条（<progress>）。在黑暗模式下，该属性也能适配。此外，accent-color属性是可继承的，可以在根级别设置，也可以在单个元素上设置。在根级别设置：:root { accent-color: lime;
2025-01-14 10:34:11
513
原创 LayaAir3.2来了：性能大幅提升、一键发布安装包、支持WebGPU、3D导航寻路、升级为真正的全平台引擎
LayaAir3的每一个分支版本都是一次较大的提升，在3.1彻底完善了引擎生态结构之后，，例如，除原有的安卓与iOS系统外，还支持Windows系统、Linux系统、鸿蒙Next系统，以及主流的国产芯片适配等。另外就是。当然，主旋律之外，3D的更新也是不可或缺的，下面将分别详细介绍。
2025-01-11 11:07:57
1270
原创 在JavaScript开发中，如何判断对象自身为空？
如何判断一个对象为空是我们在开发中经常会遇到的问题，今天我们来聊聊几种经常使用的方法，以及在不同的场景下我们如何去使用。JSON.stringify 方法可以使对象序列化，转为相应的 JSON 格式。缺点：如果存在 undefined、任意的函数以及 symbol 值，在序列化过程中会被忽略（出现在非数组对象的属性值中时）或者被转换成 null（出现在数组中时）。更多2. for in 配合 hasOwnPropertybreakbreak缺点：for in 不能遍历不可枚举的属性。
2025-01-08 11:41:57
855
原创 『星河秘境』绿野仙踪的艺术之旅
星河万里的秘密花园”H5，一部由融创打造的线上艺术画展，与“星河万里”别墅群的璀璨启幕相得益彰，旨在引领用户穿梭于喧嚣与宁静之间，体验花园丛林的宁静与美好，以此提升画展及别墅群的吸引力。H5不仅在情感上触动人心，在视觉上也给人以极致的享受，完美地实现了对“星河万里”别墅群的宣传效果，也让用户在绿野丛林中，找到心灵的归宿，体验生活的诗意与宁静。“星河万里的秘密花园”H5，以绘画的形式为大众描绘了一幅令人心驰神往的丛林秘境。，更在细节处展现了画面的重点，增强了视觉的张力。交互以点击、滑动为主，通过。
2025-01-03 14:11:16
284
原创 推荐一款Windows自动化工具＜Pywinauto＞，一个强大的Python库！
在软件开发和测试领域，自动化工具扮演着至关重要的角色。特别是在Windows平台上，一个强大的自动化工具可以极大地提高开发效率和测试准确性。本文将详细介绍Pywinauto，这是一个专为Windows设计的Python库，用于实现图形用户界面（GUI）的自动化操作。Pywinauto是一个开源的Python库，用于自动化Windows应用程序。它支持Windows 7及以上的操作系统，并提供了丰富的API来控制各种Windows控件，如按钮、文本框、列表框等。
2024-12-30 10:06:25
824
原创 html5解决华为原生浏览器底部栏兼容问题
我们之前开发的H5网页，有客户反馈页面底部被浏览器下方的工具栏遮住了，经过测试发现目前只有华为原生x5浏览器底部栏出现这个兼容问题，它遮住了底部页面，造成了这个样式兼容问题。可以看出：在华为浏览器中下方工具条的高度不算在浏览器自身bom高度上，而是算网页dom的一部分。更通俗地理解可以为，它就是个z-index：无限高;bottom:0的。
2024-12-28 09:30:00
1126
原创 分享12个前端动画库让你的交互动效更加引人注目
动画效果，可以快速吸引访客注意力。通过创造性的对象运动和流畅的页面过渡，您不仅可以为您的网站增添独特的美感，还可以增强用户参与度并创造令人难忘的第一印象。在今天这篇文章中，我们跟你分享12个强大的 JavaScript 库，从而让创建动画变得简单。像滚动动画、手写动画、SPA页面过渡、打字动画、彩色动画、SVG动画……它们功能无穷。1.Anime.js地址：https://animejs.com/Anime.js 在 GitHub 上拥有超过 43k Stars，毫无疑问是最受欢迎的动画库之一。
2024-12-27 09:55:48
5479
原创 『星河秘境』绿野仙踪的艺术之旅
星河万里的秘密花园”H5，一部由融创打造的线上艺术画展，与“星河万里”别墅群的璀璨启幕相得益彰，旨在引领用户穿梭于喧嚣与宁静之间，体验花园丛林的宁静与美好，以此提升画展及别墅群的吸引力。H5不仅在情感上触动人心，在视觉上也给人以极致的享受，完美地实现了对“星河万里”别墅群的宣传效果，也让用户在绿野丛林中，找到心灵的归宿，体验生活的诗意与宁静。“星河万里的秘密花园”H5，以绘画的形式为大众描绘了一幅令人心驰神往的丛林秘境。，更在细节处展现了画面的重点，增强了视觉的张力。交互以点击、滑动为主，通过。
2024-12-20 14:53:52
158
原创 『黄河遗韵』数字非遗馆的守护之旅
守护黄河文明，探索数字非遗馆”H5，以线上艺术展结合趣味寻宝的方式，向大众展示了古老且璀璨的黄河文明。在追求卓越的道路上，我们始终保持着坚定的步伐，不断探索和创新，以期为用户带来更加丰富和精彩的体验。色彩搭配明艳而丰富，既有代表文物历史感的暗黄色，也有象征生机勃勃的青绿色，以及热情洋溢的中国红，共同营造出一种古朴而现代的视觉盛宴。形式，描绘了黄河文明中的非物质文化遗产，旨在唤起公众对黄河文明的保护意识，并邀请大家参与互动，深入了解非遗文化。为了与黄河文明的古韵相呼应，H5选择了近年来广受欢迎的。
2024-11-13 11:06:07
421
原创 15 个简洁的 JavaScript 单行代码
武汉优联前端科技有限公司由一批从事前端10余年的专业人才创办，是一家致力于H5前端技术研究的科技创新型公司，为合作伙伴提供专业高效的前端解决方案，合作伙伴遍布中国及东南亚地区，行业涵盖广告，教育， 医疗，餐饮等。New Set（ARR）从数组中创建一个集合，固有地删除了重复项，而扩展运算符（``...'）将其转换回数组。替换（/（[A-Z]）（[[A-Z]）/g，'$ 1- $ 2'）：查找小写字母的出现，然后是大写字母，并用小写字母，连字符和大写字母代替。split（''）：将字符串转换为字符数组。
2024-11-12 10:38:41
308
原创 九个『新手开发者』必会的『效率提升』工具！
在工作中，效率的提升和重复性劳动的减少一直是各个行业和领域关注的重点，用对工具可以大幅度提升我们的测试效率，接下来给大家分享在工作中使用过的工具，个个压箱底，希望能提升大家的工作效率。
2024-11-11 10:09:41
926
原创 十个 JavaScript 隐藏的专业技巧样例代码
JavaScript 是最广泛使用的编程语言之一，但真正掌握它需要的不仅仅是了解基础知识。专业开发人员知道有一些隐藏的技术、鲜为人知的功能和微妙的技巧可以将您的 JavaScript 技能提升到一个新的水平。以下是经验丰富的 JavaScript 开发人员所信奉的 10 个秘密技巧——让我们看看您知道多少！1. 条件赋值的短路求值短路求值使用逻辑 `&&` 和 `||` 运算符有条件地赋值，从而减少了对 `if` 语句的需求。
2024-11-08 09:46:48
634
原创 开发人员需要知道的 20个Git命令行技巧
大多数开发人员每天都会使用 Git，但许多人只是对其功能略知一二。学习一些 git 命令行技巧可以改变游戏规则，让你更高效、更有成效，对版本控制更有信心。那么，让我们深入了解每个开发人员工具包中都应该有的 20 个 Git 命令行技巧。1. 交互式添加此命令允许您暂存文件的部分内容而不是整个文件。当您只想提交文件中的某些更改而将其余部分留待以后处理时，这非常有用。git add -p提示：当您在一个文件中处理多个功能但想要单独提交它们时，请使用此功能！2. 撤消最后一次提交在最后一次提交中犯了错误。
2024-11-05 11:33:36
1089
原创 『夏日古潮派对』H5小程序案例赏析
在追求卓越的道路上，我们始终保持着坚定的步伐，不断探索和创新，以期为用户带来更加丰富和精彩的体验。通过图文动画的引导，用户在欣赏名画的同时，也能发现隐藏其中的美食，激发购买的兴趣。，一部由饿了么打造的趣味美食寻宝H5，其用简单直接的交互方式，指引用户探寻古典画卷中的美食宝藏，让用户在互动中感受古今交融的奇妙体验。在夜宴的热闹场景中，巧妙地融入现代美食，通过文字和动画手势的指引，让用户轻松找到心仪的美食。「夏日古潮派对」以古代名画为蓝本，结合现代科技，绘制出一幅生动有趣的画面，让古代文化艺术做到雅俗共赏。
2024-10-30 09:34:47
361
原创 『时光之门』博物馆数字文物库的现代诠释
在历史的长河中，博物馆如同一艘载满故事的船，缓缓航行，承载着过去与未来的对话。在这个传统文化焕发新生的时代，博物馆不仅是知识的殿堂，更是年轻心灵的归宿。创意定位数字文物库的诞生，是科技与历史的浪漫邂逅。它将博物馆的瑰宝转化为数字藏品，以线上的形式呈现于世。这里，每一件展品都是触手可及的星辰，用户可以有目的地探索，精准地遇见心仪的历史篇章。设计理念我们以时间的脉络为线索，将文物按照历史年代和类型细致分类，让每一位用户都能在历史的画卷中迅速定位，找到那些触动心灵的瞬间。
2024-10-24 10:53:04
333
原创 『中秋奇妙月』H5案例赏析
中秋奇妙月』是一部由 Tencent新国风联合打造的中秋赏月互动H5，它以赏月为主，融合了虚拟现实技术与古典诗词，为用户带来了一场新奇有趣的文化体验。1.创意定位『中秋奇妙月』通过VR技术，邀请用户踏上国内标志性赏月地之旅，体验在不同风景下赏月的独特魅力。H5巧妙融合了中国古诗词，打造出浓厚的国风氛围，让用户在欣赏美景的同时，学习古诗词，体验意境深远的文化韵味。2.设计理念H5深度整合VR技术，强化用户互动体验。
2024-10-21 09:57:53
392
原创 『气泡水』Web官网 案例赏析
Schweppes，作为一家享誉全球的气泡水品牌，致力于与年轻消费者建立更紧密的联系，并提升品牌影响力。为此，其打造了一个充满创意和高度互动性的官网，利用前端技术和动画效果，将产品特性与用户浏览体验完美融合。1.创意定位网站以动态气泡为核心元素，模拟气泡水倒入杯中时的自然反应，为用户营造出一种沉浸式的浏览体验。设计上追求简约，通过文字、场景与产品的结合，及互动性的引入，让用户对产品有更直观的认知。2.设计理念。
2024-10-14 10:48:00
403
原创 前端框架对比和选择
前端框架是用于构建用户界面的工具和库，它提供组件化结构、数据绑定、路由管理和状态管理等功能，帮助开发者高效地创建和维护web应用的前端部分。选择适合的前端框架需要对项目的具体需求、团队的技术背景、性能要求、生态支持以及开发速度等多方面进行权衡。每个框架都有其独特的优缺点，理解这些差异可以帮助开发者做出明智的选择，从而确保项目的成功实施。
2024-10-09 09:43:48
1377
原创 中高级工程师都需知道的七种高级 JavaScript 技术用例
武汉优联前端科技有限公司由一批从事前端10余年的专业人才创办，是一家致力于H5前端技术研究的科技创新型公司，为合作伙伴提供专业高效的前端解决方案，合作伙伴遍布中国及东南亚地区，行业涵盖广告，教育， 医疗，餐饮等。无论你是优化性能、提高可读性还是构建可扩展的应用程序，这些方法都将使你的 JavaScript 技能更上一层楼。用例：在构建可与部分数据一起重用的复杂函数时，柯里化特别有用，例如，在函数式编程或 React 组件中。用例：解构在处理 API 或复杂对象时特别有用，它允许你仅提取所需的数据。
2024-09-24 09:40:16
739
原创 uni-app-通过vue-cli命令行快速上手
选择自定义模板时，需要填写 uni-app 模板地址，这个地址其实就是托管在云端的仓库地址。以 GitHub 为例，地址格式为，如就是下载图片模板。
2024-09-19 11:26:37
2682
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人