鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

短视频免费课程课程排行直播课软考学堂

全部课程厂商认证 IT技术 24年11月软考 PMP项目管理免费题库

文章资源问答课堂专栏直播

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.7w内容

关注

分享前端领域的前沿热点、技术实战、框架应用和使用案例，为开发者学习前端技术提供参考。

文章博文帖子课程

共 713 条

Threejs路径规划案例V1

最近在做一个路径规划的例子，大概场景是在一个xy坐标系中，有几个障碍物，一个车要绕过这些障碍物到达目的地，本来用java来实现，但是java调试太不直观了，我就想起用threejs把场景简单搭建出来，规划好的路线也直接展示出来，就可以实时查看路径规划的怎么样了。先来一张效果图：首先是添加threejs场景，包括灯光，相机，渲染器，也包括地板，然后得到一个空的场景

2024-05-22 09:32:35

Math 路径规划 Threejs

✨✨使用jq+layui的layer+laytpl实现横屏查看功能✨✨

使用jq+layui的layer+laytpl实现横屏查看功能 ✨一、实现功能 ?技术框架使用layui.layer弹出层实现横屏内容展示使用layui.laytpl模板引擎实现table内容的填充 ?功能详情详情页面展示列表内容以及横屏查看按钮点击横屏查看将列表内容实现成横向展示横屏内点击关闭按钮可回到详情页面详情列表页面默认请求5条数据，若请求的列表数据超过5条，则会展示

2024-05-22 08:37:45

横屏 html 数据

Threejs实现音乐节奏表演

昨天看到一个网站是2维的柱形图随着音乐节奏起伏，我突然想到二维形状可以起伏，三维应该也可以，最终原理应该都是将音乐频谱分解为数据，通过数据的切换不断地改变图形的形状来实现，因为找了分析音乐频谱的源码，解析完，再通过threejs的动画实现了3D场景下的模型随着音乐的节奏而变化，下面做详细步骤的说明：这只

2024-03-13 11:51:25

数据加载 Threejs

Threejs用切线实现模型沿着轨道行驶

这次讲一个经常遇到的使用场景，让模型沿着轨迹运动，这个场景需要解决两个问题，第一是让模型沿着轨迹运动，第二是在沿着轨迹运动的同时，要保持模型的头部也时刻保持前方，而不是单纯的只是更新模型位置。还是先创建一个场景，添加相机，灯光，渲染器等，然后需要创建一个轨迹，这里用CatmullRomC

2024-03-09 11:01:56

放个烟花迎接龙年春节吧

不知不觉即将迎来2024龙年春节了。龙的形象在中国传统文化中有着广泛的应用，比如在传统文化中，龙代表着权力、威严、吉祥和神灵的象征，同时也是生命力和繁荣的象征。今天的文章将用原生JavaScript和Canvas API实现一个烟花的效果，效果如下所示，在放烟花的过程中将「龙年大吉」的文字逐渐显示出来。接下来开始具体的代码实现过程，针对重点实现代码进行解析，详情完整代码请看源码实现。烟花效果

2024-01-27 16:50:19

前端 javascript canvas

最佳实践：如何发现、修复和防止 Node.js 内存泄漏

这篇文章将介绍什么是内存泄漏以及如何在 Node.js 应用程序中避免内存泄漏。

2024-01-22 14:20:26

内存泄漏全局变量 nodejs

R语言多维度视角下白领人群健康体质检测数据关系可视化分析

2024-01-21 00:46:59

数据集数据数据分析

从 ECMAScript 6 角度谈谈执行上下文

起因是最近了解JS执行上下文的时候，发现很多书籍和资料，包括《JavaScript高级程序设计》、《JavaScript权威指南》和网上的一些博客专栏，都是从 ES3 角度来谈执行上下文，用ES6规范解读的比较少，所以想从ES6的角度看一下执行上下文。

2024-01-11 10:38:40

