自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(106)
  • 收藏
  • 关注

原创 3. JavaScript基础:自增自减、运算符优先级、条件语句、循环与错误处理

纯字符串:比较 ASCII 码。数字与数字字符串:隐式转换后比较。数字与非数字字符串:返回false。自增与自减运算符:前置与后置的区别。运算符优先级:常见运算符的优先级顺序。条件语句if-else、嵌套if、三目运算符。语句:适合多个固定值的判断。循环结构for循环和嵌套循环。错误处理:常见错误类型和调试建议。字符串比大小:不同情况下的比较规则。

2025-05-30 11:17:57 849

原创 2. JavaScript 基础:变量、运算符、分支

JavaScript 是前端开发中最重要的语言之一,掌握其基础语法和执行过程对于初学者来说至关重要。本文将基于一些示例代码,对 JavaScript 的变量、数据类型、运算符、输入输出方式以及程序执行流程进行详细讲解。

2025-05-30 10:30:12 771

原创 Turf.js:前端地理空间分析的瑞士军刀

Turf.js 是一个开源的地理空间分析库,由 Mapbox 开发并维护。它支持点、线、面等地理要素的创建、编辑和分析,包括缓冲区计算、距离测量、区域合并、空间关系判断等高级功能。轻量级:仅需少量代码即可实现复杂功能。模块化设计:按需引入功能模块,减少包体积。跨平台:支持浏览器和 Node.js 环境。不依赖地图库:可与 Leaflet、OpenLayers、高德地图等无缝集成。Turf.js 是一款功能强大、易于使用的地理空间分析库,它为前端开发者提供了丰富的地理空间计算能力。

2025-05-27 17:12:13 1423

原创 1. 编程语言进化史与JavaScript

从机器语言的二进制指令到JavaScript的优雅语法,编程语言的进化史就是人类不断抽象化思考的历程。理解这些历史脉络不仅能帮助我们选择合适的工具,更能培养编程思维。亲手实现进制转换算法用ES5和ES6分别实现相同功能对比尝试用Node.js开发简单CLI工具编程之路漫漫,愿本文能成为你技术探索的坚实基石。

2025-05-27 15:48:52 864

原创 16. Git从入门到实践

在前端开发中,Git 作为版本控制系统的行业标准,已经成为每个开发者必备的技能。本文将系统梳理 Git 的核心命令与实用技巧,帮助开发者快速掌握版本控制的核心能力。

2025-05-27 15:19:00 760

原创 前端生成UUID

UUID(Universally Unique Identifier)是一种在分布式系统中广泛使用的标识符,具有全球唯一性。在前端开发中,生成可靠的UUID对于数据追踪、会话管理、缓存键生成等场景至关重要。接下来将深入探讨UUID的实现原理、前端生成方案及最佳实践。

2025-05-27 14:52:23 1657

原创 15. 清除浮动:全面解析与实战指南

伪元素清除法是当前最佳实践,建议封装为工具类在项目中复用。对于新项目,优先考虑Flexbox/Grid布局方案,从根本上避免浮动带来的问题。

2025-05-27 11:14:47 524

原创 14. LayUI与Bootstrap框架使用

LayUI是一款国产的前端UI框架,由贤心开发,特点是轻量、简单、易用。它采用了经典的模块化方式,没有强制性的设计理念,适合快速开发。LayUI:轻量、简单、易用,适合快速开发,特别是后台管理系统Bootstrap:功能丰富、生态强大、响应式设计完善,适合复杂项目在实际开发中,可以根据项目需求和团队熟悉度选择合适的框架。对于国内开发者来说,LayUI的文档和社区支持更加友好;而对于国际化项目,Bootstrap可能是更好的选择。

2025-05-27 10:58:17 859

原创 13. CSS定位与伪类/伪元素

定位选择微调位置用relative固定导航用fixed子元素相对于父元素定位用absolute+relative组合伪类与伪元素伪类用于元素状态变化(如:hover)伪元素用于元素特定部分样式(如::first-letter)显示控制需要保留空间时用visibility不需要保留空间时用display。

2025-05-27 10:23:17 1322

原创 12. CSS 布局与样式技巧

在前端开发中,CSS 是控制页面样式和布局的核心技术。本文总结了 CSS 布局中的关键概念和实用技巧,包括overflow属性、背景图片处理、精灵图技术、display属性、浮动布局以及清除浮动的方法。

2025-05-27 10:06:15 481

原创 JDK 17 Windows x64 安装包下载

