前端

通过 tree shaking 移除无用代码

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

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

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

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

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

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

webpack常用loader和plugin

Loader 简介 webpack中提供了一种处理多种文件格式的机制,这便是Loader,我们可以把Loader当成一个转换器,它可以将某种格式的文件转换成Wwebpack支持打包的模块。 在Webpack中,一切皆模块,我们常见的Javascript、CSS、Less、Typescript、Jsx、图片等文件都是模块,不同模块的加载是通过模块加载器来统一管理的,当我们需要使用不同的 Loader

el-form的el-input 输入框按回车页面刷新问题

1、问题:当页面只有一个输入框时,获取焦点时,点击回车整个页面被刷新了 <el-form :model="Form" label-width="100px"> <el-form-item label="名称"> <el-input v-model="Form.name"></el-input> </el-form

Sword - 为 Kotlin 函数增加代理功能(四) - Kotlin IR

简介 Sword:一个可以给 Kotlin 函数增加代理的第三方库,基于 KCP 实现。 Sword - 为 Kotlin 函数增加代理功能(一) Sword - 为 Kotlin 函数增加代理功能(二) Sword - 为 Kotlin 函数增加代理功能(三) 前面三篇文章笔者记录了 Sword 的实现过程,如何使用 Sword 以及如何通过 KSP 为 InvocationHandler

微前端解决方案-qiankun实战及部署

先来张图片压压惊 image.png 在线demo:wzs.bengdada.com/ 单独访问在线子应用: subapp/micro-react subapp/micro-vue2 subapp/micro-vue3 一.导读 1.什么是微前端 微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。 微前端架构具备以下几个核心价值:

基于Java和高德开放平台的WebAPI集成实践-以搜索POI2.0为例

目录前言一、高德搜索API简介1、高德开放平台2、搜索功能介绍 3、部分API介绍二、Uniapi集成高德API1、API集成流程2、访问接口的定义3、业务调用集成三、常见问题与优化四、总结前言        在当今数字化时代,地理信息系统(GIS)和位置服务(LBS)已成为许多应用程序的核心组成部分。无论是导航、物流、社交网络