项目演示项目演示地址：体验一下项目源码：项目源码代码结构本节做完效果游戏主页面index.html {代码...} 游戏主模块game.js {代码...} 代码不言自明。简单说明一下：Game.init()加载图片和Canvas对象，本游戏有5个Canvas对象，具体用途我们在后面图层章节进行说明。点击网页上的开始按钮，调用start方法。start方法加载...

配套视频教程配套视频教程项目代码项目代码冲突检测添加地面冲突添加管道冲突添加阶梯冲突添加冲突完成 {代码...}

本节教程通过一个简单的游戏小例子，讲解Canvas的基础知识。最终效果：点击移动的方块，方块上的分数会增加，方块的行进方向会改变，并且方块的速度会增加。在线演示源码HTML5引入了canvas元素。canvas元素为我们提供了一块空白画布。我们可以使用此画布来绘制和绘制我们想要的任何东西。JavaScript为我们提供了动态制作...

路由的本质就是一种对应关系，比如我们在url地址中输入我们要访问的url地址之后，浏览器要去请求这个url地址对应的资源。那么url地址和真实的资源之间就有一种对应的关系，就是路由。

接口调用方式原生ajax基于jQuery的ajaxfetchaxios异步JavaScript的执行环境是「单线程」所谓单线程，是指JS引擎中负责解释和执行JavaScript代码的线程只有一个，也就是一次只能完成一项任务，这个任务执行完后才能执行下一个，它会「阻塞」其他任务。这个任务可称为主线程异步模式可以一起执行多个任务JS中常见的异步调...

一、组件组件 (Component) 是 Vue.js 最强大的功能之一组件可以扩展 HTML 元素，封装可重用的代码二、 组件注册2.1 全局注册Vue.component(组件名称, { data: 组件数据, template: 组件模板内容 })全局组件注册后，任何vue实例都可以用组件基础用法<组件名称></组件名称> {代码...} 2.2 组件注意事项组件参...

一、表单基本操作都是通过v-model单选框 {代码...} 复选框复选框 checkbox 这种的组合时 data 中的 hobby 我们要定义成数组 否则无法实现多选 {代码...} 下拉框和文本框 {代码...} 表单域修饰符.number 将值转换为数值类型如过输入以数字开头的值，后面有夹杂非数组形式的字符串（如字母中文和其他符号）的话，属性值得...

vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合⚫易用:熟悉HTML、CSS、JavaScript知识后，可快速上手Vue⚫灵活:在一个库和一套完整框架之间自如伸缩⚫高效:20kB运行大小，超快虚拟 DOM

配套视频教程本文B站配套视频教程软件出现的目的用计算机的语言描述现实世界用计算机解决现实世界的问题为什么使用面向对象世界由对象组成面向对象的思想 描述 面向对象的世界 符合人类思维习惯 从现实中抽象出类分三步：找出它的种类找出它的属性找出它的行为用面向对象描述世界第一步：发现类class Dog {}根据“对象”抽...