本仓库提供了一个适用于Windows x64系统的JDK 17安装包。JDK(Java Development Kit)是Java开发的核心工具包,包含了Java编译器、运行时环境以及其他必要的工具和库。JDK 17是Java的最新长期支持版本,提供了许多新特性和改进,适合开发者在Windows x64系统上进行Java应用程序的开发和运行。

2025-05-21 09:51:55 472

原创 11. CSS从基础样式到盒模型与形状绘制

在前端开发中,CSS(层叠样式表)是控制网页样式和布局的核心技术。整理了关于 CSS 基础样式、文本样式、盒模型以及形状绘制的一些心得。以下是详细的学习笔记。

2025-05-13 17:56:16 989

原创 适配WIN7的最高版本Chrome谷歌浏览器109版本下载

本仓库提供了一个适用于Windows 操作系统的谷歌浏览器109版本的离线安装包。

2025-05-12 15:12:07 8036

原创 10. CSS通配符与选择器权重深度解析:以《悯农》古诗为例

引言:当CSS权重遇上经典古诗在CSS的世界里,选择器权重就像古代诗词中的平仄对仗,决定着样式的最终呈现。今天我们通过唐代诗人李绅的《悯农》,来深入学习CSS通配符和选择器权重的奥秘。

2025-05-08 15:55:38 868

原创 9. 从《蜀道难》学CSS基础:三种选择器的实战解析

引言:当古诗遇上现代网页设计今天我们通过李白的经典诗作《蜀道难》来学习CSS的三种核心选择器。这种古今结合的学习方式,既能感受中华诗词的魅力,又能掌握实用的网页设计技能。让我们开始这场穿越时空的技术之旅吧!

2025-05-08 15:29:29 603

原创 8. HTML 表单基础

一个完整的 HTML 表单由以下部分组成:核心元素说明::定义表单容器表单控件:用于收集用户输入的元素(如 input、select、textarea 等)提交按钮:通常为 或 2. 选择类控件单选按钮(radio)关键特性:关键特性:关键特性:4. 文本域(多行文本)关键特性:三、表单的核心属性1. 输入控件通用属性属性作用name控件名称(提交时作为键名)value控件的初始值(提交时作为键值)placeholder输入框的提示文本

2025-05-07 16:24:32 1127

原创 7. HTML 表格基础

表格是网页开发中最基础也最实用的元素之一,尽管现代前端开发中表格布局已被 CSS 布局方案取代,但在展示结构化数据时,表格依然发挥着不可替代的作用。本文将基于提供的代码素材,系统讲解 HTML 表格的核心概念与实用技巧。

2025-05-07 14:25:15 1080

原创 6. HTML 锚点链接与页面导航

锚点链接(也称为页面内链接)允许用户通过点击链接直接跳转到当前页面的特定位置。

2025-05-07 13:46:24 1189

原创 5. HTML 转义字符:在网页中正确显示特殊符号

在 HTML 开发中,我们经常会遇到需要显示特殊字符的情况,比如 <、>、空格或版权符号等。直接输入这些字符可能会导致 HTML 解析错误或显示异常。接下来通过学习 HTML 转义字符(也称为实体字符),将会掌握了如何在网页中正确显示这些特殊符号的方法。

2025-05-07 11:00:58 2581

原创 4. 语义化标签

语义化标签是指那些能够准确表达其内容含义的 HTML 标签,而不是仅仅用于样式控制的标签。

2025-05-07 10:01:10 198

原创 3. 网页基础结构

HTML5文档由DOCTYPE><html><head><body>四部分构成<head>中必须包含和<title>严格遵循标签闭合和大小写规范注释用于代码说明,不可嵌套。

2025-04-28 16:07:55 476

原创 1. 用户之窗

前端是数字世界的界面设计师与交互工程师,用代码将创意转化为用户指尖的体验。

2025-04-28 15:30:40 388

原创 2. 第一个网页:前端基础入门

htm。

2025-04-28 15:26:23 194

原创 解决git报错fatal: unable to access ‘https://github.com/xxx/xxx.git/‘: OpenSSL SSL_read: Connection

这个错误通常是由于或导致的。在实际使用中,这个问题可能会让开发者感到困扰,但通过一些简单的操作,通常可以快速解决。在本文中,我将结合个人使用经验,分享两种有效的解决方法,帮助你快速定位并解决这个问题。

2025-04-21 11:02:27 1901

原创 使用 Vue3-Ace-Editor 在 Vue3 项目中集成代码编辑器

