- 博客(77)
- 收藏
- 关注
RSS订阅原创 React+Vite项目框架
基于React + Vite 搭建的项目框架，使用ESLint 用于代码检查 、Prettier 用于代码格式化、Husky 用于 Git 钩子、lint-staged 用于暂存文件的检查、commitlint 用于提交信息规范等，实现了路由配置、状态管理、样式响应式设计、亮/暗主题切换等功能。做这个的主要目的就是想 如果之后用到可以拿来使用。
2024-12-21 15:47:19
550
原创 Vue3+Vite项目框架
最近基于Vue 3 + Vite搭建的一个笔记网站，使用了Router用于路由管理、Pinia用于状态管理、ESLint + Prettier用于代码规范和格式化、Husky用于Git hooks、lint-staged用于暂存文件检查、commitlint用于提交信息规范。实现了全局主题切换、多端适配等，同时注重性能优化、浏览器兼容等。做这个的主要目的就是想 如果之后用到可以拿来使用。
2024-12-21 15:40:40
226
原创 铭记一次项目重大事故
在程序的世界里，bug 就像隐藏在暗处的小怪兽，时不时跳出来捣乱。而职业生涯中，总有那么一个或几个 bug 让我们刻骨铭心。它或许让项目差点夭折，或许让你熬了无数个通宵，或许有着离奇的出现方式和曲折的解决过程。无论是代码中的逻辑混乱，还是环境配置引发的灾难，亦或是多人协作产生的诡异问题，都可以在这里分享。把你职业生涯里遇到或写过的最大 bug 故事讲出来，让大家一起感受那些惊心动魄、哭笑不得的瞬间，也为后来人敲响警钟吧。
2024-12-12 21:28:16
255
原创 鸿蒙应用开发：开机自启并自检网络状态
公司要开发一个小玩意，主要用途就是监测远端软件包与本地安装包是否一致，如果不是则下载更新本地应用，并且要求开机会自检。现在来跟各位看官老爷们分享一下其中的一些关键，希望各位不吝指教！
2024-12-12 19:21:55
571
原创 基于低代码框架的开发：Low-Code Engine+React
上一期分享了AMIS+React如何搭建项目框架的基本流程，但大家也能感觉到复杂，还需要自己写一堆代码来解包。那有没有那种低代码框架完全适合一个前端开发小白。只要我“组装”好页面后一键就能部署到本地，不用自己去解包啥的呢？答案是：有！还不止一个！今天就来分享阿里的低代码框架：Low-Code Engine。该框架可以实现一键打包出码，用户只需安装配置模块后便可启动项目。当然，该方法生成的项目会保留阿里的一些水印和loge，这些可手动删除。
2024-11-16 15:58:46
485
原创 基于低代码框架的开发：AMIS+React
上一期讲了如何在AMIS的编辑器中搭建页面，今天来讲讲如何在react项目中使用amis SDK对编辑器生成的json包解译。
2024-11-16 14:49:00
814
原创 低代码开发
低代码是一种软件开发方法，它允许用户通过图形化界面和少量的编码来快速构建和交付应用程序。低代码平台通过提供一系列工具和组件，使开发过程更加高效，减少了对传统编程技能的依赖。核心特点1. 可视化开发：拖放界面：用户可以通过拖放组件来设计用户界面和业务逻辑。图形化建模：使用图形化工具来设计数据模型、工作流和业务流程。2. 预建组件和模板：组件库：提供丰富的预建组件，如表单、按钮、图表等。模板库：提供多种预建模板，覆盖常见的业务场景，如CRM、HRM、项目管理等。
2024-11-11 21:36:54
1409
原创 低代码平台总览
低代码平台是一种能够加速软件研发进程的高效开发方法。它通过可视化的方式，让用户以更少的编码，更快速地构建和交付应用软件，从而降低软件的开发、配置、部署和培训成本。
2024-11-11 21:05:31
712
原创 鸿蒙应用开发：断点下载
对于某些特殊场景，可能需要开发定制化的断点续传功能。这通常涉及到与服务器端进行沟通，确保双方都能理解并执行断点续传的逻辑。
2024-11-09 19:33:04
624
原创 鸿蒙应用开发：下载功能
鸿蒙系统不断发展，有与安卓、iOS 形成三足鼎立之势，且其在智能手机、智能穿戴、车载、家居等行业领域的应用越来越广泛。作为开发者，如何抓住鸿蒙生态崛起的机遇，解决开发挑战，创造更好的应用体验？欢迎您和我们一起探讨~鸿蒙提供了多种API用于下载，今天我就拿包来讲解下如何实现下载。版本：SDK10。
2024-11-05 19:43:15
399
1
原创 鸿蒙应用开发：数据持久化
最近在搞公司项目用到了鸿蒙端的数据持久化，特来跟大家分享一下。通过数据能力组件，开发者可以实现复杂的数据操作，包括增、删、改、查等功能。它允许不同的应用共享数据，并提供了统一的数据访问接口。这是一个轻量级的关系型数据库，适用于本地存储。开发者可以使用 SQL 语句进行数据管理，支持事务处理，适合需要复杂查询的场景。适合存储简单的配置信息和用户偏好。通过键值对的方式存取数据，非常方便，尤其是在需要保存少量数据时。直接操作文件系统，允许读写文件。
2024-10-23 20:30:15
419
原创 鸿蒙应用开发：系统电源管理
在应用开发过程中可能会遇到重启设备、定时开关机、设备休眠等需求。那鸿蒙有没有给我们提供这些接口呢？答案是肯定的！鸿蒙提供了这一系统接口，允许开发者操作系统电源。但是前提是应用要具备system_core等级的权限！
2024-10-12 15:25:10
458
2
原创 鸿蒙开发：文件推送到沙箱路径
最近一个项目需要基于沙箱路径下的文件进行操作，奈何应用沙箱路径下没有。找来找去方法都是要把文件推送进去。以下是我的一些拙见，请各位看官老爷指点一二。
2024-10-10 21:24:52
616
原创 鸿蒙开发：自制原生下拉框
最近一个项目需求，要求实现下拉框设计。跑鸿蒙原生组件挑了半天，发现都不符合甲方要求。无奈啊，只能自己自制，以下是基本代码，如有更好设计，欢迎指正！整体思路就是当鼠标进入选中项1范围时，选中项2+下拉框出现，同时选中项1消失；当选择下拉框选项或鼠标移出选中项2+下拉框范围后，选中项2+下拉框消失，同时选中项1出现。
2024-10-02 15:50:10
503
原创 鸿蒙应用开发：读取U盘文件
外置存储设备（如SD卡、U盘等）具备可插拔属性，因此系统提供了设备插拔事件的监听及挂载功能，用于管理外置存储设备，当前仅对系统应用开放。
2024-09-29 16:21:57
488
原创 机器学习 and 深度学习
1. **模型复杂度**：普通机器学习模型相对简单；而深度学习模型则更加复杂，拥有更多的参数和更深的层次。2. **特征工程**：在传统机器学习中，特征选择和工程是非常关键且耗时的过程；相比之下，深度学习能够自动地从原始数据中学习有用的表示。3. **适用场景**：对于小规模问题或者当特征可以直接被定义出来时，传统的机器学习方法可能更为合适。而在处理像图像识别、自然语言处理这样需要理解高层次概念的任务时，深度学习表现得更好。
2024-09-22 09:58:04
563
原创 鸿蒙应用开发：音视频播放器
鸿蒙系统提供了多样化的API，来帮助开发者完成音频播放的开发，不同的API适用于不同音频数据格式、音频资源来源、音频使用场景，甚至是不同开发语言。因此，选择合适的音频播放API，有助于降低开发工作量，实现更佳的音频播放效果。本节介绍通过Media Kit实现音频播放。：用于音频播放的ArkTS/JS API，集成了流媒体和本地资源解析、媒体资源解封装、音频解码和音频输出功能。可用于直接播放mp3、m4a等格式的音频文件，不支持直接播放PCM格式文件。
2024-09-22 09:52:33
1152
2
原创 鸿蒙搭配前端开发：应用端与WEB端交互
鸿蒙系统（HarmonyOS）是华为开发的一款面向全场景的分布式操作系统，其设计初衷是为了适应物联网时代的需求，旨在构建一个统一的操作系统，支持多种设备的无缝协同工作。： 鸿蒙系统支持跨设备的分布式软总线技术，使得不同类型的设备能够像一台设备一样协同工作，实现资源共享和服务迁移。： 开发者可以使用一套代码库开发出能在不同设备上运行的应用程序，这大大减少了开发成本和维护复杂度。这种“写一次，到处运行”的能力提高了开发效率。
2024-09-14 16:03:56
1578
原创 原型与原型链
在JavaScript中，原型（prototype）和原型链（prototype chain）是理解对象如何继承属性和方法的关键概念。原型，它指向另一个对象，这个对象（构造函数.prototype）被称为。
2024-09-01 21:20:07
1239
原创 数据持久化原理：本地存储
每种存储方式都有其适用场景和限制。在实际应用中，开发者需要根据项目的具体需求来选择合适的存储方式。例如，对于需要长期存储的数据，可以选择 LocalStorage 或 IndexedDB；而对于临时存储的数据，可以使用 SessionStorage。如果需要存储的数据量较大或者需要进行复杂的查询操作，则 IndexedDB 可能是最合适的选择。在前端开发中，有几种常见的方法可以用来在客户端存储数据。对于上一节中所描述的问题。其本质是本地存储技术。
2024-09-01 15:16:00
422
原创 浏览器缓存
提高加载速度浏览器可以直接从缓存加载资源，而无需从服务器获取，这显著加快了页面的加载速度。减少网络流量由于减少了重复的数据传输，网络流量得到节约，这对于移动网络环境尤为重要。降低服务器负载服务器不必频繁地处理重复的请求，减轻了服务器的压力。改善用户体验快速加载的页面让用户感觉更流畅，提升了整体的用户体验。节省带宽成本对于需要支付带宽费用的网站运营者来说，减少数据传输可以节省成本。离线访问能力即使在网络连接不稳定或断开的情况下，用户仍然可以访问之前缓存的内容。提高应用性能。
2024-08-30 15:20:11
1264
原创 Vue面试
事件冒泡描述了事件如何从触发事件的最内层元素开始，逐步向上传播到父元素，直至到达文档的根元素的过程。事件冒泡是前端开发中一个非常重要的概念，它描述了事件如何从触发事件的最内层元素开始，逐步向上传播到父元素的过程。Vue 3 对 TypeScript 的支持更加完善，提供了更好的类型定义，使得类型检查更加精确，同时降低了使用 TypeScript 的门槛。Diff 算法是现代前端框架中的关键技术之一，它通过比较虚拟 DOM 树的变化来最小化实际 DOM 的更新，从而提高应用程序的性能。是两个非常重要的概念。
2024-08-26 16:17:03
1160
原创 闭包（Closure）
闭包（Closure）是JavaScript中一个非常重要的概念，它允许一个函数访问并操作其外部作用域中的变量，即使该函数在其外部作用域之外被调用。闭包使得函数能够“记住”它被定义时的作用域内的变量状态，即使这个作用域已经不存在了。
2024-08-15 16:17:38
282
原创 ECMAScript性能优化与常见陷阱
ECMAScript（通常称为JavaScript）是Web开发中不可或缺的一部分。随着ES6及更高版本的推出，JavaScript的功能越来越强大，但同时也带来了新的性能优化技术和潜在的陷阱。下面是一些关于JavaScript性能优化的技术和需要注意的陷阱。
2024-08-15 16:13:20
363
原创 如何看待“低代码”开发平台的兴起？
随着数字化转型的需求增加，低代码平台已经成为许多组织快速开发应用的重要手段。近年来，“低代码”开发平台如雨后春笋般涌现，承诺让非专业人士也能快速构建应用程序。低代码开发平台是一种软件开发工具，它允许开发者通过图形化的界面和少量代码来构建应用程序。这种平台通常提供预构建的组件、模板以及拖放式的编辑器，使得非技术背景的人员也能参与到应用开发过程中。低代码平台的目标是提高开发效率，减少错误，并使业务团队能够更快地响应市场需求。低代码平台通过简化开发过程并提供一系列预制组件和模板，显著提高了开发效率。
2024-08-14 20:04:24
879
1
原创 axios二次封装
前面已经了解了axios（），那么在项目中又该如何使用axios来对接后台呢？在 Vue 中对 Axios 进行二次封装是一种常见的做法，这样可以简化应用中的 HTTP 请求，并且可以使代码更加模块化和易于维护。
2024-08-14 19:48:46
775
原创 Cesium初探-CallbackProperty
允许你在指定的时间点计算属性值，这样就可以实时地改变实体的状态而不需要频繁地重新设置整个属性。是一种非常有用的特性，可以用来动态更新实体的属性，如位置、方向、高度等。
2024-08-05 20:40:17
644
原创 Cesium初探-实体
在 Cesium 中，"实体"（Entity）是一个核心概念，它代表了可以在场景中渲染的任何东西，从简单的点、线、多边形到复杂的模型和图像。实体可以用来表示地理空间数据，如地标、轨迹、卫星轨道等。以下是一些关于 Cesium 实体的关键知识点：定义:属性:时间动态性:层次结构:事件监听器:样式和外观:与场景的交互:性能优化:API 和文档:接下来看实例！点实体线实体标签实体面实体（平面 or 有厚度滴）立方体（以给定点为中心，设置长宽高）椭球体（以给定点为球心，设置长短半轴及厚
2024-08-05 19:23:24
524
原创 Cesium初探-相机
在 Cesium 中，相机（Camera）是一个非常重要的概念，它代表了用户观察 3D 场景的视角。相机不仅决定了用户看到的内容，还定义了观察的角度、距离和方向。pitch( 俯仰角): 默认角度为-90°，即朝向地面，0°为平视，正角度为仰视，负角度为俯视，即抬头低头。heading( 偏航角): 默认方向为正北（0°），正角度为向东旋转，即左右摇头。roll( 翻转角): 默认角度为0°，正角度向右旋转，负角度向左旋转，即左右翻滚。
2024-08-04 15:58:51
960
原创 Cesium初探-坐标转换
World Geodetic System 1984，是为GPS全球定位系统使用而建立的坐标系统，坐标原点为地球质心，其地心空间直角坐标系的Z轴指向BIH （国际时间服务机构）1984.O定义的协议地球极（CTP)方向，X轴指向BIH 1984.0的零子午面和CTP赤道的交点，Y轴与Z轴、X轴垂直构成右手坐标系。屏幕坐标系是一个是平面直角坐标系，即二维笛卡尔坐标系，屏幕左上角为原点（0,0），单位为像素值，屏幕水平方向为X轴，向右为正，垂直方向为Y轴，向下为正。，注意参数皆为弧度制。
2024-08-04 15:08:41
253
原创 Cesium初探
Cesium 是一个开源 JavaScript 库，用于创建 3D 地理空间应用程序。它允许开发者在 Web 浏览器中构建高性能、交互式的 3D 地图和地球可视化应用，而无需安装任何插件。Cesium 支持多种数据格式，包括 3D Tiles（一种高效的 3D 场景流式传输标准），并且可以处理从单个建筑物到整个地球的复杂场景。
2024-08-02 19:31:51
287
原创 Vue3项目初始化：
当我们生成一个Vue3项目后必须要增加一些依赖和配置，比如安装组件库、配置ESLint和Prettier、接下来咱一步步推进~
2024-07-05 19:46:24
740
原创 OpenLayers使用2
本篇主要内容是基于高德API逆向地址解析获取城市中心点，并且设置了输入框，可以输入城市执行飞行，同时基于高德API获取城市天气信息，并显示。
2024-07-05 11:19:34
385
原创 OpenLayers使用
1.对于标准地图和卫星地图：二者最初便挂载到map上，两个图层是叠加显示的；当点击按钮时，其实是使用。初学ol，实现了高德地图不同图层的切换、交互性地图飞行以及加载本地JSON数据。2.对于行政区划（JSON数据）：直接使用。
2024-07-03 20:13:24
509
原创 GlaDS缘起
而沿纵向截面（L1-L2-L3）的数据显示，位于moulin附近的两点（L2和L3）的有效压力近乎同步变化，但上方位置（L1）相比滞后4小时。：图中还展示了不同区域的排水情况，包括片流（sheet discharge，qw）的蓝色线，总排水量（黑色线），以及通过累积输入流量（dashed线）与总流量叠加显示的对比。：Figure 3c展示了节点上的有效压力N，红色十字代表片流节点，较小的蓝色和较大的黑色圆点分别标记通过小通道和大通道的节点位置。在冰川终端附近，存在11个通道，它们之间的距离大约为2公里。
2024-06-06 20:05:53
1122
原创 WebGIS开发必备JS库
WebGIS前端开发中，有一些JavaScript库是特别受欢迎和实用的，它们能够帮助开发者更高效地创建地图应用、处理地理空间数据以及实现丰富的用户交互。: 是一个高性能、开源的JavaScript库，用于在Web上创建富有的地图应用。它支持多种地图数据源，包括从瓦片服务到矢量数据，并提供了大量的交互功能。: 是一个轻量级的地图库，以其简洁的API和高性能著称。适用于移动友好的交互式地图，支持触控操作，非常适合快速开发项目。
2024-05-29 10:24:31
960
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人