前端javascript工程师 经验

前端出大事儿了

公众号「古时的风筝」,专注于后端技术,尤其是 Java 及周边生态。 个人博客:www.moonkite.cn 大家好,我是风筝 最近这两天,在前端圈最火的图片莫过于下面这张了。 这是一段 React 代码,就算你完全没用过 React 也没关系,一眼看过去就能看到其中最敏感的一句代码,就是那句 S ......
大事儿 前端 大事

使用 Docker Compose 部署 RabbitMQ 的一些经验与踩坑记录

前言 特点 成熟,稳定 消息持久化 灵活的消息路由 高性能,高可用性,可扩展性高 支持插件系统:RabbitMQ 具有丰富的插件系统,可以通过安装插件来扩展其功能,例如管理界面、消息追踪、消息转换等。 ......
RabbitMQ Compose 经验 Docker

JavaScript for循环控制语句

1、什么是for循环 在JavaScript中,for循环是一种常用的控制流语句,用于重复执行一段代码指定的次数。 for (循环变量初始化表达式; 循环条件表达式; 更新循环变量表达式) { 循环体} 初始化表达式:只在循环开始时执行一次,通常用于初始化循环控制变量。 条件表达式:每次循环开始前都 ......
语句 JavaScript for

overflow溢出属性 前端基础之JavaScript

今日内容详细 overflow溢出属性 visible 默认值。内容不会被修剪,会呈现在元素框之外。 hidden 内容会被修剪,并且其余内容是不可见的。 scroll 内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。 auto 如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。 ● ......
前端 JavaScript overflow 属性 基础

如何在 Web 前端做 3D 音效处理