词法执行上下文 javaScript

构建数字化美食未来：深入了解连锁餐饮系统的技术实现

在当今数字化时代，连锁餐饮系统的设计与开发已成为餐饮业成功经营的重要一环。本文将深入研究连锁餐饮系统的技术实现，结合代码演示，为技术开发者和餐饮业者提供深刻的理解。1. 技术选型与系统架构在开始设计开发前，首先要考虑选择合适的技术栈和系统架构。以下是一个简单的系统架构示例，使用了现代化的前后端分离技术：前端技术栈（示例：React）// App.js - 前端主应用组件 import React

2024-01-10 16:44:47

App 技术栈系统架构

鸿蒙原生应用/元服务开发-长时任务

概述功能介绍应用退至后台后，对于在后台需要长时间运行用户可感知的任务，例如播放音乐、导航等。为防止应用进程被挂起，导致对应功能异常，可以申请长时任务，使应用在后台长时间运行。申请长时任务后，系统会做相应的校验，确保应用在执行相应的长时任务。同时，系统有与长时任务相关联的通知栏消息，用户删除通知栏消息时，系统会自动停止长时任务。使用场景下表给出了当前长时任务支持的类型，包含数据传输、音频播放、录音、

2024-01-09 10:46:58

Code 应用进程 Text

JavaScript Promise超详细源码解读

Promise超详细源码解读说到promise，相信大家在日常开发中都经常使用到，它是我们异步操作中必不可少的一部分，可以让代码看起来变得更好理解；我曾在技术社区看过许多关于promise底层原理的文章，大概原理明白，这次，我准备系统的分析实现源码并记录下来，本文将一行行代码去分析最后附加流程图和总结，希望这能对你有帮助；promise的实现库有这么多，接下来我们以github的promise p

2024-01-08 19:58:52

赋值数组 i++

Vue中使用 Scss 实现配置、切换主题

本项目中的公共样式文件均位于 src/assets/css 目录下，其中 index.scss是总的样式文件的汇总入口，common.scss 是供全局使用的一

2023-10-22 20:59:37

vue.js scss ico

前端打怪之旅=>Es6入门(对象简化写法、函数)

