- 博客(30)
- 收藏
- 关注
RSS订阅原创 宽度撑开容器
方案CSS 核心属性表现结果Flex 方案首选。宽度自适应，且内部子元素排列最容易控制。Inline 方案兼容性好，但要注意 HTML 换行带来的多余空格。简单直接，适合不想改变display属性的场景。您可以尝试将.in的样式改为看看效果。如果您希望这两个span之间有间距，还可以给父级加上gap: 10px;。
2025-12-18 23:23:51
146
原创 代码联系实践
###1. 父页面 (Vue3) 代码：我们需要确保 iframe 加载完成后再发送数据，或者等待 iframe 主动请求数据。###方案三：Penetrating the “Black Box” (针对极受限的低代码平台)如果低代码平台。），这是最简单且兼容性最好的方案。###方案一：URL Query 参数传递 (最适用于初始化数据)如果低代码页面需要的。事件，或者很难操作 DOM，你需要采用“服务端中转”的策略。（通常称为“全局代码”、“自定义逻辑”或“脚本组件”）。###总结与建议* 如果是。
2025-12-17 01:48:33
331
原创 状态丢失问题
这是一个非常经典且在 Pinia + Vue3 开发中容易遇到的“状态不同步”或“状态丢失”问题。作为前端技术专家，通过深入分析你的描述，这个问题通常归结为以下。
2025-12-16 18:47:16
587
原创 优先级调整练习1
对于大多数管理后台（Admin Dashboard）：请直接使用方案一（async/await）。它最简单、最不易出错，符合数据一致性原则。确保开发者工具排查：一定要打开 Chrome 的 Network 面板，观察Delete请求和List请求的 Waterfall（瀑布流）。确保List请求的 Start Time 是在Delete请求的 Response End 之后。
2025-12-13 12:22:37
316
原创 地图学习练习
OpenLayers 中，要让一个东西看不见，不能把它删了（那样数据就没了），而是应该给它穿一件“皇帝的新衣”。// 定义一个渲染为空的样式// 这里的技巧是：创建一个 Style 对象，但不给它任何 image, fill, stroke 属性针对你目前的进度（已经在 click 事件里拿到了 Proxy），方案 1（直接设置 Feature 样式）是最快能解决你问题的路径。引入ol/style中的Style。在点击事件中，使用将 Proxy 转回原始对象。实现(复原) 和。
2025-12-11 19:18:54
431
1
原创 动态计算高度
对于存量代码，“ResizeObserver + 动态 calc”是性价比最高的方案。它不需要你改动外层 HTML 结构，只需要给搜索框加个钩子，然后动态改一下 Table 的高度属性即可。
2025-12-04 00:12:08
344
原创 google搜索框
这是一个非常敏锐的发现。导致你“点击外部没有收起”的原因，是我在上一段代码的handleBlur。这导致了才会收起，如果有文字内容则保持展开。为了完全实现你描述的 Google 效果（），单纯依靠blur事件经常会遇到坑（比如你想点击输入框旁边的“搜索”按钮，结果blur先触发把输入框收起了，导致按钮点击失效）。。type。
2025-12-04 00:00:35
873
原创 三角工作流
在feat/xxx分支正常 commit。输入。后台自动合入 r2，不影响你当前分支结构。输入。自动变基 prod/master，保持线性历史，强推 r3。打开网页，从r3提 MR 到r1。这就是利用r3 允许 Force Push测试环境随便搞（Merge），生产环境极度洁癖（Rebase + Force Push）。
2025-11-27 01:54:52
292
原创 获取图的中心点
/ ==================== 地图初始化方法 ====================// ==================== 密度分析方法 ====================// ==================== 主要分析方法 ====================// ==================== 常量定义 ====================// ==================== 导出方法 ====================
2025-09-01 13:05:07
613
原创 一个div容器，如何做能设置它为透明色，同时不影响内容元素的样式？
属性效果是否影响子元素适用场景仅背景透明否推荐用法：当只需要容器背景透明，而内容保持不透明时。整个元素（包括背景和所有内容）都透明是当你需要让一个元素和它内部的所有东西一起实现淡入淡出或半透明效果时。若想实现“父容器背景透明，内容不透明”的效果，请使用属性并为其设置一个rgba()或hsla()颜色值。
2025-08-09 01:35:05
696
原创 Webpack能做什么？
Webpack：入口（entry）：通过入口（Vue中的new Vue（）就是入口）将各模块整合，生成一张模块依赖图。出口（output）：告诉Webpack将打包后的代码生成的文件名是什么（filename），以及将它放在哪里（path）。Loader：把不同的模块和文件（比如：HTML、CSS、typescript等）转换为JavaScript模块。plugins：对Loader编译后的代码进行封装优化，用来控制最终生成的代码是如何组织和输出的，包括对代码的打包优化、压缩、启用模块热替换等等。
2022-04-09 16:17:21
699
原创 前端模块规范
模块规范：运行时确定各模块的依赖关系：CommonJS（不支持异步加载，所以出现了AMD）、AMD、UMD（整合了CommonJS和AMD）编译时确定各模块的依赖关系：ES6模块化（import加载export输出），导出的模块为变量引用，因此在内存中可以共享。因为需要在编译阶段确定各模块间的依赖关系，所以需要使用 babel、webpack 构建依赖关系树。而且由于ES6模块化在各个浏览器的兼容性差异较大，所以我们需要进行bebel编译和Webpack进行打包，这个过程我们称之为代码构建。
2022-04-09 16:15:57
644
原创 前端路由的核心
前端路由：History模式：history模式离不开window.history API，可用来获取用户历史记录的History对象。Hash模式：从井号（#）开始的URL（锚）片段，主要依赖 Location 对象的hash属性（location.hash）和hashchange事件。...
2022-04-09 15:44:36
725
原创 为什么小程序与其他的前端开发大不相同呢？
为什么小程序与其他的前端开发大不相同呢？小程序的与众不同之处在于 页面元素无法获取，只能通过 setData 更新页面，各种浏览器接口都无法正常使用。这个问题是小程序的设计者考虑不周吗？其实不是的，这是基于安全和管控的考虑下设计的。小程序使用了iOS内置的JavaScriptCore框架和Android的JSCore引擎提供了一个没有浏览器相关接口的环境，用于JavaScript脚本的执行。没有了浏览器相关接口，用户也就无法直接操作DOM，无法使用浏览器相关的API来改变页面内容、获取敏感信息，
2022-04-09 15:30:52
3170
原创 为什么需要前端框架？
为什么需要前端框架？想了解一个事物为什么诞生，就必然要去了解在它出现之前遇到了什么问题或者瓶颈。首先随着时代的发展，前端已经从切图、拼接代码等要求逐渐转变向交互、性能发展。框架正是更加有利于前端程序员以尽可能少地去编写交互性更好、性能更优地代码。前端框架的核心：模板引擎原本一个<div>HTML模板，经过AST生成一个对象，最终生成一个<div>DOM节点。在这个过程中框架能够自己执行许多操作。...
2022-04-09 14:58:22
996
原创 DLSS/NIS/FSR
免费的性能增强怎么来的？有哪些技术：英伟达 的 DLSSAMD 的 FSR英特尔 的 XeSS原理：DLSS技术利用 Tensor Core来提升游戏帧数。DLSS全称 Deep Learning Super Sampling，即深度学习超级采样，先渲染低分辨率的图像，再利用AI超回高分辨率。例如：4张1080p合成1张4k图像。FSR全称 AMD超级分辨率锐化技术。它和英伟达的NIS技术一样都是图像锐化技术，都免费开源，这只是一种图像处理技术，并未加入AI训练模型。...
2022-04-07 10:13:09
6902
原创 广东工业大学数据结构AnyView参考答案
广东工业大学数据结构AnyView参考答案1、第一章#include "allinclude.h" //DO NOT edit this linevoid Descend(int &a, int &b, int &c) // 通过交换，令 a >= b >= c{ // Add your code here if(a < b){ swap(a, b); } if(a < c){ swap(a
2021-09-05 11:17:35
11219
5
原创 Java坦克项目
Java坦克项目全程记录1、Java坐标体系1、坐标以像素为基本单位2、像素是一个密度单位，而不是长度单位。如800 * 600 则表示屏幕的长由 800 个点组成。
2021-09-02 21:56:03
182
原创 广东工业大学数据结构AnyView参考答案
广东工业大学数据结构AnyView参考答案1、第一章#include "allinclude.h" //DO NOT edit this linevoid Descend(int &a, int &b, int &c) // 通过交换，令 a >= b >= c{ // Add your code here if(a < b){ swap(a, b); } if(a < c){ swap(a
2021-09-02 20:23:38
2224
原创 Spring、SpringBoot核心注解注解总结
Spring@Configuration@ComponentScan@Conditional@Import@ImportResource@ComponentSpringBoot@SpringBootApplication@EnableAutoConfiguration@SpringBootConfiguration@ConditionalOnBean@ConditionalOnMissingBean@ConditionalOnClass@ConditionalOnMissi
2021-09-01 19:54:22
114
原创 JDBC
MySQLJDBC简介JDBC简介JDBC是什么？Java DataBase Connectivity （Java语言连接数据库）。JDBC本质是什么？JDBC是sun公司制定的一套接口（interface）。接口都有调用者和使用者。面向接口调用、面向接口与实现类，这都属于面向接口编程。为什么要面向接口编程？解耦合：降低程序的耦合度，提高程序扩展力。多态机制是非常典型的：面向抽象编程。（不要面向具体编程）...
2021-03-28 20:54:23
101
1
原创 离散数学
离散数学谓词为什么要有谓词？概念个体(客体)：谓词命题函数谓词为什么要有谓词？命题仅把一个句子表达成一个大写字母，掩盖了句子之间的内部联系。命题是一个陈述句，将其细分，有主语、谓语和宾语。而谓语在一个句子中最重要，这就是谓词的概念。概念个体(客体)：能够独立存在的具体或抽象的事物。个体常项：具体的或特定的个体。(a,b,c…)个体变元：泛指某一个个体。(x,y,z…)谓词用以刻画个体属性或者表达个体之间关系的词。谓词常项：表示具体性质与关系的谓词。谓词常项：泛指某一性
2021-03-28 20:53:50
6986
原创 MySQL
MySQL分组函数(多行处理函数)注意：分组查询(非常重要)什么是分组查询执行顺序分组函数(多行处理函数)特点：输入多行，输出一行。5个函数：count 计数sum 求和avg 求平均值max 求最大值min 求最小值注意：分组函数在使用的时候必须先分组，然后再使用。如果你没有对数据进行分组，则默认整表为一组。分组函数自动忽略NULL，不需要提前对NULL进行手动处理。count(具体字段)：表示统计**该字段下(该列)**
2021-03-22 13:42:53
143
原创 Java
Java基础泛型泛型概念泛型类泛型接口泛型方法泛型通配符泛型泛型概念泛型是一种未知的数据类型。可以看作一个变量，用来接收数据类型。泛型类创建对象时确定数据类型。会把数据类型看作参数传递。创建集合对象，不使用泛型的好处与坏处：好处：集合不使用泛型，则默认是Object类型，可以存储任意数据类型。坏处：不安全，会引起异常。如：当某个集合中既存储String用存储int数据时，当我们想调用String类型特有的方法时，必须将int型强制转化成String类型，但编译器不允许这样转化，会
2021-03-18 09:48:35
135
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人