​ 一、背景 在社交元宇宙、大逃杀等类型的游戏场景下,用户在通过简单语音交流外,结合场景也需要一些立体声效果来让用户感知游戏角色周围其他用户的存在及其对应的距离和方位,提高语音互动的趣味性。 为了满足上述需求 ZEGO Express Web SDK 从 v2.10.0(Native 为 v2.11 ......
前端 音效 Web 3D

自动化混沌工程 ChaosMeta V0.6 版本发布

ChaosMeta 是一款面向自动化演练而设计的云原生混沌工程平台。提供了可视化编排调度、数据隔离、多云管理等平台功能,以及丰富的故障注入能力,覆盖演练全生命周期。凝聚了蚂蚁集团在公司级大规模红蓝攻防演练实践中多年积累的方法论、技术能力以及产品能力。 ......
ChaosMeta 版本 工程 V0

app支付金额为100,但是前端却显示50,这种情况是怎么回事呢?该如何处理?

app支付金额为100,但是前端却显示50,这种情况是怎么回事呢?该如何处理? 1、可能是服务端没有正常响应返回数据导致的问题--前端发起请求到服务端后没有正常响应返回响应数据,导致回显金额跟实际支付金额不一致; 2、可能是前端展示的问题--前端正常请求了,服务端也正常响应返回数据了,包括通过查询数 ......
前端 金额 回事 情况 app

【javascript】关于匿名函数

什么是匿名函数? 没有名字的函数,叫匿名函数,匿名函数主要有以下几种常用的场景:回调函数,直接执行函数,箭头函数 什么是回调函数? 回调函数是一段可执行的代码段,它作为一个参数传递给其他的代码,其作用是在需要的时候方便调用这段(回调函数)代码。(作为参数传递到另外一个函数中,这个作为参数的函数就是回 ......
javascript 函数

JavaScript模态框无法弹出的问题

可能是复制的时候class内缺少了 bs-example-modal-lg 导致的 修改代码如下: <div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModa ......
模态 JavaScript 问题

Go开发工程师入门到项目实战 Google架构师联合大厂架构师出品

01 | Go语言课程介绍 蔡超Mobvista技术副总裁兼首席架构师,前亚马逊(中国)首席软件架构师 本节内容 你好,我是蔡超,目前在 Mobvista 担任技术副总裁兼首席架构师。在加入 Mobvista 前,我也曾在亚马逊,惠普等公司担任过首席软件架构师。 我是从小学四年级开始学习计算机编程的 ......
架构 实战 工程师 项目 Google

JavaScript 的力量

JavaScript 是一个超越 React 领域的强大力量。虽然 React 在现代 Web 开发中的受欢迎程度是不可否认的,但了解 JavaScript 的多功能性和实际应用程序是基础。用于事件处理和 DOM 操作等,JavaScript 的统治地位远远超出了 React;它是现代网络开发的基石 ......
JavaScript 力量

JavaScript条件判断if 语句

一、if语句的分支 分类:单分支,双分支,多分支,分支嵌套 ()中可以是一个值,也可以是一个表达式 // 单分支 if (条件表达式){ 代码段 } // 双分支 if (条件表达式) { 代码段1 }else { 代码段2 } // 多分支 if (条件表达式1){ 代码段1 } else if ......
语句 JavaScript 条件

二、搭建前后端分离的自动化测试平台的前端Vue3+Element-plus前端项目

一、安装Node.js以及配置环境变量 1、Node获取地址 https://nodejs.org/en/download 一直默认选项安装,安装好了之后,在环境变量中会自动配置Node的地址,可以在cmd中使用 node -v/npm -v命令验证是否下载成功 2、设置Node的配置内容 (1)在 ......
前端 Element-plus Element 项目 平台

前端大文件切片上传,断点续传、秒传等解决方案,vue中使用实例

先看逻辑 如何切片?如何获取文件唯一hash?与后端交互获取文件上传的状态,用于判断情况,是秒传还是续传?上传切片文件,判断失败文件重新执行?全部上传完成通知后端? 1、先上全部代码,后面第2部分解析、第3部分vue中使用相关依赖spark-md5主要用于拿取文件的md5mitt 发布订阅 impo ......
断点 前端 实例 解决方案 文件

Spring Boot - ffmpeg 获得 m3u8 列表和 ts 文件,前端请求视频流进行播放

安装 ffmpeg FFmpeg 下载地址:GitHub releases。请下载:ffmpeg-master-latest-win64-gpl-shared.zip 压缩包。 解压到你系统盘任意位置(前提是你以后找得到这玩意儿在哪)。 接下来就是配置其环境变量,所有的环境变量都是配置它的启动文件的 ......
视频流 前端 文件 Spring ffmpeg

JavaScript数组及方法总结

数组的创建方法 1、常规方式: var myCars=new Array(); myCars[0]="Saab"; myCars[1]="Volvo"; myCars[2]="BMW"; 2、简洁方式: var myCars=new Array("Saab","Volvo","BMW"); 3、字面 ......
数组 JavaScript 方法

javascript 实现参数重载

1.概要 在java中,同一个函数签名,比如 getUser,我们可以根据参数的不同,调用不同功能的方法。这也就是参数重载,如何在javascript也实现参数重载呢? 2.实现方法 function createOverload(){ const callMap=new Map(); functi ......
javascript 参数

前端面试题

vue页面跳转会经过两个钩子函数**beforeEach、afterEach** 组见守卫 **beforeRouteEnter**前置组见守卫 **beforeRouteUpdate*更新之前 watch和computed区别 数据没有改变,则 computed 不会重新计算)。若没改变,计算属性 ......
前端

tkMapper逆向工程步骤

1、配置tkMapper maven插件 <!-- 控制maven在构建过程中的相关配置--> <build> <!-- 构建过程中用到的插件--> <plugins> <!-- 具体插件,逆向工程的操作是以构建过程中的插件形式出现的--> <plugin> <groupId>org.mybatis ......
逆向工程 tkMapper 步骤 工程

软件工程开发方法论

前言 规范的目的及其能愿动词的使用 规范 ......
方法论 软件工程 方法 工程 软件

在JavaScript中编码URL

内容来自 DOC https://q.houxu6.top/?s=在JavaScript中编码URL 如何安全地使用JavaScript对URL进行编码,以便将其放入GET字符串中? var myUrl = "http://example.com/index.html?param=1&another ......
JavaScript 编码 URL

Apollo 配置中心的部署与使用经验

Apollo 特点:成熟,稳定 支持管理多环境/多集群/多命名空间的配置 配置修改发布实时(1s)通知到应用程序 支持权限控制、配置继承,版本管理,灰度发布,使用监控等 ......
经验 Apollo

软件测试|快速、可靠的JavaScript依赖管理工具——yarn

简介 Yarn是一个由Facebook于2016年推出的JavaScript软件包管理器。它的目标是解决npm(Node.js的默认软件包管理器)在性能和可靠性方面的一些问题。Yarn旨在提供更快、更安全、更稳定的依赖项安装过程,使JavaScript开发人员能够更轻松地管理和构建项目。本文将详细介 ......

软件测试|Yarn安装指南:在不同平台上快速启动JavaScript项目

简介 Yarn是JavaScript生态系统中流行的包管理器,它可以加快依赖项的安装速度,提供更好的性能和安全性。本文将为介绍在不同平台上安装Yarn的教程,帮助大家快速启动JavaScript项目。 Linux安装Yarn 在Linux系统上安装Yarn通常有几种方式,具体取决于我们的系统和包管理 ......
软件测试 JavaScript 指南 项目 平台

第十章、web前端架构师

目录二十二、大型项目的编译,部署以及性能优化1、前言 二十二、大型项目的编译,部署以及性能优化 1、前言 ......
前端 架构 web

基于Echart的前端可视化

GitHub 上有许多关于低代码自助可视化的项目,前端使用 Vue 和 ECharts 的示例。以下是一些可能符合你要求的项目: DataV: 项目链接:DataV 描述:DataV 是一款基于 Vue 和 ECharts 的低代码自助可视化工具,它提供了丰富的可视化组件和拖拽式的界面设计,使用户可 ......
前端 Echart

PMP-5.2 管理项目知识--经验教训登记册

################################################# 上一章我们说明了指导与管理项目工作的内容及工具, 主要内容包括输出:工作绩效数据、问题日志、变更请求、可交付成果。 主要用到的工具是项目管理信息系统,各个公司的项目管理信息系统都有所不同,但都需包含进 ......
登记册 教训 经验 项目 知识

7年经验之谈 —— 什么是模糊测试?

背景:近年来,随着信息技术的发展,各种新型自动化测试技术如雨后春笋般出现。其中,模糊测试(fuzz testing)技术开始受到行业关注,它尤其适用于发现未知的、隐蔽性较强的底层缺陷。这里,我们将结合AFL开源工具,对模糊测试的基本概念和流程进行说明。 01、模糊测试的定义 模糊测试的核心思想是,根 ......
经验

02_JavaScript函数与对象

一、JavaScript函数 为什么要有函数? 如果要在多个地方求1-100之间所有数的和,应该怎么做? 1.1、JavaScript函数的定义 1.1.1、函数概念 ​ 函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。通俗来讲:把一段相对独立的具有特定功能的代码块封装起来,形成一个独立 ......
JavaScript 函数 对象 02

03_JavaScript BOM编程

一、BOM概述 1.1、Web API 1.1.1、API的概念 ​ API(Application Programming Interface,应用程序接口)是一些预先定义的函数,或指软件系统不同组成部分衔接的约定。 用来提供应用程序与开发人员基于某软件或硬件得以访问的一组例程,而又无需访问源码, ......
JavaScript BOM 03