首先,我们需要安装 组件。可以通过 npm 或 yarn 安装它。安装完成后,Ace Editor 还需要相关的语言包和主题包。可以根据项目需求选择安装。二、在 Vue 组件中引入和使用 接下来,我们将在一个 Vue 组件中使用 。首先,引入并注册组件。在上述代码中,我们完成了 的基本配置和使用:2. 设置编辑器的内容,并可以选择是否将光标移动到新内容的末尾。 可选,设置为 时,光标移动到文本末尾。3. 获取当前编辑器的内容。4. 使编辑器获得焦点。5. cl

2024-08-13 14:51:21 4335 1

原创 生成式人工智能在软件开发中的作用:助手还是威胁?

随着生成式人工智能(AIGC)的迅猛发展,软件开发领域也迎来了新的变革。AI工具在代码生成、错误检测和自动化测试等方面展现了强大的潜力,成为开发者的得力助手。然而,这一趋势也引发了对开发者职业前景和技能需求变化的广泛讨论。AI究竟是在帮助开发者,还是在逐步取代他们?

2024-07-12 16:27:34 556

原创 从零开始,迈向IT行业的巅峰:非IT背景人士的成功转型之路

在当今数字化时代,IT行业无疑是最具发展潜力和吸引力的领域之一。然而,对于许多没有相关背景知识的人来说,如何成功进入这个行业却成为了一个难题。本文将为大家提供一些方法和技巧,帮助那些从零开始,希望转型到IT行业的人们实现这一目标。

2024-04-03 13:18:43 678

原创 AI大模型学习:跨越技术与业务的桥梁

在科技日新月异的今天,人工智能(AI)已逐渐渗透到我们生活的各个角落,其中AI大模型学习更是成为了引领技术革新的重要力量。然而,要想真正驾驭这一技术,研究者不仅需要具备扎实的数学基础和编程能力,还需要对特定领域的业务场景有深入的了解。正是这样的跨界融合,使得AI大模型学习能够不断优化模型结构和算法,为人类的生活和工作带来前所未有的便利。

2024-04-01 15:32:05 521

原创 Cesium中点的添加

例如,我们可以利用Cesium的空间查询功能,查找特定区域内的点数据,或者计算点与点之间的距离、面积等空间关系。在Cesium中,点的添加不仅是对空间数据的基本操作,更是实现复杂空间分析、可视化表达的关键步骤。然而,值得注意的是,虽然Cesium在添加点方面功能强大且灵活,但在实际应用中仍需注意数据的准确性和合理性。因此,在添加点之前,我们需要对数据进行严格的预处理和校验,确保数据的准确性和可靠性。此外,Cesium还支持对点进行动画效果的处理,如闪烁、渐变等,这进一步丰富了点的表达方式和视觉效果。

2024-03-28 10:55:21 1698

原创 几天精通软件的书籍:神器还是噱头?

精通一个软件需要长期的实践和不断的学习,这是任何书籍都无法替代的。其次,我们要明确自己的学习目标和学习计划,选择适合自己的学习方法和资源。最后,我们要保持持续学习的态度,不断积累和实践,才能真正提高自己的技能水平。综上所述,几天精通软件的书籍并不是神器,它们只能作为我们学习软件操作的一个辅助工具。同时,我们也要保持理性的态度,不被夸大的宣传所误导,选择适合自己的学习方法和资源。因此,即使掌握了软件的基本操作,如果不能将其与实际工作相结合,也很难达到真正的精通。学习是一个长期的过程,没有捷径可走。

2024-03-28 09:54:41 370

原创 政府工作报告解读:计算机行业的发展趋势、政策导向与未来机遇

此外,政府还提出了加强人才培养和引进的政策,为计算机行业提供充足的人才支撑。同时,政府还强调了网络安全的重要性,加强网络安全保障体系建设,为计算机行业的安全发展提供了有力保障。总的来说,政府工作报告为计算机行业的发展提供了明确的方向和有力的支持。作为行业内的企业和从业者,我们应该紧密关注政府工作报告中提出的政策导向和未来机遇,结合自身实际情况,制定科学合理的发展战略。在信息化浪潮席卷全球的今天,计算机行业作为推动经济社会发展的重要引擎,其发展趋势、政策导向和未来机遇,无疑成为了我们关注的焦点。

2024-03-27 10:33:34 753

原创 AI程序员崛起:人类的饭碗真的会被抢走吗?

