前端技术文章
-
-
Vue自定义指令参数与全局注册详解
-
Vue.js自定义指令通过钩子函数联动DOM生命周期，接收el、binding、vnode和oldVnode参数；Vue3用app.directive()全局注册，Vue2用Vue.directive()；常用钩子包括mounted（最常用）、updated（避免修改响应式数据）、beforeUnmount（清理资源）等。
-
文章 ·
前端
| 2个月前 |
424浏览
收藏
-
-
CSS过渡实现平滑圆角效果详解
-
border-radius动画失效主因是起止值类型不一致或不可插值，须统一用数值单位且四角写法匹配；应避免auto等非数值值，优选class切换而非JS直改，并注意Safari兼容性问题。
-
文章 ·
前端
| 2个月前 |
424浏览
收藏
-
-
JavaScript代码分割与动态导入技巧
-
动态导入结合代码分割可显著提升前端性能。通过import()语法实现按需加载，Webpack等工具将其拆分为独立chunk，避免静态导入导致的主bundle过大。常见应用于路由级分割，如React中使用React.lazy配合Suspense实现组件懒加载，支持预加载和魔法注释优化体验，合理配置chunk命名与拆分策略能有效减少首屏加载时间。
-
文章 ·
前端
| 2个月前 |
424浏览
收藏
-
-
HTML5视频被footer挤掉怎么解决
-
<video>被<footer>盖住是因父容器浮动未清除导致高度塌陷。应给浮动父容器触发BFC（overflow:hidden或display:flow-root）或伪元素清除，同时设video{display:block}消除基线间隙。
-
文章 ·
前端
| 2个月前 |
424浏览
收藏
-
-
-
Prometheus监控仪表盘制作推荐
-
行，但需用fetch()调用PrometheusAPI（如/api/v1/query_range），将返回的秒级时间戳乘1000转毫秒供Chart.js识别，并配置cors_allowed_origins、处理认证与空数据等边界情况。
-
文章 ·
前端
| 1个月前 |
html
423浏览
收藏
-
-
快速统一CSS按钮颜色和大小的方法，使用TailwindCSS按钮工具类控制
-
使用TailwindCSS内置工具类可快速统一按钮颜色与大小：1.颜色通过bg-blue-600、text-white和hover:bg-blue-700实现蓝底白字悬停加深；2.大小用py-2px-4设定常规尺寸，小按钮用py-1px-3，大按钮用py-3px-6；3.结合rounded-lg和transition打造圆角与动画，形成可复用的类组合，确保跨组件视觉一致且维护简便。
-
文章 ·
前端
| 1个月前 |
423浏览
收藏
-
-
href与src路径属性的3点区别
-
href用于创建超链接，src用于嵌入资源。1.href用于<a>和<link>标签，src用于<img>、<script>、<iframe>标签。2.href异步处理不阻塞页面，src会阻塞页面加载。3.href影响SEO，src影响较小但需正确加载资源。
-
文章 ·
前端
| 1个月前 |
423浏览
收藏
-
-
