i18n(国际化)方案总结

EJS模板引擎编写购物车页面。包含促销信息、运费信息、商品列表和普通/快速结账按钮⁠。

购物车页面功能概述页面分为左侧商品列表和右侧订单摘要,包含促销信息、运费信息、商品列表和结账按钮⁠。支持商品数量调整、移除商品,并实时计算总价和应用折扣⁠。提供普通结账和PayPal快速结账选项,结账前验证商品有效性⁠。用户体验和性能优化使用事件委托和防抖技术处理用户交互,优化性能⁠;通过AJAX动态更新购物车信息和UI,保持数据一致性⁠;⁠实现响应式设计,适配不同屏幕尺寸⁠;⁠显示清晰的价格和折扣信息,使用进度条鼓励用户达到促销目标⁠⁠
EJS模板引擎编写购物车页面。包含促销信息、运费信息、商品列表和普通/快速结账按钮⁠。
鼠标与缩略图交互动态更改商品主图和链接(下)
鼠标与缩略图交互动态更改商品主图和链接(上)

记一次移动端导航适配

使用抽屉式导航,包含顶部标题和关闭按钮⁠⁠,实现了响应式布局,针对PC端和移动端有不同的处理逻辑⁠⁠ 移动端下,为有子菜单的导航项添加展开按钮和切换功能⁠。阻止了有子菜单的一级导航项的默认点击事件,优化用户体验⁠。
记一次移动端导航适配

封装对话框

实现了一个灵活、可定制的对话框组件,可以用于在网页中显示各种类型的弹出内容。它支持不同的尺寸、远程加载内容、模板渲染,并且具有良好的移动端适配性。
封装对话框

封装菜单类

定义了一个Menu构造函数,用于创建可交互的菜单组件。主要功能包括:初始化菜单并设置事件监听。提供打开、关闭和切换菜单状态的方法。支持点击和鼠标悬停两种交互模式。可以自定义点击事件和切换样式类。在打开一个菜单时自动关闭其他菜单。点击菜单外部区域时自动关闭菜单。提供销毁方法以移除所有事件监听器。
封装菜单类
封装遮罩层
记录一个vue3+ts的全功能表格封装