对象的简化写法ES6允许在大括号里面，直接写入变量和函数，作为对象的属性和方法这样的书写更加简洁 let name = '浅辄'; let change = function(){ console.log('我可以改变世界'); } const school ={

2023-10-16 14:59:57

赋值数组 ES6

Nest.js Controller 解析：探索路由和请求处理的强大功能

`Controller` 它主要是负责特定路由请求处理并将响应结果返回给客户端。每个控制器它会有多个路由，不同路由对应不同的业务请求处理。在 `Nest` 中，创建一个控制器，应该使用类和装饰器，装饰器会使类相关联的数据的关联起来，将请求绑定到相应的控制器。

2023-10-16 14:34:56

HTTP Controller Router

【Java面试题】Spring是如何解决循环依赖问题？

?博主介绍：博主从事应用安全和大数据领域，有8年研发经验，5年面试官经验，Java技术专家，WEB架构师，阿里云专家博主，华为云云享专家，51CTO TOP红人 Java知识图谱点击链接：体系化学习Java（Java面试专题） ✊✊ 感觉对你有帮助的朋友，可以给博主一个三连，非常感谢 ??? 写在前面 ?这个面试题是面到 Spring 必问的，要想很好的去回答还是要研究下源码的，而不是

2023-07-17 20:09:24

缓存 spring 依赖注入

在Docker上实战ElasticSearch以及与SpringBoot集成

1. ELASTICSEARCH1、安装elastic searchdokcer中安装elastic search（1）下载ealastic search和kibanadocker pull ela

2023-07-14 14:16:35

elasticsear 数据 docker

深度剖析之由浅入深揭秘JavaScript类型转换(最全总结篇)

前言系列首发于公众号『前端进阶圈』，若不想错过更多精彩内容，请“星标”一下，敬请关注公众号最新消息。深度剖析之由浅入深揭秘JavaScript类型转换(最全总结篇)值类型转换将值从一种类型转换为另一种类型通常称为类型转换，分为隐式强制类型转换和显示强制类型转换。两者的区别在于是否可直观看出。如下代码：var a = 42; var b = a + ""; // 隐式强制类

2023-07-07 10:47:41

强制类型转换 JSON 字符串

搜索语义模型的大规模量化实践

目前大模型正在被研究和应用，算力资源已经成为瓶颈，如何以更低地成本进行落地是一个非常热点的问题。基于对模型压缩技术的实践和积累，我们能够更好地助力大模型的探索和应用。

2023-06-27 11:01:03

NLP INT8 paddle

Logstash、Filebeat安装与数据同步(+ES安装讲解)

Logstash安装、Filebeat安装、数据同步到ES中

2023-06-13 14:24:04

服务器 linux 网络

10分钟让你掌握Linux常用命令(+3万+++收藏)

1、目录操作。2、文件操作。3、文件内容操作。4、压缩和解压缩。5、日志查看。6、Linux下文件的详细信息。7、常用的docker容器的命令。8、其他命令。

2023-06-13 14:14:23

Linux shell Linux常用命令

RedisTemplate操作Redis，这一篇文章就够了（一）

RedisTemplate操作Redis，这一篇文章就够了(一）StringRedisTemplate和Re

2023-06-13 14:05:58

redis 缓存 memcached

React+hook+ts+ant design封装一个具有编辑和新增功能的页面

前言我是歌谣我有个兄弟巅峰的时候排名c站总榜19 叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了从头再来歌谣的意志是永恒的放弃很容易但是坚持一定很酷微信公众号前端小歌谣需求分析在前端项目中最常见的就是做一个页面的新增和编辑通常一个页面就能够搞定功能思维这边的话需要做出一个弹出框的一个模式弹出框部分设计<Mod

2023-04-21 09:33:13

弹出框输入设备需求分析

我开发了一个温柔的智能客服聊天机器人ChatBot，并回答为什么不是ChatGPT（附思路和代码）

本文是笔者设计实现智能机器人chatbot的思考和开发过程，使用了全文搜索技术、中文分词、nodejs、socketio等技术，虽然不是chatgpt却也是个温柔可人的小助理，是个可爱的聊天机器人，附有代码和演示网址。代码实现浅显易懂，适合入门级学习。

2023-04-20 19:13:43

chatgpt chatbot 聊天机器人

react+ts+hook封装一个table分页组件(建议收藏,直接使用)

前言大家好我是歌谣我是一名坚持写博客四年的博主最好的种树是十年前其次是现在，今天继续对ant design table的分页封装进行讲解封装准备（多看官网）jsx风格的api<> <Table<User> columns={columns} dataSource={data} /> /* 使用 JSX 风格的 API */ &lt

2023-04-18 09:47:42

分页 Source 封装

Vue中 $attrs、$listeners 详解及使用

1. 前言多级组件嵌套需要传递数据时，通常使用的方法是通过 vuex。如果仅仅是传递数据

2023-04-17 09:56:34

前端 vue.js Vue

java.lang.OutOfMemoryError- unable to create new native thread 问题排查

问题描述最近连续两天大约凌晨3点，线上服务开始异常，出现OOM报错。且服务所在的物理机只能ping通，但是无法登录。报错信息如下： ERROR 04-12 03:01:43,930 [DefaultQuartzScheduler_Worker-3] JobRunShell[JobRunShell]

2023-04-17 09:39:53

小白用chatgpt编写python 爬虫程序代码抓取网页数据(js动态生成网页元素)

jS动态生成，由于呈现在网页上的内容是由JS生成而来，我们能够在浏览器上看得到，但是在HTML源码中却发现不了。

2023-04-16 21:58:51

python 网络爬虫 Windows

pandas读取Excel核心源码剖析，面向过程仿openpyxl源码实现Excel数据加载

容有很多，我们挑一些有价值的内容进行解析。默认传递的参数下，会调用inspect_excel_format函数获取文件的扩展名。直接通过文件名获取的扩展名有可能不真实，我们可以查看的源码，研究pandas判断

2023-04-16 21:54:31

pandas excel python

深度学习语义分割篇——FCN原理详解篇

理详解???。

2023-04-16 21:48:54

深度学习计算机视觉目标检测

Android 自定义View 之圆环进度条

很多时候我要再去创建项目了，就用我之前创建的EasyView。根据上面的效果图，我们首先来确定XML中的属性样式，修改attrs.xml的代码如下所示：这里你会发现一个改变，那就是文字颜色和文字大小的属性从之前的中抽出来了，

2023-04-16 21:34:54

android 自定义View 圆环进度条

手拉手Centos7安装配置Redis7

手拉手Centos7安装配置Redis7

2023-04-16 21:26:35

redis 数据库 java

#yyds干货盘点#详细讲讲WebSocke

WebSocketWebSocket是HTML5开始提供的一种浏览器与服务器间进行全双工通讯的网络技术。现很多网站为了实现即时通讯，所用的技术都是轮询(polling)。轮询是在特定的的时间间隔（如每1秒），由浏览器对服务器发出HTTP请求，然后由服务器返回最新的数据给客服端的浏览器，这种方式有一个很大的弊端，就是会占用很多的带宽。最新的轮询效果是Comet – 用了AJAX。但这种技术虽然可达到

2023-04-16 15:01:43

客户端服务端服务器

react+ts+hook封装一个table分页组件(建议收藏,直接使用)

前言大家好我是歌谣我是一名坚持写博客四年的博主最好的种树是十年前其次是现在，今天继续对ant design table的分页封装进行讲解封装准备（多看官网）jsx风格的api<> <Table<User> columns={columns} dataSource={data} /> /* 使用 JSX 风格的 API */ &lt

2023-04-16 10:56:37

分页 Source 封装

ant design upload实现多个文件一次上传(全网首发)

前言大家好我是歌谣在日常的学习生活中我们会遇到各种各样的问题今天在工作中就遇到了多个文件上传的时候会调用多次接口感谢群友的帮助想加入前端巅峰交流群可以私信我原因一开始不知道原因后来在群友的帮助下最后知道了原因是onChange的原因上传中、完成、失败都会调用这个函数思路解答群友给的demoimport "./styles.css"; import React, { useStat

2023-04-16 10:55:52

Data 上传 App

WebSocket和Socket编程

吗，socket是怎么实现知道有连接过来的说说WebSocket与socket的区别。

2023-04-16 10:37:48

websocket 网络 tcp/ip

JavaScript中处理异步的几种方法

2023-04-16 09:48:42

javascript es6 前端

dockerfile的使用，使用dockerfile部署springboot项目

2023-04-16 09:46:32

spring boot docker 容器

Deformable DETR模型学习记录

多尺度的特征融合方法则是取了骨干网(ResNet)最后三层的特征图C3，C4，C5，并且用了一个

2023-04-16 08:41:49

学习深度学习人工智能

华为手表开发：WATCH 3 Pro（14）传感器订阅陀螺仪

华为手表开发：WATCH 3 Pro 传感器订阅陀螺仪。鸿蒙开发：手表上的陀螺仪通常是一种

2023-04-16 08:25:15

华为陀螺仪 css

Android 自定义View 之计时文字

在Android开发中，常常会有计时的一些操作，例如收验证码的时候倒计时，秒表的计时等等

2023-04-16 08:22:44

android 自定义View 计时控件

关于Redis的BigKey

文章目录准备keys * 等命令的危害与避免不用keys * ，应该用什么BigKey阿里云Redis开发规范多大算Big危害怎么产生的？怎么发现BigKey怎么删除String类型使用hscan每次获取少量field-value，再使用hdel删除每个field使用ltrim渐进式逐步删除，直到全部删除完成使用sscan每次获取部分元素，再使用srem命令删除每个元素使用zscan每次获取部分元

2023-04-15 06:43:23

redis 数据库缓存

Vue组件的通信方式有哪些？

适用场景：子组件传递数据给父组件子组件通过$emit触发自定义事件，$emit第二个参数为传递的数值父组件绑定监听器获取到子组件传递过来的参数组件Father.vue组件。

2023-04-15 06:35:30

vue.js 前端 javascript

让 Spartacus 服务器端渲染引入 long API 调用超时机制的两种配置方法

两种方法，使用 config.backend.timeout = { 浏览器：...，服务器：...} ，或者可以更具体地配置，即基于 Request 粒度，通过将 HTTP_TIMEOUT_CONFIG HttpContextToken 传递给 Angular HttpClient 的方法来针对每个具体请求进行配置。在SSR（Node.js）中，超时处理耗时过长的外部http调用是一项尤为重要

2023-04-12 10:03:49

typescript HTTP 应用程序

如何将微前端项目部署在同一台服务器同一个端口下

本文我们将以围绕系统安全质量提升为目标，讲述在安全前置扫描上实践开展过程。希望通过此篇文章，帮助大家更深入、透彻地了解安全测试，能快速开展安全测试。

2023-04-11 10:23:07

html nginx 微前端

源码共读 | 为 vite 项目自动添加 eslint 和 prettier

前言 Vite 是一个用于现代 JavaScript 应用程序的快速、轻量级的构建工具，其设计目的是易于使用和适用于大型项目。Vite-pretty-lint 是一个插件，可以在基于 Vite 的项目中安装和配置，以便在编写代码时能够自动对代码进行格式化和检查代码。这可以帮助开发人员在开发过程的早期捕获格式化和链接错误，并确保代码库遵循一致的样式。学习目标：如何为 vite 项目自动添加 e

2023-04-09 14:41:33

codeniu 源码阅读

你的订婚|结婚纪念日是质数吗？进来测算看看……

2020年5月20日，周鸿祎在其抖音账号发布的“结婚纪念日”视频里表示，挑选结婚纪念日要用质数，因为质数的特性是不可分解。那么你的订婚|结婚纪念日是质数吗？

2023-04-09 07:11:47

随机数 HTML JavaScript

Hadoop技术之Apache Hadoop集群搭建Apache Hadoop概述

duce模块配置yarn-site.xml yarn模块配置第三类1个： workers。......

2023-04-05 11:12:45

hadoop apache 大数据

混沌工程之ChaosMesh使用之四模拟网络Duplicate包

今天我们来玩一下ChaosMesh模拟网络duplicate包的情况。同时

2023-04-04 09:30:03

重传 TCP 计算逻辑

【JavaScript】50_终篇_编程进阶与BOM编程概览（3k字+）

12、节点的复制使用 cloneNode() 方法对节点进行复制时，它会复制节点的所有特点包括各种属性这个方法默认只会复制当前节点，而不会复制节点的子节点可以传递一个true作为参数，这样该方法也会将元素的子节点一起复制在本案例中，像li是一个节点，里面的“孙悟空”是一个子节点，需要使用true来一块复制上<body> <button id="btn01">点我一下

2023-03-19 18:24:56

事件对象子节点绑定事件

Spring-WebFlux使用，一文带你从0开始学明白Spring-WebFlux，学明白响应式编程

传统的基于Servlet的Web框架，如Spring MVC,在本质上都是阻塞和多线程的

2023-03-18 12:10:03

spring java User

1 2 3 4 5 6 ··· 15 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

51CTO博客鸿蒙开发者社区 AI.x社区

教育

51CTO学堂精培企业培训 CTO训练营