JS项目练习总结

最新推荐文章于 2023-05-21 17:51:24 发布
最新推荐文章于 2023-05-21 17:51:24 发布
阅读量75 收藏
点赞数
文章标签： python
原文链接：https://my.oschina.net/junliang0819/blog/204340
版权

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

我们做的是90版坦克大战游戏，之前其实做了微信的飞机大战。只能说是模拟其基本功能，在细节方面还有很多没考虑到。113738_09Fj_1432682.jpg

做这个项目印象最深的是：用面向对象编程果真方便许多。鉴于个人能力，最终还是没有成功完成游戏。遇到的主要问题是：碰撞检测、地方坦克的随机移动。最大的收获是：有了较之以前更好的编程思路。还有很多语法和技巧尚未掌握亟待提高。像删除数组元素并不是删除了它而是给它赋值成Undefined了，删除对象是要删除其创建的Dom节点，Onclick事件只能用在Body元素，还要做好资源的回收和减少加载时间避免浏览器负荷太多导致崩溃卡死等等问题……

转载于:https://my.oschina.net/junliang0819/blog/204340

weixin_34308389
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript 练手项目--实现贪吃蛇小游戏
HHH_LLL的博客
10-31 863
HTML+CSS+JavaScript 整体功能： 点击开始游戏运行游戏–》开始游戏按钮消失–》游戏开始 动态随机出现食物，出现三节蛇开始运动 暂停、继续游戏功能 上下左右–》改变方向运动 判断是否吃到食物–》食物消失，蛇长度加一 判断游戏结束，弹出游戏结束 源码下载：https://github.com/wuhaolun/Retro-Snaker-JS- 首先是HTML+CSS显示部分： H...
JavaScript基础学习 练习篇
weixin_40663313的博客
03-30 107
1、对话框 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .back{ background-color: r...
JavaScript基础练习
weixin_56105279的博客
03-23 152
基础练习
【JavaScript】实战训练小项目-WebAPI
最新发布
Carefree_State的博客
05-21 3100
本文章是结合之前的知识，学习jQuery框架，和一些其中的API，实现一些互动性强的小项目！
教你如何使用JavaScript如何80行代码写个小项目
sharp0016的博客
10-02 342
最适合新手练习JavaScript的小项目：网页计算器 网页计算器是由HTML和CSS以及最重要的JavaScript来构建出来的，能和普通的计算器一样进行各种运算包括开根号等等的复杂运算，并且有助于理解JavaScript中的面向对象和函数调用并且全长代码只有80行，是最适合新手的小项目了 不多BB上代码： <!doctype html> <html lang="en"> <head> <!-- 添加文档头部内容 --> <meta http-eq
gitee练习项目-难：2021-10-22
04-12
总结来说，这个项目练习涉及的技术栈可能包括Vue.js（Vite作为构建工具）、Node.js（NPM或Yarn管理依赖）、以及可能的前后端分离架构。开发者通过这个项目可以深入学习前端开发流程、环境配置、版本控制、依赖管理...
JavaScript练习JavaScript练习JavaScript练习
04-21
JavaScript是一种广泛应用于网页和网络应用开发的脚本语言，它主要负责实现客户端的交互功能，增强用户界面。作为ECMAScript（ES）标准...记得不断实践和总结，理论知识结合实际项目，才能真正掌握这门强大的开发语言。
vue实例练习与总结
08-12
这个“vue实例练习与总结”的项目，很可能是为了帮助开发者通过实践深入理解和掌握Vue.js的核心概念和用法。Vue-master可能是一个包含了一系列Vue.js实例的代码仓库。 在Vue.js中，实例是框架的核心，它是Vue应用...
使用webpack进行vue项目练习
12-29
在这个"使用webpack进行vue项目练习"的主题中，我们将探讨如何结合Vue.js和Webpack来构建一个实际的应用。 一、Vue.js基础知识 Vue.js的核心在于其组件化思想，允许开发者将UI拆分为可复用的组件。每个组件都有自己...
js项目练习
l2298202515的博客
02-08 125
js前后端交互项目练习
javascript适合新手小白练习的简单小项目
倾衫的博客
10-09 5435
1.点击按钮隐藏图片，再次点击按钮显示图片，以此循环 <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /
JavaScript 20题简单小例子练习，锻炼代码逻辑思维，不看后悔系列（二）
王春燕的博客
05-04 2522
1.有一个从小到大排好序的数组。现输入一个数，要求按原来的规律将它插入数组中: // 定义一个数组 var arr = [1,2,3,4,5,6,7,8,9]; // 输入一个数 var num = 6; // 数组末端添加 num arr.push(num); // 升序 arr.sort(function(a,b){return a-b}) 2.定义一个含有30个整型元素的数组，按顺序分别赋予从2开始的偶数；然后按顺序每5个数求出
超详细JavaScript入门基础+练手小案例
weixin_55643605的博客
10-28 2443
一.什么是JavaScript 它是一种浏览器解释型语言，嵌套在HTML文件中交给浏览器解释执行。主要用来实现网页的 动态效果，用户交互及前后端的数据传输等。 它由下列三部分组成： 1.核心语法：规范JavaScript的基本语法。 2.BOM：提供了一系列操作浏览器的方法。 3.DOM：提供了一系列操作文档的方法。 二.使用方法 将JavaScript嵌入页面有以下三种方式： 1.元素绑定事件 事件：指用户的行为（单击，双击等）。 事件处理：元素监听事件，并在事件发生后自动执行事件过程
前端入门小练习，JavaScript基础案例
weixin_45881749的博客
06-21 576
前端入门小练习，JavaScript基础案例 今天分享三个适合前端新手入门，小白练习的几个案例 模仿电影院选座事件 京东放大镜效果 模态框拖拽事件 模仿电影院选座事件 <script> alert('欢迎来到My Lucky Cinema'); var lis = document.querySelectorAll('li'); for(var i = 0;i<lis.length;i++) { lis[i].ad
JavaScript项目案例
Anterior_condyle的博客
06-10 8164
简单案例案例一：完成“鼠标经过切换图片”的案例案例二：完成“百度换肤效果”的案例案例三：完成“鼠标展示”的案例（代码及效果图）案例四：完成“表单验证”的案例；改进并完成对密码进行确认操作。案例五：结合改进的“表单验证”优化“模态框”案例（自行设计）。案例六：完成“二级联动菜单”的案例案例七：完成“星星案例”的案例案例八：完成“图片的切换”的案例 案例一：完成“鼠标经过切换图片”的案例 代码： <!DOCTYPE html> <html> <head> <met
html+css+js之20个练手小项目-relax app
qq_40312477的博客
05-10 4218
Relax app的功能在于帮助你用于调整呼吸，放松身心。吸气~ 保持~ 呼气。 **需要实现：** - CSS-页面布局，包括圆环与移动的小球 - JS-随着呼吸，圆圈的缩放以及文本的改变
html+css+js之20个练手小项目（一）
热门推荐
qq_40312477的博客
11-07 1万+
html+css+js之20个练手小项目（一）——Hangman前言一、HTML二、CSS三、JS 前言 前端新手练习，记录不迷失。 主要练习html和CSS布局以及JS。 来源github，参考链接：使用html+css和纯js实现小项目 Hangman是一个单词拼写的小游戏，主要功能包括： （1）利用svg画小人图 （2）生成随机单词并展示 （3）单词正确与错误提醒 一、HTML HTML结构比较简单，主要使用了SVG构造小人。学习一下标签svg中的line,circle。 <!DOCTY
JavaScript 25题简单小例子练习，锻炼代码逻辑思维，不看后悔系列（一）
embelfe_segge的博客
05-14 1732
1.计算10的阶乘： // 计算10的阶乘 // 声明阶乘，赋值 var jc = 1; // 创建循环语句 for(i = 1;i <= 10;i++){ jc *= i; } // 打印结果 console.log(jc); // 3628800 2.计算圆的周长、半径： // 假设半径为80 var r = 80; // 周长公式 var h = 2*Math.PI*r; // 结果保留3位小数 var h = h.toFixed(3); // 面积公式 var s = Math
html+css+javascript知识点总结.docx
11-17
HTML CSS JavaScript知识点总结 ...它是网页的基础，主要用于结构化网页内容，...并通过实际练习和项目实践来深化理解和应用。随着Web技术的不断发展，这些技术也在不断演进，我们需要不断学习和更新知识，保持与时俱进。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值