在这些方面,人类程序员具备独特的洞察力和创造力,能够根据实际需求灵活调整方案,实现更加贴合业务需求的软件产品。综上所述,AI程序员虽然在一定程度上改变了编程领域的工作模式,但它们并不能完全替代人类程序员。相反,我们应该积极拥抱这一变革,与AI程序员携手共进,共同创造更加美好的未来。此外,我们还需要看到,技术的发展是一个循序渐进的过程。因此,在很长一段时间内,人类程序员和AI程序员将会共存,相互协作,共同推动编程领域的发展。因此,作为程序员,我们需要不断提高自己的技能水平,学习新的技术知识,以适应这一变革。

2024-03-27 10:30:01 584

原创 程序员35岁会失业吗?

因此,无论是年轻的程序员还是资深的程序员,都应该保持一颗积极进取的心,不断提升自己的能力和素质,为未来的职业发展打下坚实的基础。一个35岁的程序员,相比年轻的同行,拥有更丰富的项目经验和更深厚的技术功底。他们丰富的经验和深刻的洞察力,使得他们在面对复杂问题时能够迅速找到问题的症结所在,提出有效的解决方案。一个35岁的程序员,经过多年的磨练和积累,不仅具备扎实的技术功底,还拥有良好的职业素养和团队协作能力。比如,随着年龄的增长,程序员可能面临家庭、健康等方面的压力,这可能会在一定程度上影响到他们的工作。

2024-03-27 10:23:16 403

原创 部署elementPlus离线版本

最近项目需要离线开发,不能联网查一些组件的api,于是决定搞一个离线版的文档。

2024-03-27 10:06:10 1992

原创 vue3中使用cesium

Cesium是一个开源的JavaScript库,专门用于创建3D地球和2D地图的Web应用程序。它提供了丰富的功能和工具,使得开发人员能够轻松地构建出高质量的地理空间可视化应用。

2024-03-20 14:33:47 2198

原创 2024年AI辅助研发领域的技术突破与创新:智能研发的领航之旅

例如,在药物研发中,AI辅助的药物筛选平台能够在短时间内识别出潜在的药物候选分子,大大提高了新药研发的速度和成功率。生成模型技术的发展则为研发领域带来了更多的可能性。随着科技的飞速发展,我们站在了2024年的时代节点上,目睹着人工智能(AI)在研发领域掀起一场前所未有的革命。深度学习、强化学习、生成模型等技术的突破和创新,正在深刻改变着研发的面貌,极大地提升了研发效率,引领着智能研发的新纪元。通过深度学习、强化学习、生成模型等技术的应用,我们有望实现研发效率的飞跃提升,推动科学研究和工程实践的快速发展。

2024-03-20 09:18:43 589

原创 Pug 模板引擎:学习与使用

在 Vue 3 中使用 Pug(也称为 Jade)作为模板引擎,具有一些明显的优点和潜在的缺点。

2024-03-19 13:35:09 4257

原创 Blob 和 File 的区别,以及 Blob、File、Base64 三种类型的相互转换

表示不可变的、原始数据的类文件对象。它通常用于存储大块的二进制数据,比如图像、音频或视频文件等。对象可以包含任意类型的数据,不仅限于文本或二进制数据。它的数据是只读的,你不能直接修改。的子类,通常用于表示用户选择的文件。它包含了文件的元信息,如文件名、大小、修改时间等。的一种特殊情况,用于表示用户选择的文件,并包含了文件的相关信息。的所有功能,并在此基础上添加了文件相关的元信息。中用于处理二进制数据的对象,但它们有一些区别。是用于存储任意类型的二进制数据的对象,而。通常用于一般的二进制数据存储,而。

2024-01-12 15:44:48 2414

原创 el-table表格实现横竖双表头,双击输入框编辑

以双击名字出现输入框编辑为例。表头斜线效果注意看css。

2024-01-10 16:28:09 1738

原创 antv/x6_2.0学习使用(六、事件系统)

/ 表示一个删除按钮,点击时删除该节点image: {width: 20,},});可以通过绑定的事件名 node:delete 或通用的 cell:customevent、node:customevent、edge:customevent 事件名来监听。});});功能演示。

2024-01-08 17:09:26 4522

vue3+vite+ts+antv/x6搭建的流程图编辑页面

