- 博客(6)
- 收藏
- 关注
原创 css实现光带移动的按钮动态效果
这段代码实现了一个带有动态光带效果的渐变按钮。HTML部分创建了一个包含"机构入驻"文字的按钮,CSS通过linear-gradient设置了紫色到蓝色的渐变背景,并添加了光带动画效果。关键点包括:1)使用::before伪元素创建光带;2)通过transform旋转光带;3)使用animation实现光带从左到右的无限循环移动;4)可通过调整animation的2s参数控制光带移动速度。整个效果结合了渐变背景和动态光效,呈现现代感十足的按钮交互体验。
2025-12-31 13:46:28
248
原创 2025常考面试题汇总
本文摘要: 前端开发技术要点总结: 渲染模式:对比SSR(服务端渲染)和CSR(客户端渲染)的特点与适用场景 this指向:call/apply/bind方法的区别与使用场景 变量声明:let/const/var的作用域差异 跨域问题:同源策略、常见解决方案(JSONP/CORS/代理等) 状态管理:Vuex与Pinia的核心差异 深拷贝:JSON.stringify的局限性 WebSocket:与HTTP协议的区别及特点 路由模式:Vue中哈希模式与历史模式的对比 CSS布局:6种实现垂直居中的方法 TS
2025-09-02 13:39:36
1549
原创 vue常见面试题汇总(面试看这一篇就够了)
本文总结了前端开发中的核心知识点,包括客户端存储、Vue特性、JavaScript基础等。第一部分对比了cookie、localStorage和sessionStorage在生命周期、网络流量、大小限制等方面的差异;第二部分分析了Vue中v-show/v-if、computed/watch等特性的区别及使用场景;第三部分阐述了JavaScript中的原型链、作用域、闭包等概念;第四部分比较了Vue2和Vue3在数据绑定、API设计、生命周期等方面的改进;最后介绍了Vue3新增的响应式API如ref、reac
2025-08-21 17:27:25
1809
原创 原生js解决滚动条回到顶部不生效问题(可解决多种不生效问题)
本文解决了在el-table和el-scrollbar环境下页面滚动失效的问题。作者发现当表格设置固定高度或被el-scrollbar包裹时,原生的scrollTo方法无法正确识别滚动容器。通过修改scroll-to.js代码,新增了getTableContainer函数来智能识别当前滚动容器(优先判断表格区域),并重构了move和position函数,使其能同时支持表格区域滚动和页面滚动。最终实现了在保留原有布局和样式的情况下,确保翻页时能正确滚动到顶部的功能。该方案兼容了表格固定高度、el-scroll
2025-08-11 10:16:49
515
原创 react常用面试题(超详细)
React核心概念解析 React通过JSX实现组件化开发,JSX是createElement的语法糖,由Babel编译。长列表渲染可采用虚拟列表优化性能。React组件分为函数组件和类组件,前者更具函数式编程优势,后者基于面向对象。 React采用合成事件机制,16版本委托到document,17版本改为root节点,解决浏览器兼容性问题。Diff算法遵循同级对比原则,通过key标识优化节点复用。 React18主要更新: 新增createRoot API替代ReactDOM.render 自动批处理状态
2025-08-09 16:06:24
2318
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