优联前端-CSDN博客

原创开发人员需要知道的 20个Git命令行技巧

大多数开发人员每天都会使用 Git，但许多人只是对其功能略知一二。学习一些 git 命令行技巧可以改变游戏规则，让你更高效、更有成效，对版本控制更有信心。那么，让我们深入了解每个开发人员工具包中都应该有的 20 个 Git 命令行技巧。1. 交互式添加此命令允许您暂存文件的部分内容而不是整个文件。当您只想提交文件中的某些更改而将其余部分留待以后处理时，这非常有用。git add -p提示：当您在一个文件中处理多个功能但想要单独提交它们时，请使用此功能！2. 撤消最后一次提交在最后一次提交中犯了错误。

2024-11-05 11:33:36 801

原创『夏日古潮派对』H5小程序案例赏析

在追求卓越的道路上，我们始终保持着坚定的步伐，不断探索和创新，以期为用户带来更加丰富和精彩的体验。通过图文动画的引导，用户在欣赏名画的同时，也能发现隐藏其中的美食，激发购买的兴趣。，一部由饿了么打造的趣味美食寻宝H5，其用简单直接的交互方式，指引用户探寻古典画卷中的美食宝藏，让用户在互动中感受古今交融的奇妙体验。在夜宴的热闹场景中，巧妙地融入现代美食，通过文字和动画手势的指引，让用户轻松找到心仪的美食。「夏日古潮派对」以古代名画为蓝本，结合现代科技，绘制出一幅生动有趣的画面，让古代文化艺术做到雅俗共赏。

2024-10-30 09:34:47 292

原创『时光之门』博物馆数字文物库的现代诠释

在历史的长河中，博物馆如同一艘载满故事的船，缓缓航行，承载着过去与未来的对话。在这个传统文化焕发新生的时代，博物馆不仅是知识的殿堂，更是年轻心灵的归宿。创意定位数字文物库的诞生，是科技与历史的浪漫邂逅。它将博物馆的瑰宝转化为数字藏品，以线上的形式呈现于世。这里，每一件展品都是触手可及的星辰，用户可以有目的地探索，精准地遇见心仪的历史篇章。设计理念我们以时间的脉络为线索，将文物按照历史年代和类型细致分类，让每一位用户都能在历史的画卷中迅速定位，找到那些触动心灵的瞬间。

2024-10-24 10:53:04 279

原创『中秋奇妙月』H5案例赏析

中秋奇妙月』是一部由 Tencent新国风联合打造的中秋赏月互动H5，它以赏月为主，融合了虚拟现实技术与古典诗词，为用户带来了一场新奇有趣的文化体验。1.创意定位『中秋奇妙月』通过VR技术，邀请用户踏上国内标志性赏月地之旅，体验在不同风景下赏月的独特魅力。H5巧妙融合了中国古诗词，打造出浓厚的国风氛围，让用户在欣赏美景的同时，学习古诗词，体验意境深远的文化韵味。2.设计理念H5深度整合VR技术，强化用户互动体验。

2024-10-21 09:57:53 266

原创『气泡水』Web官网案例赏析

Schweppes，作为一家享誉全球的气泡水品牌，致力于与年轻消费者建立更紧密的联系，并提升品牌影响力。为此，其打造了一个充满创意和高度互动性的官网，利用前端技术和动画效果，将产品特性与用户浏览体验完美融合。1.创意定位网站以动态气泡为核心元素，模拟气泡水倒入杯中时的自然反应，为用户营造出一种沉浸式的浏览体验。设计上追求简约，通过文字、场景与产品的结合，及互动性的引入，让用户对产品有更直观的认知。2.设计理念。

2024-10-14 10:48:00 354

原创前端框架对比和选择

前端框架是用于构建用户界面的工具和库，它提供组件化结构、数据绑定、路由管理和状态管理等功能，帮助开发者高效地创建和维护web应用的前端部分。选择适合的前端框架需要对项目的具体需求、团队的技术背景、性能要求、生态支持以及开发速度等多方面进行权衡。每个框架都有其独特的优缺点，理解这些差异可以帮助开发者做出明智的选择，从而确保项目的成功实施。

2024-10-09 09:43:48 1330

原创 uni-小程序SDK 概述

uni小程序SDK，是为原生App打造的可运行基于uni-app。

2024-09-27 09:38:15 952

原创中高级工程师都需知道的七种高级 JavaScript 技术用例

