Java实现魔板拼图小游戏（完整版）
魔板游戏是一款益智游戏，该游戏有两种形式：一种是由若干个有序不等数字组成，而另一种是由图像组成。人们在将其恢复至最原始的序列而形成完整的排列时，会充分考验玩家的智商，是人们休闲娱乐时可供选择的消遣工具。魔板游戏分为两个级别，用户可以根据自己的水平来选择“初级”或者“高级”，更具灵活性，并且更贴近用户的需求。对于“初级”级别，魔板由 3*3个格子组成，对于“高级”级别，魔板由 4*4 个格子组成。本次项目设计是通过 Java语言编制一个魔板游戏，它是一款经典的智力游戏。.........
JavaScript--数据类型（简单、复杂类型）
引言简单类型：（基本数据类型 / 值类型）复杂类型：（引用类型）文章目录引言一、值类型二、引用类型三、存储方式3.1 栈3.2 堆四、传参4.1 简单类型4.2 复杂类型一、值类型简单数据类型/基本数据类型：在存储时变量中存储的是值本身，因此叫值类型有:string number boolean undefined null二、引用类型复杂数据类型：在存储时变量中存储的仅仅是地址（引用），因此叫做引用数据类型通过new关键字创建的对象(系统对象、自定义对象)如：Array、O
JavaScript--JavaScript和web API、JS（提供案例）
文章目录一、组成部分二、API和Web API三、DOM四、操作元素一、组成部分阶段ECMAscript基础语法是为后文做铺垫Web APIs是JS的应用，大量使用JS基础语法做交互效果二、API和Web APIAPI(Application Programming Interface应用程序编程接口)是预定义的函数，目的是提供应用程序员与开发人员基于某软件或硬件得以访问一组编程的能力，而无需访问源码，或理解内部工作机制的细节。Web API浏览器提供的一套操作浏览器和页
javscript--事件
本文来自pink老师前端学习视频，作为自己的学习笔记文章目录一、注册事件二、删除事件三、DOM事件流四、事件对象1. 兼容性问题2. 常见属性和方法五、阻止事件冒泡六、事件委托七、 常用鼠标事件1. 鼠标对象事件案例1：跟随鼠标一、注册事件addEventListener二、删除事件三、DOM事件流四、事件对象1. 兼容性问题2. 常见属性和方法五、阻止事件冒泡六、事件委托七、 常用鼠标事件1. 鼠标对象事件案例1：跟随鼠标效果展示案例分
JavaScript--offset、client、scroll、立即执行函数、动画函数
本文来自pink老师视频，并作为自己的学习笔记文章目录一、偏移量offset二、client系列三、立即执行函数1. 两种写法一、偏移量offset注意：offsetParent和parentNode都可以取到父节点，但是parentNode取到亲爸爸，offsetParent取到有定位的父亲或者bodyoffset与style区别二、client系列三、立即执行函数不需要调用，立即能自己执行1. 两种写法可以传参(function (形参){})(实参);或(fun
插值字符串{{}},模板字符串`${}`,属性命令v-bind:
插值字符串{{}}其中间可以放js表达式 如：{{ 变量 }}{{ 三元表达式 }}{{ 赋值表达式 }}模板字符串` ${}`其中\``就是模板字符串的表示（反引号），${}内部是放变量的const string = “我今年 ’ + age + ’ 岁”const string =` 我今年 ${age} 岁`属性命令v-bind:v-bind:style="这里写js代码" 如：//{}代表js中的对象//这里是对象中的：（属性:属性值）v-bind:styl.
csss实现水平垂直居中的方法大全
1.1行内元素 text-align：center1.2块级元素 确定宽度(1) margin:0 auto;(2) 子绝父相 + margin-left：-自己width/2 未知宽度(4) display:inline-block; text-align:center(5) 子绝父相 + translateX(-50%)(6) display:table；margin:0 auto;(7) display:flex; justify-content:center.........
vue生命周期函数可以完成的操作
生命周期主要函数created ( )(1).调用次数：一次(2).可实现操作：组件已创建好，都!一般在该函数中。但是组建的模板结构尚未生成！。mounted ( )(1).调用次数：一次(2).可实现操作：已将内存html结构成功渲染到浏览器中，此时浏览器中已包含当前组件的DOM结构，此时。undated ( )(1).调用次数：n次(2).操作：由于数据更改导致的虚拟 DOM 重新渲染，在这之后会调用该函数。被调用时，组件 DOM 已经更新，所以可以。(3).区别于： $ nextT
ajax、promise封装ajax、axios
1.AJAX请求2.fs文件操作3.数据库操作4.定时器promise是JS中进行异步编程的新解决方案语法：构造函数，可以实例化对象，封装异步操作，获取成功或失败的结果旧方案：单纯使用回调函数指定回调函数方式更灵活支持链式调用，可以解决回调地狱问题：.........
Vuex（State Mutation Action Getter）
组件之间共享数据(3种情况)Vuex是什么State提供唯一的公共数据源，所有共享数据都同意放到Store的State中存储组件访问State中数据：第二种方式：1.vuex 按需导入 mapState 函数2.将全局数据，映射为当前组件的计算属性Mutation变更store中的数据触发mutation第一种方式：第二种方式：Action用于处理异步任务触发Action：第一种方法：第二种方法：Getter用于包装Store中的数据，不更改数据，getter随着st
mysql模糊查询select * from project where CONCAT(`title`) like
const sql = “select * from project where CONCAT(`title`,`sellPoint`,`descs`) like '%” + 关键字变量+ “%'”;
虚拟 DOM 和 diff 算法
介绍是一个JavaScript对象，用来描述真实的DOM结构。如下图，有三个属性（1）sel标签名；（2）data属性信息；子元素对象。计算最小更新DOM的方式。将DOM抽象为虚拟DOM；然后通过新旧虚拟DOM这两个对象的差异(Diff算法)；最终只把变化的部分重新渲染,提高渲染效率的过程。流程图其中包含patch函数、pachVnode函数、函数（未详细介绍）...............
今日推荐
周排行