从vw/vh到clamp()，前端响应式设计的痛点与进化
目录从vw/vh到clamp()，前端响应式设计的痛点与进化一、原生响应式设计的痛点1、使用 vw/vh/% 的蜜月期与矛盾点2、以 px+@media 为主轴实现多端样式兼容二、clamp()：响应式设计的新思路1、clamp() 是什么？2、优势分析三、实际应用场景示例1、标题文字大小2、布局容器宽度3、按钮与间距4、配合calc()实
前端
webpack常用loader和plugin
Loader
简介
webpack中提供了一种处理多种文件格式的机制，这便是Loader，我们可以把Loader当成一个转换器，它可以将某种格式的文件转换成Wwebpack支持打包的模块。
在Webpack中，一切皆模块，我们常见的Javascript、CSS、Less、Typescript、Jsx、图片等文件都是模块，不同模块的加载是通过模块加载器来统一管理的，当我们需要使用不同的 Loader
Flutter for OpenHarmony: Flutter 三方库 flutter_cors 应对鸿蒙 Web 与混合开发中的跨域挑战（网络兼容方案）
欢迎加入开源鸿蒙跨平台社区：#
前言在进行 OpenHarmony 的跨平台开发时，我们不仅开发原生 HAP，有时也会涉及 Flutter Web 或是在鸿蒙端侧运行 Webview 混合应用。这时，一个经典的“拦路虎”就会出现：CORS (跨源资源共享) 限制。当你的 Web 端尝试访问一个未配置跨域头部的后端 API 时&#
iOS 组件化(二) - 远程/本地管理私有库
iOS 组件化(一) - CocoaPods原理理论篇
iOS 组件化(二) - 远程/本地管理私有库
iOS 组件化(三) - 组件化工程介绍
一、前言
1.了解组件化
组件化就是将单一工程的项目按照功能职责或者业务职责划分成一个一个模块，模块间解耦调用。
2.组件化解决耦合问题
当一个项目开发初期的时候，开发人员较少，业务较为简单，此时采用单一工程开发的模式,能保证开发效率。当项目越来越大，开
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 应用的技术手段及方法策略。
微前端架构具备以下几个核心价值：
Windows 搭建 Gitea
一、准备工作1. 安装 Git：Gitea 依赖 Git 进行代码管理，所以首先需要确保系统中安装了 Git。下载地址： 安装数据库（可选）默认情况下，Gitea 使用 SQLite 作为内置的轻量级数据库，但如果需要，
玩转ClaudeCode：使用Figma-MCP编写前端代码1:1还原UI设计图
目录本轮目标具体实践一、开启 Figma 的 MCP 服务器二、Claude Code 连接 Figma MCP三、Claude Code 代码实现 Figma 设计稿本轮目标本轮目标是制作数字化大屏的一个前端组件，要求和UI设计图还原度达到1:1。本轮目标需要我们提前准备好figma客户端，且登录帐号具有开发模式的权限（没有可以去某夕）
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
全员DeepSeek时代，前端能做些什么？
全员DeepSeek时代，前端能做些什么？前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，可以分享一下给大家。点击跳转到网站。
#mermaid-svg-VNyL95jkz9jEXgUq {font-family:"trebuchet ms",ve