武汉优联前端科技有限公司由一批从事前端10余年的专业人才创办，是一家致力于H5前端技术研究的科技创新型公司，为合作伙伴提供专业高效的前端解决方案，合作伙伴遍布中国及东南亚地区，行业涵盖广告，教育，医疗，餐饮等。无论你是优化性能、提高可读性还是构建可扩展的应用程序，这些方法都将使你的 JavaScript 技能更上一层楼。用例：在构建可与部分数据一起重用的复杂函数时，柯里化特别有用，例如，在函数式编程或 React 组件中。用例：解构在处理 API 或复杂对象时特别有用，它允许你仅提取所需的数据。

2024-09-24 09:40:16 705

原创 uni-app-通过vue-cli命令行快速上手

选择自定义模板时，需要填写 uni-app 模板地址，这个地址其实就是托管在云端的仓库地址。以 GitHub 为例，地址格式为，如就是下载图片模板。

2024-09-19 11:26:37 1817

原创 uni-app-通过HBuilderX可视化界面快速上手

uni-app支持通过可视化界面、vue-cli命令行两种方式快速创建项目。HBuilderX是通用的前端开发工具，但为uni-app做了特别强化。可视化的方式比较简单，HBuilderX内置相关环境，开箱即用，无需配置nodejs。官方IDE下载地址。

2024-09-13 14:15:41 1768

原创前端攻城狮需要掌握的5个JavaScript函数实用示例

武汉优联前端科技有限公司由一批从事前端10余年的专业人才创办，是一家致力于H5前端技术研究的科技创新型公司，为合作伙伴提供专业高效的前端解决方案，合作伙伴遍布中国及东南亚地区，行业涵盖广告，教育，医疗，餐饮等。有效的解决了合作伙伴的前端技术难题，节约了成本，实现合作共赢。可进行Web前端，微信小程序、小游戏，2D/3D游戏，动画交互与UI广告设计等各种技术研发。使用公式 πr² 计算面积，其中 π 是数学常数（JavaScript 中的 Math.PI），r 是半径。否则，返回“未成年人”。

2024-09-10 11:11:04 880

原创解决移动端1px 边框优化的8个方法

您是否注意到 1px 边框在移动设备上有时会显得比预期的要粗？这种不一致源于移动屏幕的像素密度不同。在 Web 开发中，我们使用 CSS 来设置页面样式。但是，CSS 中的 1px 并不总是转换为设备上的物理 1px。这种差异就是我们的“1px 边框问题”产生的原因。罪魁祸首：像素密度每个设备都拥有特定的像素密度，由 devicePixelRatio 测量，它告诉我们物理像素与设备独立像素之间的比率。devicePixelRatio = 物理像素 / 独立像素。

2024-09-09 11:20:07 1071

原创 JavaScript 21个常用数组使用方法

在 JavaScript 中，数组是一种特殊类型的对象，用于存储和组织多个值。数组使您可以将值分组到单个变量名下，从而方便管理和操作数据集合。以下是更详细的解释：在 JavaScript 中，一对方括号 [] 表示数组。数组中的所有元素都用逗号 , 分隔。在 JavaScript 中，数组可以包含任何类型的元素。这意味着您可以创建包含 String、Boolean、Number、Object 甚至其他数组等类型的元素的数组。

2024-09-06 11:33:56 1158

原创程序员都必须要知道的 8个常见数据结构

武汉优联前端科技有限公司由一批从事前端10余年的专业人才创办，是一家致力于H5前端技术研究的科技创新型公司，为合作伙伴提供专业高效的前端解决方案，合作伙伴遍布中国及东南亚地区，行业涵盖广告，教育，医疗，餐饮等。在最大堆中，对于任何给定节点，节点的值大于或等于其子节点的值。在最小堆中，节点的值小于或等于其子节点的值。它们提供对最大（对于最大堆）或最小（对于最小堆）元素的有效访问，使其成为优先级队列实现的理想选择。想象一个图书馆，其中书籍（值）根据从书名派生的唯一代码（键）存储在书架（存储桶）中。

2024-09-05 10:06:28 1063

原创 HTML ＜template＞标签的基本技巧

HTML中的标记是 Web 开发中一个功能强大但经常未得到充分利用的元素。它允许你定义可重复使用的内容，这些内容可以克隆并插入 DOM 中而无需最初渲染。此功能对于创建动态、交互式 Web 应用程序特别有用。在本文中，我们将探讨有效使用标记的 10 个基本技巧，帮助你在项目中充分发挥其潜力。1. 了解标记的基础知识标记是一个 HTML 元素，它包含页面加载时不会渲染的客户端内容。

