阿里云文档 2024-09-12

如何使用DCDN边缘程序优化前端网页HTML结构

本文介绍如何使用DCDN边缘函数来优化前端网页HTML结构,进而减轻源站压力,降低客户回源流量成本,提升用户访问体验。

文章 2023-04-24 来自:开发者社区

第22/90步《前端篇》第4章 编写一个简单的HTML5小游戏:移植及优化 第13课

今天学习《前端篇》第4章移植及优化的第13课,移植文本与图像。学习目标了解多端文本渲染的异同;换一种方式实现渐变、阴影效果;了解材质重复渲染可能存在的问题;监听播放结束事件,使背景音乐循环播放;游戏元素的参数调整;在测试时静音。主要知识点/技能点三端对阴影和颜色渐变的支持是不同的,在模拟器中支持阴影和渐变色绘制,但手机上却不完全支持。PC微信客户端与微信开发发工具中的模块器是不同的执行环境。小游....

第22/90步《前端篇》第4章 编写一个简单的HTML5小游戏:移植及优化 第13课
文章 2023-04-24 来自:开发者社区

第21/90步《前端篇》第4章 编写一个简单的HTML5小游戏:移植及优化 第12课

今天学习《前端篇》第4章移植及优化的第12课,移植音频和事件。学习目标处理getElementById is not a function错误;处理Audio is not defined错误;处理Audio错误:canPlayType is not a function;处理currentTime错误:currentTime是只读属性,完成音频移植;处理Image is not defined....

第21/90步《前端篇》第4章 编写一个简单的HTML5小游戏:移植及优化 第12课
文章 2023-04-24 来自:开发者社区

第20/90步《前端篇》第4章 编写一个简单的HTML5小游戏:移植及优化 第11课

今天学习《前端篇》第4章移植及优化的第11课,处理移植准备工作。学习目标学习使用代码片断的方式分享项目代码;在小游戏中如何获取屏幕尺寸。主要知识点/技能点代码片断是一个链接,通过这个链接,就可以将项目分享给其他开发者。在微信小游戏中,主屏画布的大小就是屏幕大小。另外通过wx.getSystemInfo接口也可以获取屏幕大小,属性名分别为screenWidth和screenHeight。实践疑难点....

第20/90步《前端篇》第4章 编写一个简单的HTML5小游戏:移植及优化 第11课
文章 2023-04-24 来自:开发者社区

第19/90步《前端篇》第3章 编写一个简单的HTML5小游戏:完成交互功能 第10课

今天学习《前端篇》第3章完成交互功能的第10课,控制游戏音效,添加单击音效和背景音乐。学习目标学习使用<audio>标签;学习使用JS播放声音;添加循环背景音乐;创建背景音乐状态切换按钮;处理自定义图片按钮的互动;学习使用条件运算符。主要知识点/技能点一般会在HTML5页面上添加一个来播放音频,audio 组件允许有多个 source 元素,每个 source 可以链接不同类型的音频....

第19/90步《前端篇》第3章 编写一个简单的HTML5小游戏:完成交互功能 第10课
文章 2023-04-24 来自:开发者社区

第18/90步《前端篇》第3章 编写一个简单的HTML5小游戏:完成交互功能 第9课

今天学习《前端篇》第3章完成交互功能的第9课,实现游戏的重启功能。学习目标理解HTML5的事件模型;使用removeEventListener移除事件监听。主要知识点/技能点熟悉事件派发的三阶段:removeEventListener方法用于移除由 addEventListener方法添加的事件句柄。调用示例:canvas.removeEventListener("click", onClick....

第18/90步《前端篇》第3章 编写一个简单的HTML5小游戏:完成交互功能 第9课
文章 2023-04-24 来自:开发者社区

第17/90步《前端篇》第3章 编写一个简单的HTML5小游戏:完成交互功能 第8课

今天学习《前端篇》第3章完成交互功能的第8课,监听用户事件,让挡板动起来。学习目标学习控制游戏元素移动;学习监听用户输入,使用鼠标控制游戏元素移动;学习逻辑运算符;学习添加游戏反馈;学习模板字符串。主要知识点/技能点自闭合的独立标签写法用在诸如img这样的标签上都是合法的,例如但<img />,用在script标签上却不可以,例如<script>。(会影响一些功能的正常运....

第17/90步《前端篇》第3章 编写一个简单的HTML5小游戏:完成交互功能 第8课
文章 2023-04-24 来自:开发者社区

第16/90步《前端篇》第3章 编写一个简单的HTML5小游戏:完成交互功能 第7课

今天学习《前端篇》第3章 编写一个简单的HTML5小游戏:完成交互功能 第7课 实现动画:让小球动起来,这节课将实现动画,让小球动起来。学习目标学习使用定时器实现动画;学习JavaScript的异步执行机制;了解JS的13种复合赋值运算符;学习清屏;学习实现简单的碰撞检测;复习使用if else if 语句;学习使用requestAnimationFrame函数实现动画;主要知识点/技能点在 J....

第16/90步《前端篇》第3章 编写一个简单的HTML5小游戏:完成交互功能 第7课
文章 2023-04-24 来自:开发者社区

第15/90步《前端篇》第2章 编写一个简单的HTML5小游戏:打造游戏界面 第6课

今天学习《前端篇》第2章 编写一个简单的HTML5小游戏:打造游戏界面 第6课 绘制分界线,这节课复习一下之前已经练习过的 lineTo、moveTo 方法,在实践中学习 JS 语言在逻辑控制语句、函数、作用域、闭包等方面的基础知识和技能。学习目标分别通过lineTo和渐变色绘制分界线学习CSS 颜色值有哪些格式使用函数绘制间隔效果学习如何定义和使用函数使用循环绘制分界线拓展:使用比较运算符、i....

第15/90步《前端篇》第2章 编写一个简单的HTML5小游戏:打造游戏界面 第6课
文章 2023-04-24 来自:开发者社区

第14/90步《前端篇》第2章 编写一个简单的HTML5小游戏:打造游戏界面 第5课

今天学习《前端篇》第2章 编写一个简单的HTML5小游戏:打造游戏界面 第5课 绘制小球,这节课我们将完成圆的绘制。学习目标使用弧线绘制圆形;使用arc直接绘制圆形。主要知识点/技能点arcTo方法用于在画布上创建一段介于两个切线之间的弧线。arc方法可以用于创建圆或圆的一部分。实践疑难点无小结这节课比较简单,主要练习了arc、arcTo这两个方法,使用它们绘制了曲线图形。不但普通的圆形可以用它....

第14/90步《前端篇》第2章 编写一个简单的HTML5小游戏:打造游戏界面 第5课

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

产品推荐

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注