今天学习《前端篇》第10章 重构页面对象和分界线的绘制 第30课 计模式重构五：复合命令模式、迭代器模式和享元模式
学习目标
- 使用复合命令模式（Complex Command Pattern）重构GameOverPage
- 使用迭代器模式（Iterator Pattern）改造复合命令实现
主要知识点/技能点
略
实践疑难点
略
小结
这节课我们在项目中先后应用了复合命令模式、迭代器模式和享元模式。
第49/90步《前端篇》第10章 重构页面对象和分界线的绘制 第30课
2023-04-25
65
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
今天学习《前端篇》第10章 重构页面对象和分界线的绘制 第30课 计模式重构五：复合命令模式、迭代器模式和享元模式
目录
相关文章
|
2月前
|
JavaScript
前端开发
程序员
前端原生Js批量修改页面元素属性的2个方法
原生 Js 的 getElementsByClassName 和 querySelectorAll 都能获取批量的页面元素，但是它们之间有些细微的差别，稍不注意，就很容易弄错！
59
1
1
|
3天前
|
前端开发
JavaScript
开发者
前端 CSS 优化：提升页面美学与性能
前端CSS优化旨在提升页面美学与性能。通过简化选择器（如避免复杂后代选择器、减少通用选择器使用）、合并样式表、合理组织媒体查询，可减少浏览器计算成本和HTTP请求。利用硬件加速和优化动画帧率，确保动画流畅。定期清理冗余代码并使用缩写属性，进一步精简代码。这些策略不仅加快页面加载和渲染速度，还提升了视觉效果，为用户带来更优质的浏览体验。
32
8
8
|
2月前
|
前端开发
数据安全/隐私保护
|
2月前
|
存储
前端开发
JavaScript
前端中对象的深度应用与最佳实践
前端对象应用涉及在网页开发中使用JavaScript等技术创建和操作对象，以实现动态交互效果。通过定义属性和方法，对象可以封装数据和功能，提升代码的组织性和复用性，是现代Web开发的核心技术之一。
45
3
3
|
2月前
|
前端开发
JavaScript
搜索推荐
|
2月前
|
前端开发
安全
JavaScript
在阿里云快速启动Appsmith搭建前端页面
本文介绍了Appsmith的基本信息，并通过阿里云计算巢完成了Appsmith的快速部署，使用者不需要自己下载代码，不需要自己安装复杂的依赖，不需要了解底层技术，只需要在控制台图形界面点击几下鼠标就可以快速部署并启动Appsmith，非技术同学也能轻松搞定。
53
5
5
|
3月前
|
存储
人工智能
前端开发
前端大模型应用笔记（三）：Vue3+Antdv+transformers+本地模型实现浏览器端侧增强搜索
本文介绍了一个纯前端实现的增强列表搜索应用，通过使用Transformer模型，实现了更智能的搜索功能，如使用“番茄”可以搜索到“西红柿”。项目基于Vue3和Ant Design Vue，使用了Xenova的bge-base-zh-v1.5模型。文章详细介绍了从环境搭建、数据准备到具体实现的全过程，并展示了实际效果和待改进点。
227
14
15
|
3月前
|
JavaScript
前端开发
程序员
|
3月前
|
人工智能
自然语言处理
运维
前端大模型应用笔记（一）：两个指令反过来说大模型就理解不了啦？或许该让第三者插足啦 -通过引入中间LLM预处理用户输入以提高多任务处理能力
本文探讨了在多任务处理场景下，自然语言指令解析的困境及解决方案。通过增加一个LLM解析层，将复杂的指令拆解为多个明确的步骤，明确操作类型与对象识别，处理任务依赖关系，并将自然语言转化为具体的工具命令，从而提高指令解析的准确性和执行效率。
68
6
6
|
3月前
|
存储
弹性计算
算法
前端大模型应用笔记（四）：如何在资源受限例如1核和1G内存的端侧或ECS上运行一个合适的向量存储库及如何优化
本文探讨了在资源受限的嵌入式设备（如1核处理器和1GB内存）上实现高效向量存储和检索的方法，旨在支持端侧大模型应用。文章分析了Annoy、HNSWLib、NMSLib、FLANN、VP-Trees和Lshbox等向量存储库的特点与适用场景，推荐Annoy作为多数情况下的首选方案，并提出了数据预处理、索引优化、查询优化等策略以提升性能。通过这些方法，即使在资源受限的环境中也能实现高效的向量检索。
78
1
1
热门文章
最新文章
1
从0开始打造一款APP：前端+搭建本机服务，定制暖冬卫衣先到先得
2
WeaveFox：蚂蚁集团推出 AI 前端智能研发平台，能够根据设计图直接生成源代码，支持多种客户端和技术栈
3
前端页面加载性能指标之LCP
4
前端必须掌握的设计模式——单例模式
5
（前端3D模型开发）网页三维CAD中加载和保存STEP模型
6
探索无界：前端开发中的响应式设计深度实践与思考###
7
探索前端性能优化：关键策略与代码实例
8
前端自动化测试
9
探索无界：前端开发中的响应式设计哲学####
10
前端状态管理：Vuex 核心概念与实战
1
web前端之纯CSS实现简单酷炫的照片墙效果、排除元素的伪类、scale
98
2
《跨界合作：前端与后端如何优化协作效率》
91
3
使用Vue.js构建交互式前端的技术探索
98
4
如何优化前端性能：关键步骤和技巧
94
5
nbcio-boot基于jeecg的flowable支持部门经理的单个或多实例支持（前端部分）
105
6
ruoyi-nbcio-plus基于vue3的flowable修正加签与跳转的前端问题
136
7
vue的 blob文件下载文件时，后端自定义异常，并返回json错误提示信息，前端捕获信息并展示给用户
302
8
ruoyi-nbcio-plus的Vue3前端一些插件使用介绍（二）
79
9
ruoyi-nbcio-plus的Vue3前端一些插件使用介绍（一）
108
10
ruoyi-nbcio-plus的Vue3前端升级组件后出现的问题（二）
162