2024-08-30 11:12:09 1478

原创古韵新生：『阅字如愿』H5案例赏析

无论是动画视效的流畅呈现，还是交互设计的巧妙构思，优联前端都以其专业技术实力，确保每一次浏览都成为一次充满文化与智慧的探索之旅。开篇，甲骨文在水波荡漾的动效中轻盈展开，平面文字流转为3D立体，化为山川、树木、船只，场景自然演变，用户以第一视角跟随一镜到底动效跨越山川河流，沉浸式体验由此开启。以甲骨文为引，贯穿始终，用生动的动画牵引用户前行，适时的交互设计，让用户在参与中感受文化的魅力。「阅字如愿」H5以深邃的文化内涵和精致的互动体验，展现了古风韵味与现代技术的完美融合，成为数字创新设计的典范。

2024-08-27 09:15:00 679

原创 JavaScript中新的七种 Set 方法

武汉优联前端科技有限公司由一批从事前端10余年的专业人才创办，是一家致力于H5前端技术研究的科技创新型公司，为合作伙伴提供专业高效的前端解决方案，合作伙伴遍布中国及东南亚地区，行业涵盖广告，教育，医疗，餐饮等。有效的解决了合作伙伴的前端技术难题，节约了成本，实现合作共赢。union() 方法将两个集合中的独特元素合并为一个全新的集合。此方法确定一个集合的所有元素是否存在于另一个集合中。它检查一个集合是否完全包含另一个集合的所有元素。它收集每个集合独有的元素，排除任何共享元素。

2024-08-13 09:15:00 400

原创 “低代码”平台有哪些？哪个更适合初学者

目前市场上存在多个好用的低代码平台，它们各有特色，适用于不同的场景和需求。

2024-08-12 09:15:00 558

原创 “低代码”平台的机遇与挑战

武汉优联前端科技有限公司由一批从事前端10余年的专业人才创办，是一家致力于H5前端技术研究的科技创新型公司，为合作伙伴提供专业高效的前端解决方案，合作伙伴遍布中国及东南亚地区，行业涵盖广告，教育，医疗，餐饮等。为了解决这些问题，站长工作台构建了一套低代码工具链，该工具链涵盖了代码编辑器、版本管理、解析器、能力编排等多个方面，为开发人员提供了可视化开发能力、预设组件、集成部署等功能。低代码平台通常具有强大的集成能力，可以轻松与其他系统、服务和数据源对接，有助于打破企业内的信息孤岛，实现数据共享和流程优化。

2024-08-09 10:09:51 723

原创 4种防止模态框弹出时页面滚动的方法

武汉优联前端科技有限公司由一批从事前端10余年的专业人才创办，是一家致力于H5前端技术研究的科技创新型公司，为合作伙伴提供专业高效的前端解决方案，合作伙伴遍布中国及东南亚地区，行业涵盖广告，教育，医疗，餐饮等。只需将一个类（例如，no-scroll）添加到 <body> 标签，并将其链接到带有 overflow:hidden 的 CSS 规则。再具体项目开发时，我们需要选择适合自己项目的情况，来匹配项目的需要，不能随意选择。当模态框弹出时，使用 JavaScript 添加此类，并在模态框关闭时将其删除。

2024-08-06 09:49:07 377

原创 30 个JavaScript片段技巧干货，让你代码有更好的可读性

武汉优联前端科技有限公司由一批从事前端10余年的专业人才创办，是一家致力于H5前端技术研究的科技创新型公司，为合作伙伴提供专业高效的前端解决方案，合作伙伴遍布中国及东南亚地区，行业涵盖广告，教育，医疗，餐饮等。有效的解决了合作伙伴的前端技术难题，节约了成本，实现合作共赢。使用 includes() 检查数组是否包含某个值，这是 indexOf 的更清晰的替代方案。创建一个新函数，当调用该函数时，将其 this 关键字设置为提供的值。将多个源对象合并为目标对象，有效地组合它们的属性。

2024-08-05 09:41:14 477

原创 Python接口自动化测试数据提取分析：Jmespath

Jmespath（JSON Messaging Path）是一种用于查询和转换JSON数据的查询语言，专为JSON数据设计。它允许开发者使用简洁的表达式来提取、筛选和转换JSON数据中的元素，使得开发者能够轻松地提取JSON数据中的元素，并执行各种转换操作。与XPath类似，JMESPath的语法直观易懂，学习成本较低。

