零基础网站开发教程
源代码(带少量注释):https://github.com/hgneng/hextris
这个游戏的代码风格不算很好,作者在计算机编程上的基本功不算非常出色,但是游戏本身需要用的几何知识以及数据结构等运用是很出色的。
游戏是通过在Canvas上绘画图形实现。游戏里也涉及一些按钮使用SVG绘画,可以通过这个SVG教程了解一下。
作者只用了45分钟时间就完成了这个俄罗斯方块游戏,代码简单,是学习数据结构和简单Canvas动画的绝佳例子!
这部分内容涉及HTML、JavaScript和CSS知识,不涉及后端PHP和MySQL知识。
https://github.com/hgneng/2048
1. 首页index.html
https://github.com/hgneng/2048/blob/master/index.html
2. 样式main.css
https://github.com/hgneng/2048/blob/master/style/main.css
3. JavaScript逻辑
JavaScript是按照HTML里引用的顺序执行的,所以阅读JavaScript逻辑时应该按照引用的顺序一个一个阅读:
这个练习的目的是理解前端和后端的交互。前端,我们实现如下表单:
学号: 姓名: 年级:一年级二年级三年级 班别:添加
实现的步骤大致如下:
在上一个练习中,我们掌握了怎样用PHP去生成一个表格页面。现在,我们要把表格的内容放到数据库里,PHP先从数据库获取内容,再输出。
用PHP实现包含以下表格的页面,其中表格的内容不能直接填进去,要先用写到PHP数组里,再想办法从数组里获取组装成表格。
在上一节CSS练习的基础上加一个按钮,点击按钮之后表头的变成黑底灰字(#ccc),表身颜色变成灰底(#ccc)黑字。变色
用HTML编写一个页面,显示以下表格内容:
热门内容
最新内容
- 1 week 4 days ago
- 2 weeks ago
- 3 weeks 2 days ago
- 3 weeks 3 days ago
- 3 weeks 4 days ago
- 1 month ago
- 1 month ago
- 1 month ago
- 1 month 1 week ago
- 1 month 1 week ago
最新评论