前端

通过 tree shaking 移除无用代码

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

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

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

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

双剑破天门:攻防世界Web题解之独孤九剑心法(三)

免责声明:用户因使用公众号内容而产生的任何行为和后果,由用户自行承担责任。本公众号不承担因用户误解、不当使用等导致的法律责任**本文以攻防世界部分题为例进行演示,后续会对攻防世界大部分的web题目进行演示,如果你感兴趣请关注**目录一:攻防世界web-Fileinclude二:攻防世界web-Easyupload三

终极JWT工具:在线解析与生成JSON Web Token的完整指南

JWT Tool 是一个强大的JSON Web Token测试工具包,专门为开发者和安全测试人员设计。这款工具提供了完整的JWT解析生成器功能,支持在线JWT调试工具操作,能够帮助用户快速识别和测试JWT实现中的安全问题。 【免费下载链接】jwt_tool :snake: A toolkit for testing, tweaking and crac

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

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

svg图标无法修改颜色的解决方案

问题原因:该部分svg图标带有fill属性,不能直接通过css 修改fill属性。 解决思路:一、移除默认颜色(去色操作);二、利用CSS3滤镜filter中的属性drop-shadow。 思路一:移除默认颜色(去色操作) 用编辑器打开.svg文件,搜索fill="#xxx" ,删除后即可通过css进行修改。 或者将如下代码删除即可。 <defs> <style

多屏幕适配方案

在大屏开发中,最常遇到的就是多屏幕适配了。这里提供两套简单实用的方案。 一. 最外层元素增加 scale 这里的最外层元素指的是能包含所有页面的元素。我们可以给最外层元素设置固定的宽高,比如 1920 * 1080。一旦大屏的尺寸跟设定的不符合,则通过缩放相应的倍数来适配大屏。 具体代码如下: // 获取缩放倍率 getScale = () => { const [width, h