2024-08-02 09:07:31 924

原创 JavaScript API 之 IntersectionObserver实现无限滚动、懒加载

IntersectionObserver 是一种 JavaScript API，它提供了一种异步监测元素与其祖先容器或视口之间交叉状态的方法。简单来说，它可以告诉我们一个元素是否进入了视口或者与其祖先容器发生了交叉。通过 IntersectionObserver，我们可以轻松地监听目标元素的可见性变化，进而根据这些变化来实现各种交互效果，比如懒加载图片、实现无限滚动等功能。相较于传统的事件监听方式，IntersectionObserver 更高效、灵活，可以提供更好的用户体验和性能优化。

2024-08-01 09:17:28 1093

原创『康之泉活水馆』手游：打造夏日梦幻水世界

武汉优联前端科技有限公司由一批从事前端10余年的专业人才创办，是一家致力于H5前端技术研究的科技创新型公司，为合作伙伴提供专业高效的前端解决方案，合作伙伴遍布中国及东南亚地区，行业涵盖广告，教育，医疗，餐饮等。在水疗区，仿佛置身于自然的瀑布之下，清凉的水帘倾泻而下，轻触屏幕，“康康”便在水幕中显现，享受水流的轻柔按摩，让疲惫的身心得到舒缓。夏日的热浪与城市的喧嚣困扰着忙碌奔波的人群，康之泉活水馆，作为多功能的室内水上乐园，以其独特的魅力，成为夏日避暑的理想之地，让身心得以彻底放松。

2024-07-30 10:39:22 591

原创 testRigor-基于人工智能驱动的无代码自动化测试平台

简单来说，testRigor是一款基于人工智能驱动的无代码自动化测试平台，它能够通过分析应用的行为模式，智能地生成测试用例，并自动执行这些测试，无需人工编写测试脚本。可以用于Web、移动、API和本机桌面应用程序的测试。允许用户从最终用户的角度创建端到端测试，从而消除了对实现细节（如元素定位器）的依赖。并且TestRigor 支持多种平台的测试，包括iOS和Android上的Web测试、移动Web测试、本机和混合移动应用程序测试以及本机桌面应用程序测试。

2024-07-30 10:15:29 1098

原创性能测试工具、负载测试工具、缺陷跟踪工具推荐

武汉优联前端科技有限公司由一批从事前端10余年的专业人才创办，是一家致力于H5前端技术研究的科技创新型公司，为合作伙伴提供专业高效的前端解决方案，合作伙伴遍布中国及东南亚地区，行业涵盖广告，教育，医疗，餐饮等。BlazeMeter是一种负载测试工具，可确保交付高性能软件，以快速运行移动应用程序、网站或API的性能测试，以检查其开发的每个阶段的性能。k6 是一款广受全球企业欢迎的最佳开源负载测试工具，通过执行各种类型的测试，帮助企业开发他们的网站、移动应用、基于网络的应用程序和 API。

2024-07-24 11:12:42 903

原创自动化测试工具 - 有助于自动化被测应用程序的功能和回归测试

Xray 是排名第一的手动与自动化测试管理应用，专为质量保证而设计。它是一个功能齐全的工具，能够无缝集成于 Jira 中。其目的是通过有效和高效的测试帮助公司提高产品质量。功能特点：需求、测试、缺陷和执行之间的可追溯性定义可重复使用的前提条件并与测试关联在文件夹和测试集中组织测试跟踪进度的测试计划测试环境BDD–在Jira中编写Cucumber场景与测试自动化框架（Selenium、JUnit、Nunit、Robot等）集成内置REST APICI集成（Bamboo、Jenkins）

2024-07-23 10:48:39 938

原创测试管理工具、自动化测试工具、跨浏览器测试工具推荐

Xray 是排名第一的手动与自动化测试管理应用，专为质量保证而设计。它是一个功能齐全的工具，能够无缝集成于 Jira 中。其目的是通过有效和高效的测试帮助公司提高产品质量。功能特点：需求、测试、缺陷和执行之间的可追溯性定义可重复使用的前提条件并与测试关联在文件夹和测试集中组织测试跟踪进度的测试计划测试环境BDD–在Jira中编写Cucumber场景与测试自动化框架（Selenium、JUnit、Nunit、Robot等）集成内置REST APICI集成（Bamboo、Jenkins）

2024-07-22 15:25:58 1633 1

