前端

axios的get请求传入数组参数

axios 发送 get 请求的一般方式如下: axios.get(url,{params:{ a:1 }}) 但是,如果 params 里有数组参数的话,上面的方法就会带来问题。 例如, 这里发送的请求参数 b 是数组: axios.get(url,{params:{ a:1, b:[1,2] }}) 这时候,后端 Django 用 request.GET.getli

通过 tree shaking 移除无用代码

tree shaking 依赖于ES Module 的静态语法分析,在项目编译时移除无用的代码以减少文件体积。 usedExports 在文件中,我们可能定义了变量但是暂时又没有用到,这样会造成空间的浪费。在 mode 为 production 时,会默认做一些配置,将无用的代码删除。为了看到没有做处理时编译后的文件效果,在 webpack 中做如下配置。 module.exports = {

透明图片阴影效果+使用 ::before 添加按钮的图标

CSS 大约有两百个属性。很多属性都是相互关联的,理清楚每一个属性细节是不可能的。所以,本文分享一些有用的 CSS 小技巧,方便开发者和设计师参考。 1. 打字效果 测试.gif 网页设计变得越来越有创意。在 CSS 动画的协调下,你的网页会像活的一样。在这个例子中,我们将使用 animation 和 @keyframes 属性去实现打字效果。 具体来说,在这个演示中,我们通过 ste

React 核心知识点系统总结:从基础语法到高级 API,一篇文章梳理完整学习路线

React 核心知识点系统总结:从基础语法到高级 API,一篇文章梳理完整学习路线 摘要React 是当前前端开发中非常重要的 UI 库,它的核心思想并不是“记住一堆 API”,而是理解 组件化开发、数据驱动视图、单向数据流、状态管理和前端路由 这一整套开发模式。本文将按照 React 的学习路线,对 React 中的核心知识

el-table二次封装

在vue开发中使用element-ui的el-table时一般都需要进行封装以便于复用,提高开发效率,减少重复代码,这篇博客对el-table进行简单的二次封装: 一、安装引入 Element官方文档 npm安装element-ui: npm i element-ui -S 可以看文档按需引入,这里为了方便直接全局引入了: import Vue from 'vue' import App fro

【Actix Web】Rust Web开发实战:Actix Web框架全面指南(2025企业级应用版)

​在2025年高并发、低延迟成为Web服务核心指标的背景下,​​Actix Web凭借异步Actor模型与零成本抽象​​,成为Rust生态中生产环境部署率最高的Web框架。本指南深入解析Actix Web 4.0核心技术,覆盖​​百万级并发架构设计​​、​​内存安全防线构建​​、​​云原生集成方案​​三大实战维度,通过电商秒杀系统、物联网数据

玩转ClaudeCode:使用Figma-MCP编写前端代码1:1还原UI设计图

目录本轮目标具体实践一、开启 Figma 的 MCP 服务器二、Claude Code 连接 Figma MCP三、Claude Code 代码实现 Figma 设计稿本轮目标本轮目标是制作数字化大屏的一个前端组件,要求和UI设计图还原度达到1:1。本轮目标需要我们提前准备好figma客户端,且登录帐号具有开发模式的权限(没有可以去某夕)

全员DeepSeek时代,前端能做些什么?

全员DeepSeek时代,前端能做些什么?前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,可以分享一下给大家。点击跳转到网站。 #mermaid-svg-VNyL95jkz9jEXgUq {font-family:"trebuchet ms",ve

Windows 搭建 Gitea

一、准备工作1. 安装 Git:Gitea 依赖 Git 进行代码管理,所以首先需要确保系统中安装了 Git。下载地址: 安装数据库(可选)默认情况下,Gitea 使用 SQLite 作为内置的轻量级数据库,但如果需要&#xff0c