这个编辑页面中,可以根据自己的需求,轻松创建和编辑各种形状的节点,包括矩形、圆形、菱形等,甚至还可以自定义节点的样式和属性。同时,还提供了一个拖拽组件栏,用户只需简单拖拽,即可将所需的组件添加到流程图中。 除了节点的编辑,我们还为用户提供了一个属性配置栏。在这个栏目中,用户可以详细配置每个节点的属性,如名称等,使得流程图更加符合用户的个性化需求。 当然,流程图编辑页面还需要支持各种基础操作。提供了复制、剪切、粘贴、撤销、恢复、删除、清空等常用功能,使我们可以轻松地对流程图进行编辑和调整。此外,还支持组合和取消组合节点,方便用户对流程图进行整体管理。 为了适应不同项目的需求,还提供了适配大小、实际比例以及连线模式等功能。这些功能不仅可以帮助我们更好地展示流程图,还可以提高编辑效率。 最后,还为这些功能提供了对应的快捷键,使得我们可以更加快速地上手并完成流程图编辑项目。这些快捷键的设计充分考虑了用户的使用习惯,使得操作流程更加顺畅和高效。 流程图编辑页面是一个专门用于创建、编辑和查看流程图的界面。它通常包括画布、工具栏、属性面板等部分。画布用于展示流程图,并允许用户进行拖拽、缩放等操作;

2024-12-03

Vue2离线文档.rar

vue2离线文档,可离线运行,适合无网开发的小伙伴们,查阅使用。

2024-03-27

ace.js实现的编辑器

ace.js编辑器是一个功能强大的开源代码编辑器,它以JavaScript为基础,并通过浏览器提供丰富的编辑功能。以下是关于ace.js编辑器的详细描述: 首先,ace.js编辑器支持多种编程语言,包括但不限于JavaScript、HTML、CSS、Python、Java、C++等。这使得开发者可以在同一个编辑器中编写不同语言的代码,提高了开发效率。对于每种支持的语言,ace.js都能提供语法高亮显示,根据语言的特性以不同的颜色和样式来高亮显示代码中的关键字、变量、函数等,使代码更加清晰易读。 ace.js编辑器还具备代码折叠功能,可以将代码块折叠起来,以便于查看和编辑大型代码文件。这减少了开发者的输入量,提高了代码的准确性和一致性。同时,ace.js还提供了自动完成功能,可以根据已输入的代码内容,智能地推测出可能的代码补全选项,这大大提高了编码速度和准确性。 此外,ace.js编辑器支持代码片段功能,允许开发者预定义一些常用的代码片段,通过简单的快捷键或命令进行插入,减少了重复劳动。并且,ace.js还允许在同一时间内,对多个位置进行编辑,提高了代码编辑的效率和灵活性。 在使

2024-03-26

ace-react编辑器

Ace编辑器是一个用JavaScript编写的可嵌入代码编辑器,它与Sublime、Vim和TextMate等编辑器的功能和性能相匹配。作为Cloud9 IDE的主要编辑器和Mozilla Skywriter(Bespin)项目的后继者,Ace编辑器提供了丰富的功能和高度可定制性,可以轻松地嵌入任何网页和JavaScript应用程序中。 而React则是一个用于构建用户界面的JavaScript库,由Facebook开发并维护。它采用组件化的开发方式,使得开发者可以创建可重用的UI组件,并通过组合这些组件来构建复杂的用户界面。 当Ace编辑器与React结合时,就形成了ace-react编辑器。这个编辑器组件为开发者提供了一个基于React的、功能强大的代码编辑环境。ace-react编辑器继承了Ace编辑器的优点,如语法高亮、代码折叠、代码补全、代码格式化以及多主题支持等。同时,由于它是基于React构建的,因此也具备了React组件化的优势,可以方便地与React应用程序进行集成。 具体来说,ace-react编辑器支持多种编程语言的语法高亮显示,使代码更易读;提供代码自动补

2024-03-26

vue3+ts+less+vite+pinia+axios基础封装项目模版

Vue 3 Vue 3是Vue.js的最新版本,带来了许多改进和新特性,包括更快的性能、更小的体积、更好的TypeScript支持以及Composition API等。使用Vue 3,开发者可以更加高效地构建用户界面,并享受更好的开发体验。 TypeScript TypeScript是JavaScript的一个超集,添加了静态类型、接口和类等特性。在Vue项目中引入TypeScript可以提高代码的可读性和可维护性,减少运行时错误,并提升团队协作的效率。 Less Less是一种CSS预处理器,它扩展了CSS的功能,允许使用变量、嵌套规则、函数等高级功能。使用Less,开发者可以编写更加模块化、可维护的CSS代码,并轻松地生成复杂的样式。 Vite Vite是一个现代化的前端构建工具,特别适用于Vue项目。它基于原生ESM提供极速的冷启动,并且不需要打包,提供快速的HMR开发体验。Vite通过原生ESM提供丰富的特性,如快速的热重载、按需编译和优化的构建输出。 Pinia Pinia是Vue.js的状态管理库,是Vuex的轻量级替代方案。它提供了直观和简洁的API,使得状态管理

2024-03-26

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除