原创 Android或iOS 与 REST/SOAP测试工具推荐

武汉优联前端科技有限公司由一批从事前端10余年的专业人才创办，是一家致力于H5前端技术研究的科技创新型公司，为合作伙伴提供专业高效的前端解决方案，合作伙伴遍布中国及东南亚地区，行业涵盖广告，教育，医疗，餐饮等。它支持原生应用和混合应用。SoapUI是最好的测试工具之一，是使用Java语言编写的用于SOAP和REST功能测试的跨平台开源工具。录制和播放测试，并自动将录制的测试转换为代码，使用相同的测试脚本适用于不同的移动操作系统。官网地址http://appium.io/docs/en/latest/

2024-07-22 10:33:55 896

原创测试之移动测试与api协议测试

Appium是用于移动应用程序自动化的开源测试工具之一。它允许用户测试各种原生、移动、web和混合应用程序。它还支持模拟器和模拟器上的自动测试。

2024-07-19 09:33:48 1061

原创安全测试工具与CSS验证器工具认识与推荐

Invicti是一种安全测试工具，可以自动扫描网站、web应用程序和web服务的漏洞。它是唯一一个通过概念验证自动识别和验证漏洞的扫描仪。

2024-07-18 09:35:03 930

原创安全测试工具、CSS验证器工具推荐 - 检测被测应用程序中的安全漏洞

武汉优联前端科技有限公司由一批从事前端10余年的专业人才创办，是一家致力于H5前端技术研究的科技创新型公司，为合作伙伴提供专业高效的前端解决方案，合作伙伴遍布中国及东南亚地区，行业涵盖广告，教育，医疗，餐饮等。它是测试web和移动应用程序的功能、负载和性能的有用工具。它是W3C开发的一个免费软件，用于帮助Web设计者和Web开发人员检查他们的CSS。帮助用户查找CSS的错误或不正确的使用。开放式Web应用程序安全项目被称为OWASP，是一种帮助组织开发、购买和维护可靠和可信的Web和软件的工具。

2024-07-18 09:31:27 1016

原创接口测试工具：Postman、Apifox、Apipost分析

Postman、Apifox、Apipost都是流行的API接口管理工具，它们各自具有不同的特点和优势，因此哪个更好用取决于具体的使用场景和需求。

2024-07-16 11:04:12 1324

原创 Postman、Apifox、Apipost用哪个？

Postman、Apifox、Apipost都是流行的API接口管理工具，它们各自具有不同的特点和优势，因此哪个更好用取决于具体的使用场景和需求。

2024-07-16 11:02:00 5269

原创 JavaScript 绿幕抠图实现

因为视频相关标准及浏览器的实现问题，很难在主流浏览器中顺利播放背景透明的视频。有两种方法可以为最通用的视频格式（MP4,H264）移除背景，实现透明效果：

2024-07-12 12:10:48 978

原创 20 行核心（shader）代码实现实时绿幕抠图

武汉优联前端科技有限公司由一批从事前端10余年的专业人才创办，是一家致力于H5前端技术研究的科技创新型公司，为合作伙伴提供专业高效的前端解决方案，合作伙伴遍布中国及东南亚地区，行业涵盖广告，教育，医疗，餐饮等。有效的解决了合作伙伴的前端技术难题，节约了成本，实现合作共赢。除了上面分析的核心代码之外还有一些为了让 Shader 运行起来的辅助代码，属于 WebGL 的基础知识，查看完整代码。将相似度与饱和度参数计算，然后与原像素点的灰度值混合，越大越靠近原像素点，越小越就接近灰度。

2024-07-12 12:04:56 1066

原创开源浏览器引擎对比与适用场景：WebKit、Chrome、Gecko

武汉优联前端科技有限公司由一批从事前端10余年的专业人才创办，是一家致力于H5前端技术研究的科技创新型公司，为合作伙伴提供专业高效的前端解决方案，合作伙伴遍布中国及东南亚地区，行业涵盖广告，教育，医疗，餐饮等。有效的解决了合作伙伴的前端技术难题，节约了成本，实现合作共赢。承接Web前端，微信小程序、小游戏，2D/3D游戏，动画交互与UI广告设计等各种技术研发。综上所述，不同的浏览器引擎适用于不同的场景。而Gecko则因其高度定制性和扩展性、隐私保护和安全性以及兼容性和稳定性等特点适合需要这些特性的场景。

2024-07-11 11:08:37 1649

空空如也

空空如也