配套视频教程本文B站配套视频教程任务目的1.掌握字符串常用操作2.掌握随机数的用法3.掌握控制台基本输入输出4.掌握循环，分支条件的用法5.培养编程思维，提高分析问题能力`任务描述需求给定单词数组（不少于10个），程序随机选择其中的一个，并显示单词字符长度个横线（-），用户有5次猜测机会，用户每次猜一个字母，如...

配套视频教程本文B站配套视频教程String类位于java.lang包中，具有丰富的方法字符串的初始化方法 {代码...} 字符串的特点：一旦被赋值，就不能改变。但是引用可以改变. {代码...} String s = new String(“hello”)和 String s = “hello”;的区别? String字面值对象和构造方法创建对象的区别 {代码...} {代码...} String类...

配套视频教程本文B站配套视频教程为什么要用带参数的方法定义带参数的方法参数列表：(数据类型 参数1，数据类型 参数2…) {代码...} 调用带参数的方法 {代码...} 调用方法，传递的参数要与参数列表一一对应定义带参数的方法<访问修饰符> 返回类型 <方法名>(<形式参数列表>) { {代码...} }调用带参数的...

配套视频教程本文B站配套视频教程万物皆对象分类是人们认识世界的一个很自然的过程，在日常生活中会不自觉地进行分类身边的对象顾客姓名—张浩年龄—20体重—60kg操作： 购买商品收银员员工号—10001 姓名—李明 部门—财务部操作： 收款 打印账单对象的特征——属性属性——对象具有的各种特征每个对象的每个属性都拥有特定值例如...

配套视频教程本文B站配套视频教程循环回顾某次程序大赛，S1班有4名学员参加，学员的成绩由用户输入，计算该班参赛学员的平均分二重循环若有3个班级各4名学员参赛，如何计算每个班级参赛学员的平均分？使用二重循环实现--一个循环体内又包含另一个完整的循环结构 外层循环控制班级数目，内层循环控制每个班级学员数目 {代...

配套视频教程本文B站配套视频教程问题Java考试结束后，老师给张浩分配了一项任务，让他计算全班（30人）的平均分 {代码...} 数组数组是一个变量，存储相同数据类型的一组数据声明一个变量就是在内存空间划出一块合适的空间声明一个数组就是在内存空间划出一串连续的空间数组基本要素标识符：数组的名称，用于区分不同的...

配套视频教程本文B站配套视频教程几个问题张三oracle考试成绩未达到自己的目标。为了表明自己勤奋学习的决心，他决定写一百遍“好好学习，天天向上！”循环结构语法特点：先判断，再执行实现打印50份试卷分析是否包含重复操作?使用while循环的步骤确定循环条件和循环操作套用while语法写出代码检查循环是否能够退出一个练...

配套视频教程本文B站配套视频教程几个问题如果张浩的Java考试成绩大于98分，张浩就能获得一个MP4作为奖励 {代码...} 张浩Java成绩大于98分，而且音乐成绩大于80分，老师奖励他；或者Java成绩等于100分，音乐成绩大于70分，老师也可以奖励他 {代码...} 练习1输入一个数，如果是偶数，则输出 {代码...} 输入一个数，//如果...

配套视频教程本文B站配套视频教程常量(1)在程序执行的过程中，其值不发生改变的量 {代码...} {代码...} 变量的三要素类型，变量名，保存的值基本数据类型数值整数 byte，short，int，long25，-987, 0小数 float,double5.23,3.14字符串字符串 String"你好"，"中国的首都"字符 char'a', '的'布尔型boolean使用一个变量的步...

本教程案例在线演示有路网PC端有路网移动端免费配套视频教程免费配套视频教程教程配套源码资源教程配套源码资源本章目标LESS1.什么是lessLess 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、嵌套等特性。Less的语法更简洁，可以被翻译为CSS。在vs code安装less的编译插件安装插件Easy LESS，如下图所示有...

本教程案例在线演示有路网PC端有路网移动端免费配套视频教程免费配套视频教程教程配套源码资源教程配套源码资源制作有路网首页有路网首页布局框架制作划分区域，确定div测量各个区域的宽高使用Flexbox对网页进行布局youlu-whole.css {代码...} youlu-whole.html {代码...} 整合顶部导航 {代码...} {代码...} 整合搜索横...

本教程案例在线演示有路网PC端有路网移动端免费配套视频教程免费配套视频教程教程配套源码资源教程配套源码资源制作有路网水平导航菜单category-nav.css {代码...} youlu-category-nav.html {代码...} 制作有路网搜索栏制作HTML骨架 {代码...} 美化logo {代码...} 美化搜索框 {代码...} 美化热门搜索 {代码...} 美化购物...

本教程案例在线演示有路网PC端有路网移动端免费配套视频教程免费配套视频教程教程配套源码资源教程配套源码资源Flex容器 {代码...} 这就是一个无序列表(ul)里有三个列表元素(li)。你可以把ul称为父元素，li称为子元素。要开始使用Flexbox，必须先让父元素变成一个Flex容器。你可以在父元素中显式的设置display:flex或者d...

本教程案例在线演示有路网PC端有路网移动端免费配套视频教程免费配套视频教程教程配套源码资源教程配套源码资源定位position属性static：默认值，没有定位relative：相对定位absolute：绝对定位fixed：固定定位标准文档流标准文档流:是指页面上从上到下,从左到右,网页元素一个挨一个的简单的正常的布局方式。一般在HTML...

本教程案例在线演示有路网PC端有路网移动端免费配套视频教程免费配套视频教程教程配套源码资源教程配套源码资源表格table标签（表格）、tr标签（行）、td标签（标准单元格）、caption标签（标题）、th标签（表头单元格）。为了更深一层对表格进行语义化，HTML引入了thead、tbody和tfoot这三个标签。这三个标签把表格分为...

本教程案例在线演示有路网PC端有路网移动端免费配套视频教程免费配套视频教程教程配套源码资源教程配套源码资源divdiv 可定义文档中的分区（division）。div 标签可以把网页分割为独立的、不同的部分。可以看成以下结构：div不像 h1，p标签，没有任何默认样式，其主要作用是标识网页上的某块区域。常见做法是通过给div元...

本教程案例在线演示有路网PC端有路网移动端免费配套视频教程免费配套视频教程教程配套源码资源教程配套源码资源字体样式属性名 含义 举例font-family 设置字体类型 font-family:"隶书";font-size 设置字体大小 font-size:12px;font-style 设置字体风格 font-style:italic;font-weight 设置字体的粗细 font-weight:bold;f...

本教程案例在线演示 有路网PC端有路网移动端 免费配套视频教程 免费配套视频教程 教程配套源码资源 教程配套源码资源 考虑对人的描述方式 {代码...} CSS基本语法结构 {代码...} {代码...} style标签 {代码...} 标签选择器 HTML标签作为标签选择器的名称 {代码...} {代码...} 类选择器 <标签名 class= "类名称">标...

本教程案例在线演示 有路网PC端有路网移动端 免费配套视频教程 免费配套视频教程 教程配套源码资源 教程配套源码资源 网页开发工具 VSCode或WebStorm HTML简介 HTML：Hyper Text Markup Language html文本的内部基本结构 {代码...} html的注释 {代码...} 标题标签 ，段落标签，水平线，换行，加粗，斜体 {代码...} 列表...

大家都知道有一个二八原则，即平时工作中80%最常用的知识点占全部知识点总量的20%。豆约翰就讲这20%最常用的知识点，让大家用最短的时间，从0基础到基本掌握PC端和移动端网站制作方法。

项目演示地址 项目演示地址 项目源码 项目源码 视频教程 视频教程 项目代码结构 前言 React 框架的优雅不言而喻，组件化的编程思想使得React框架开发的项目代码简洁，易懂，但早期 React 类组件的写法略显繁琐。React Hooks 是 React 16.8 发布以来最吸引人的特性之一，她简化了原有代码的编写，是未来 React 应用的主流...