前端

微信小程序实现tabbar凹凸圆选中动画

1.实现效果 c41eaaf41cb24d0ea8231e3d89131854.gif 2.实现原理 2.1 引入阿里巴巴矢量图标 可参考文章:微信小程序引入外部icon(阿里巴巴矢量图标) 2.2 css函数var css的var函数:var() 函数用于插入自定义的属性值,如果一个属性值在多处被使用,该方法就很有用。 语法: var(custom-property-name,

【Spring Boot 报错已解决】Spring Boot 参数接收问题:前端传 name 后端接 username 为 null 的解决思路

文章目录 引言 一、问题描述 1.1 报错示例 1.2 报错分析 1.3 解决思路 二、解决方法 2.1 方法一:修改后端接口接收参数的名称,使其与前端传递的参数名一致 2.2 方法二:修改前端传递的参数名,使其与后端接口接收参数的名称一致 2.3 方法三:使用@RequestParam注解指定参

Vue 的单项数据流

数据总是从父组件传到子组件,子组件没有权利修改父组件传过来的数据,只能请求父组件对原始数据进行修改。这样会防止从子组件意外改变父组件的状态,从而导致应用的数据流向难以理解。 注意:在子组件直接用 v-model 绑定父组件传过来的 props 这样是不规范的写法,开发环境会报警告。 如果实在要改变父组件的 props 值可以再data里面定义一个变量,并用 prop 的值初始化它,之后用$emit

react中 useContext 和useReducer的使用

useContext和useReducer 可以用来减少层级使用, useContext,可以理解为供货商提供一个公共的共享值,然后下面的消费者去接受共享值,只有一个供货商,而有多个消费者,可以达到共享的状态改变的目的。 useReducer 可以和 useContext 配合使用,useReducer 可以理解为所有的公共组件共享状态。有多个组件,但是都要共享同一个状态和改变状态后的值,这时候

高性能 Rust Web 框架背后的秘密:Axum 内存模型与生命周期管理

高性能 Rust Web 框架背后的秘密:Axum 内存模型与生命周期管理目录高性能 Rust Web 框架背后的秘密:Axum 内存模型与生命周期管理摘要1. Axum 内存模型概述1.1 基于 Tower 生态的内存架构1.2 零成本抽象与内存效率2. 状态管理与生命周期2.1 State Extractor 的内存管理机制2.2 路由器状态生命周期3. 中间件内存

【Web API系列】深入解析 Web Service Worker 中的 WindowClient 接口:原理、实践与进阶应用

前言在现代 Web 开发领域中,Service Worker 技术已成为构建离线优先应用和实现高级缓存策略的核心支柱。作为 Service Worker API 体系中的重要组成部分,WindowClient 接口为开发者提供了对受控客户端窗口的精准控制能力。本文将从实际工程实践的角度出发,系统解析 WindowClient 的核心机制,通

组件分享之后端组件——基于Gin + Vue + Element UI前后端分离的工单系统ferry

组件分享之后端组件——基于Gin + Vue + Element UI前后端分离的工单系统ferry 背景 近期正在探索前端、后端、系统端各类常用组件与工具,对其一些常见的组件进行再次整理一下,形成标准化组件专题,后续该专题将包含各类语言中的一些常用组件。欢迎大家进行持续关注。 组件基本信息 组件:ferry 开源协议:LGPL-3.0 license 官网:

如何从零到一建立前端规范

前言 不以规矩,不能成方圆。 本人有幸经历了团队从缺乏标准到逐渐规范的一个过程,在此当做记录供大家参考。 本文从为什么需要规范以及建立规范的重要性出发,逐步引申出如何去建立适合自己团队的规范,详细讨论了前端具体涉及到的规范都有哪些,部分小节有具体的配置步骤和操作链接。 文中涉及到的所有配置均放在github上的 Demo 中,觉得不错的点个赞 ❤️❤️❤️。 下面我们开始吧🏃。 为什么需要规范 规

创建一个 Angular 组件

组件(Component)是 Angular 应用的基本组成单元。Angular 应用的组件可以控制页面上不同区块的渲染和行为,这些区块被称为视图。 页面的构成 一个 Angular 应用的组件,是按照树形结构进行组织的,组件之间可以进行通信和交互。也可以说,Angular 应用的架构就是其所包含的组件的架构。 组件架构 创建组件 我们可以使用 Angular CLI 的

JavaScript设计模式--访问者模式

定义     提供一个作用于某对象结构中的各元素的操作表示,它使我们可以在不改变各元素的类的前提下定义作用于这些元素的新操作     访问者模式是一种对象行为型模式,由三部分构成:对象集合、集合元素、访问者 访问者     定义对象中元素的操作接口,可以按照元素类型定义区分访问者,当访问到集合中元素时将通过该操作接口回调 元素     对象集合中的一类成员,必须提供accept接口以