透明图片阴影效果+使用 ::before 添加按钮的图标 CSS 大约有两百个属性。很多属性都是相互关联的,理清楚每一个属性细节是不可能的。所以,本文分享一些有用的 CSS 小技巧,方便开发者和设计师参考。 1. 打字效果 测试.gif 网页设计变得越来越有创意。在 CSS 动画的协调下,你的网页会像活的一样。在这个例子中,我们将使用 animation 和 @keyframes 属性去实现打字效果。 具体来说,在这个演示中,我们通过 ste 前端 2025年05月12日 38 点赞 0 评论 11219 浏览
Inertia.js 是什么,如何工作的 Inertia.js Inertia是为开发团队和独立开发者设计的,这些人员通常使用Laravel,Ruby on Rails或Django等框架构建服务器端渲染的应用程序。他们一般通过创建控制器,从数据库中获取数据,然后数据传递给模板,然后呈现视图。 image.png 使用 Inertia,您可以像使用所选的服务器端 Web 框架一样构建应用程序。您可以使用框架的现有功能进行路由、 前端 2025年05月07日 76 点赞 0 评论 11213 浏览
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 前端 2025年05月11日 48 点赞 0 评论 11154 浏览
解锁WebRTC在数字人领域的无限潜能 摘要:WebRTC 将低延迟、跨平台、开源免费的实时通信能力注入数字人应用,通过 getUserMedia、RTCPeerConnection、RTCDataChannel 三大 API,完成媒体采集、P2P 连接与数据通道的建立;辅以 ICE/STUN/TURN 实现 NAT 穿透,DTLS/SRTP 保障安全传输&#x 前端 2025年09月16日 121 点赞 0 评论 11105 浏览
通过 tree shaking 移除无用代码 tree shaking 依赖于ES Module 的静态语法分析,在项目编译时移除无用的代码以减少文件体积。 usedExports 在文件中,我们可能定义了变量但是暂时又没有用到,这样会造成空间的浪费。在 mode 为 production 时,会默认做一些配置,将无用的代码删除。为了看到没有做处理时编译后的文件效果,在 webpack 中做如下配置。 module.exports = { 前端 2025年05月10日 102 点赞 0 评论 11093 浏览
webpack常用loader和plugin Loader 简介 webpack中提供了一种处理多种文件格式的机制,这便是Loader,我们可以把Loader当成一个转换器,它可以将某种格式的文件转换成Wwebpack支持打包的模块。 在Webpack中,一切皆模块,我们常见的Javascript、CSS、Less、Typescript、Jsx、图片等文件都是模块,不同模块的加载是通过模块加载器来统一管理的,当我们需要使用不同的 Loader 前端 2025年06月22日 31 点赞 0 评论 11084 浏览
Sword - 为 Kotlin 函数增加代理功能(四) - Kotlin IR 简介 Sword:一个可以给 Kotlin 函数增加代理的第三方库,基于 KCP 实现。 Sword - 为 Kotlin 函数增加代理功能(一) Sword - 为 Kotlin 函数增加代理功能(二) Sword - 为 Kotlin 函数增加代理功能(三) 前面三篇文章笔者记录了 Sword 的实现过程,如何使用 Sword 以及如何通过 KSP 为 InvocationHandler 前端 2025年05月24日 152 点赞 0 评论 11055 浏览
基于Java和高德开放平台的WebAPI集成实践-以搜索POI2.0为例 目录前言一、高德搜索API简介1、高德开放平台2、搜索功能介绍 3、部分API介绍二、Uniapi集成高德API1、API集成流程2、访问接口的定义3、业务调用集成三、常见问题与优化四、总结前言 在当今数字化时代,地理信息系统(GIS)和位置服务(LBS)已成为许多应用程序的核心组成部分。无论是导航、物流、社交网络 前端 2025年05月15日 137 点赞 0 评论 11036 浏览
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 前端 2025年06月16日 131 点赞 0 评论 11021 浏览
微前端解决方案-qiankun实战及部署 先来张图片压压惊 image.png 在线demo:wzs.bengdada.com/ 单独访问在线子应用: subapp/micro-react subapp/micro-vue2 subapp/micro-vue3 一.导读 1.什么是微前端 微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。 微前端架构具备以下几个核心价值: 前端 2025年06月10日 124 点赞 0 评论 10991 浏览