自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(19)
  • 收藏
  • 关注

原创 Promise--关键问题

为什么用promise?1、支持链式调用,可以解决回调地狱问题2、指定回调函数的方式更加灵活可封装一个异步操作,获取其成功和失败的值异步编程fs文件操作数据库操作AJAX定时器

2021-11-06 15:07:42 167

原创 深浅拷贝的意义和用法

一、什么是深浅拷贝?       在了解深拷贝之前,应该先了解以下2个概念:       传值:表示传递的是变量所赋的值,简单来说:就是相当于把变量的值全新复制了一份。当一个变量的值赋给另一个新变量的时候,新变量修改了值,不会影响原来变量的值。       传址: 表示传递的是变量所在的内存地址

2021-11-04 20:08:29 439

原创 闭包的形成与作用

前言        以前在学到闭包的时候,感觉并不能明白其中的原理,对于闭包的形成与作用也是模棱两可。经过后面的学习与积累,也逐渐对闭包有了一点自己的理解。闭包的形成        谈到闭包,就不得不说到作用域。作用域就是所声明变量的一个适用范围...

2021-10-30 13:57:46 202

原创 ES6--Symbol类型

ES6–Symbol类型        ES5中包含5种原始类型:字符串(string)、数字(number)、布尔值(boolean)、null和undefined。ES6中引入了第6种原始类型——Symbol。        Symbol:表示独一无二的值,最大的用法是用来定义对象的唯一属性名。1、基本用法symbol 值通过symbol

2021-10-24 22:51:00 118

原创 ES6---Promise

一、Promise简介      ES6将事件的执行发生异步的时候,分为2个阶段:unsettled 未决阶段和settled 已决阶段,事件总是从未决阶段发展到已决阶段 。      ES6将程序分为三种状态:pending 、resolved、 rejected这三种状态的具体含义如下:      pending:事情

2021-10-21 21:57:28 57

原创 Ajax简介理解-post请求&get请求

一、AJAX简介ajax (Asynchronous Javascript And XML)其实就是异步的javaScript和XML。本质就是在HTTP协议的基础上以异步的方式与服务器进行通信。二、AJAX处理网络请求步骤1.通过XMLHttpRequest类创建xhr对象​ 2.为xhr对象添加属性与回调方法​ 3.令xhr对象执行open()方法,指明请求被发往某处​ 4.令xhr对象执行send()方法,发出请求。三、post请求及get请求1、get请求比如:点

2021-10-18 08:23:41 109

原创 ES6新增方法-字符串API

startsWith()方法         startsWith()方法确定字符串是否以指定字符串的字符开头,返回true或false。         一般情况下,用于判断网址是否以http://开头。 let str = 'https://www.baidu.com'; console.log(str.startsWith('htt

2021-10-13 20:59:45 103

原创 飞机大战-4

⑥游戏暂停阶段当鼠标移出画布即暂停当鼠标移入画布即开始// 暂停状态 pause canvas.onmouseout = function () { if (state === running) { state = pause; } }; canvas.onmouseover = function () { if (state === pause) { state = ru

2021-10-06 15:37:03 202

原创 飞机大战-3

⑤游戏进行阶段2.绘制敌方飞机分别创建小飞机,中飞机,大飞机,并给出其基本信息 // 3.3 敌方飞机 // 3.3.1 小号飞机 var enemy1Arr = [ "img/enemy1.png", "img/enemy1_down1.png", "img/enemy1_down2.png", "img/enemy1_down3.png", "img/enemy1_down4.png",

2021-10-06 15:33:29 53

原创 飞机大战-2

⑤游戏进行阶段1.绘制我方飞机 // 3.1 绘制我方飞机 var heroArr = [ "img/hero1.png", "img/hero2.png", "img/hero_blowup_n1.png", "img/hero_blowup_n2.png", "img/hero_blowup_n3.png", "img/hero_blowup_n4.png", ]; v

2021-10-06 15:27:32 207

原创 飞机大战-1

H5实践之飞机大战1.什么是 Canvas?HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。画布是一个矩形区域,可以控制其每一像素。canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。2.如何创建 Canvas 元素向 HTML5 页面添加 canvas 元素。规定元素的 id、宽度和高度:<canvas id="myCanvas" width="200" height="100"></canvas>3.通过 Jav

2021-10-06 15:20:54 372

原创 js-增删改查-2

js实现增删改查-2增加var that = null; var tha = null; // 添加 function addText() { $('.add a').click(function (e) { var valu = $(e.target).text(); if (valu == "添加") { $(".addrevise").show(); }

2021-10-06 14:58:01 78

原创 js-增删改查-1

通过写一个后台管理系统来实现增删改查操作1.结构代码如下: <!-- 上方导航栏 --> <div class="box"> <span><img src="./img/nav.png" alt=""></span> <div class="guanliyuan"> <div class="super">超级管理员</div> <i ><img

2021-10-06 12:36:16 104

原创 js案例--手风琴

手风琴1.样式:<style> ul { margin: 0; list-style: none; padding: 0; } .wrap { width: 200px; border: 1px solid #ccc; text-align: center; line-height: 2; } .title {

2021-10-06 11:57:38 99

原创 js-切换图片

本文收集了JS实现切换图片的多种实现方法1.简易的四个按钮实现点击切换首先给出4个button按钮,分别命名为图片1、2、3、4,准备好四张图片代码如下:<div id="buttons"> <button>图片1</button> <button>图片2</button> <button>图片3</button> <button>图片4</butto

2021-10-06 11:06:09 2566

原创 js-常用的函数-my functions

本篇文章收集了本周学习的常用的一些函数1、判断是否为闰年function leapyear(n) { if (n % 4 == 0 && n % 100 != 0 || n % 400 == 0) { console.log(n + '为闰年'); }}2、判断一个数是否为奇数function isOdd(n){ // if(n%2!==0){ // return true; // }else { //

2021-08-08 21:46:40 630 1

原创 js-循环结构-嵌套循环

循环结构知识整理上周学习了三个循环结构,分别是while循环、 do while循环 、for循环。基本的循环结构都很容易理解,其中感觉嵌套循环很巧妙,特别是在一些小例题的应用上。1、第一个小例题是输出一个3行5列的*;分析:这种问题很好的解决办法就是用一个嵌套循环,即在一个for循环里套一个for循环,第一个是循环为了规定行的个数,第二个就规定列的个数。代码如下:for(var i=0;i<3;i++){ for(var j=0;j<5;j++){ d

2021-08-08 21:37:32 2253

原创 JS-猜拳游戏

一、简单版猜拳游戏编写一个用户和计算机猜拳的游戏,用户输入剪刀、石头或布,与计算机的出拳进行比较,判断胜负。分析:1、首先得用prompt()方法建立一个用户输入框;2、核心是用到Math.random()这个函数,该函数的作用是取[0,1)之间的随机数,可以利用这个函数让计算机随机出拳;3、用if-else语句判断会出现的各种结果并作出判定;具体代码如下:/** * a是用户输入的内容 * b是计算机的随机内容 */var a = prompt('请输入1:剪刀 2:石头 3:布')

2021-08-08 21:08:59 1834

原创 项目之网易游戏官网-合作产品部

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar

2021-08-01 21:25:32 533

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除