知识点 分类下的文章
登录后重定向到原先路由
本文介绍了实现登录后重定向到原先路由的完整方案,包括编写login.vue和redirect.vue页面、在router.js中定义相关路由,以及通过路由守卫进行权限控制,确保用户登录后能自动跳转回访问前的页面。
node后端部署
本文介绍了Node后端部署的完整流程,包括项目目录结构、Dockerfile配置、deploy.sh部署脚本、nginx.conf反向代理设置以及publish.sh发布脚本的使用。通过Git Bash在项目根目录执行相关命令,实现自动化部署。核心要点涵盖Docker容器化、Nginx配置和脚本化部署步骤。
mounted阶段获取不到dom的原因及解决方法
在Vue的mounted阶段无法获取DOM元素,主要原因是DOM渲染是异步完成的,而获取操作是同步任务,导致在虚拟节点转为真实节点前执行。此外,若元素使用了v-if或v-for且初始值为false或空数组,也会导致获取失败。解决方法包括:在异步获取数据并赋值后,使用setTimeout延迟执行获取操作;或将获取逻辑放在updated生命周期中,并通过this.$once控制只执行一次。
Invoker Commands API 说明文档
Invoker Commands API 是一种新兴的 Web 声明式 API,允许开发者直接在 HTML 中通过属性(如 `commandfor` 和 `command`)控制 UI 交互元素(如弹出框、对话框),而无需编写大量 JavaScript 事件监听器。这减少了页面初始加载对脚本的依赖,提升了交互的即时性和性能。API 提供了内置命令(如切换弹出框、显示模态对话框)并支持自定义命令扩展,已在主流浏览器中获得基础支持,适用于简化交互实现并优化首屏体验的场景。
CSS高度自适应
本文介绍了CSS中实现高度自适应的关键技术与策略。核心围绕`content-visibility: auto`属性及其配套属性`contain-intrinsic-size`展开,前者用于优化长列表等非首屏内容的渲染性能,后者则解决其导致的高度塌陷问题。文章还强调了`min-height`作为基础布局保障的作用,并明确了`content-visibility: auto`的适用与禁用场景,旨在帮助开发者有效避免页面闪烁和布局抖动。