![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
周朝兵
这个作者很懒,什么都没留下…
展开
-
js时间线
时间线javascript 单线程,解释型,弱类型时间线的步骤1.创建document对象,开始解析web页面、html元素以及文本内容,之后添加Element对象和Text节点到文档中。Document.readyState = “loading”。2.(1)遇到外部css,创建线程加载,并继续解析文档。(2)遇到script外部js,(没有设置async , defer )等待j...原创 2020-03-10 16:59:27 · 828 阅读 · 0 评论 -
canvas编写飞机大战
整体分析1、定义游戏状态(1)游戏欢迎状态 START(2)游戏加载状态 LOADING(3)游戏运行状态 RUNNING(4)游戏暂停状态 PAUSE(5)游戏结束状态 GAMEOVER2、定义游戏得分 score = 03、定义我方飞机生命值 life = 34、定义游戏开关 State = 0代码实现首先,我们先来编写背景,背景采用的思维方法是和和轮播图差不多的,就相...原创 2019-12-21 14:04:00 · 668 阅读 · 0 评论 -
BOM 封装网址以及检查插件
封装网址、检查插件在写封装网址的代码之前,我们应该对BOM有一些基本的了解。学习BOM,我们应该知道1、document DOM2、event 事件对象3、history 浏览器的历史记录4、locatian 窗口的url 地址栏信息5、screen 地址栏信息6、navigator 浏览器的配置信息其中,history是封装当前窗口浏览过的历史记录栈,...原创 2019-12-05 19:55:46 · 417 阅读 · 1 评论 -
js实现全选、div的移动
全选全选这个功能在很多地方都可以看见,几乎已经是表格所必备的功能之一了,那么今天我们就一起来看看,如何只用js来实现全选功能吧。首先,我们先来创建一个HTML的布局<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</...原创 2019-12-02 15:52:24 · 561 阅读 · 0 评论 -
javascript实现增删改查
增删改查增删改查对于学前端的来说,可以说是必修课,在很多的网站中都会遇见这种功能,那么今天,我们就来看看如何使用js来实现正删改查。首先,我们先模拟一个后台数据,如下:var data = [ { "0":"李白", "1":"男", "2":"12", "3":"123456", "4":"我是李白" }, { "0":"小乔", "1":"女", "...原创 2019-11-30 17:22:04 · 1898 阅读 · 4 评论 -
DOM
在介绍DOM之前,我们首先来看一下下面的例子:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>DOM第一次体验</title></head><body> <div></div...原创 2019-11-23 10:13:32 · 114 阅读 · 0 评论 -
javascript实现2048小游戏
2048这种小游戏我相信大多数人都应该玩过,是一款非常经典的益智类小游戏。那么接下来,我们就来看看这款游戏是怎么实现的,如何才能写出这样的游戏。1、分析界面构成观察2048游戏的界面可以看出,整体是一个大盒子包裹着,在其中有4x4的小方格,每个方格还有间距,随着移动,还会出现不同的小方格,不同的数字对应的方格背景颜色也不同。当游戏结束时还会弹出一个遮罩层,阻止用户继续游戏。基本上界面上的就这...原创 2019-11-20 20:42:54 · 1355 阅读 · 0 评论 -
闭包
1、什么是闭包?闭包有何作用?大家在运行完函数后,通常情况下函数所产生的作用域AO都会随着函数运行的结束而被垃圾回收器所回收,避免占用内存,但垃圾回收器回收的标准是改作用域已没有和它相连接其它作用域,如果还存在着其它的链接,那么垃圾回收器就不会将改作用域回收。然而正是因为这一原因,导致某些特殊的函数在运行完后依然会存有作用域,这种情况就称之为闭包。当出现闭包时,你后面的程序在运行时就可能出现各种...原创 2019-11-12 19:53:23 · 108 阅读 · 0 评论 -
函数中的预编译及作用域
1、预编译是什么?每个函数在运行之前都会将函数进行预编译,目的是用来进行初始化相关操作。简单来说,就是讲var声明的变量提前,function声明的函数提前,都放入一个作用域中,我们称之为Activation Object(简称AO)。既然函数体内的变量及函数可以提前进行预编译,那么,函数体外面的呢?答案是肯定的。在函数体外面将提前的变量及函数同样也放入一个作用域中,我们将它称之为Global ...原创 2019-11-11 20:23:27 · 248 阅读 · 0 评论 -
ES5 Array的API(判断,过滤,汇总)
1、判断(every和some)arr.every():判断arr中每个元素是否的符合要求,,只有每一个元素都符合条件的时候,才返回true,只要有一个元素不符合,返回false,而arr.some是判断arr中是否包含符合要求的元素,只要有一个符合要求的元素,就返回true,除非所有元素都不符合条件,才返回fales。语法:var bool = arr.every (function(v...原创 2019-08-17 11:49:12 · 456 阅读 · 0 评论 -
模拟注册页面
今天在这里给大家分享的是如何用javascript来写出一个注册的页面。现在的网站和app大部分都需要登录以后才可以使用完整的功能,然而登录就需要用户名以及密码,想要它们承认这个用户名和密码,就需要注册。 我在这里提供的仅仅只是一个方法以及思路,并没有唯一方法,只有更加简单,有效的(初学,不喜勿喷)。 接下来我就来谈一谈我的方法,首先,先用HTML将整个页面的大致布局写出来,我这里使用的主要...原创 2019-08-24 10:16:58 · 626 阅读 · 0 评论 -
面向对象及构造函数
面向对象:一种编程思想,用程序里面的对象来描述现实中的一个具体的事务对象:封装了一个事务的属性和功能的程序结构封装:将一个具体事务的属性和功能集中定义在一个对象中,事物的属性会成为对象的属性,事物的功能会成为对象的方法。1、创建自定义对象(封装)访问对象的属性:输出结果为:访问对象的方法:输出结果为:给对象中的属性赋值输出结果为:...原创 2019-08-10 16:58:47 · 407 阅读 · 0 评论 -
作用域链
1、作用域链作用域:一个变量的可用范围(1)、全局作用域(window):全局变量可以反复使用,缺点为会造成全局污染(2)、函数作用域:局部变量仅在函数内可使用,不可以反复使用作用域链:有多级作用域连续引用形成的链式结果,掌握一切变量的使用顺序,当寻找一个变量时,现在局部找,没有则延作用域链向父级作用域中找。流程图如下:a、初始化b、调用函数c、...原创 2019-08-10 15:07:54 · 81 阅读 · 0 评论 -
匿名函数、闭包
1、匿名函数匿名函数,顾名思义就是不指定函数名的函数,匿名函数的优点为可以节约内存,一个函数只会使用一次,用完了就自动释放,比如回调、自调。(1)、回调函数将函数作为参数传递给另一个函数去调用arr.sort(function(a,b){return a-b})str.replace(/reg/g,function(kw...){return...})(2)、自调函数创...原创 2019-08-10 14:31:18 · 119 阅读 · 0 评论 -
js解决鸡兔同笼
1、鸡兔同笼 今有雉兔同笼,上有二十头,下有六十四足,问雉兔各几何?代码如下:原创 2019-07-21 15:48:24 · 7398 阅读 · 2 评论 -
js打印乘法口诀表、三角形
1、乘法口诀表代码如下:打印结果为:2、直角三角形代码如下:打印结果为:3、等腰三角形相比直角三角形,等腰三角形在前面多加了一些空格代码如下打印结果为:...原创 2019-07-21 16:18:46 · 350 阅读 · 0 评论 -
正则表达式
对于正则表达式,第一眼看过去就是各种符号,不知所云,其实当你记住了其中的元字符后再来看,就会发现其实一直是那么几个字符,开始可能读起来很慢,但写多了,读多了就自然快起来了。那么首先我们来介绍一下什么是正则表达式:正则表达式相当于一种查找的命令,但是它并不能单独存在,当我们需要查找一些复杂字符时,使用正则会更加的方便,可以将它们看作一串特殊的字符串。其次,我们来看一下正则中的元字符、量词...原创 2019-08-03 15:37:04 · 118 阅读 · 0 评论 -
js中的算术、赋值、逻辑、关系、位运算符
js中的运算符有很多,今天我们来看看其中的算术、赋值、逻辑、关系、位运算符。1、算术运算符处理数值的典型情景是算术。算术运算符对数值(文字或变量)执行算术运算。其中的运算符有加(+)、减(-)、乘(*)、除(/)、幂(**)、取模(%)、递增(++)、递减(--)。值得一提的是递增和递减,当运算符在前面,运算时先自增/自减在参加运算;当运算符在后面时,运算时先参加运算,在自增/自减。在...原创 2019-07-22 22:58:01 · 303 阅读 · 0 评论 -
常用String 对象方法
今天在这里介绍一些常用String的对象方法,希望可以帮到你1、charAt() 返回指定位置的字符字符串中第一个字符的下标是 0。如果参数 index 不在 0 与 string.length 之间,该方法将返回一个空字符串。2、charCodeAt() 返回指定位置的字符的 Unicode 编码字符串中第一个字符的下标是 0。如果 index 是负数,或...原创 2019-07-31 21:03:49 · 1635 阅读 · 0 评论 -
循环基础算法题(计算当前日期、判断素数、水仙花数以及分解质因数)
1、 计算当前日期的是星期几的功能注:设定1900年1月1日为周一我们来拆分一下题目,明确题意。(1)、 计算当前日期(2)、星期几(3)、1900年1月1日为周一根据这三个条件,我们可以看出要求的分别为那一年、那一月、那一日。得到如下代码:想要计算一年有多少天,首先要判断的为这一年为闰年还是平年,因为闰年的二月比平年的二月多一天。闰年可以被4整除,并且不能被100整除...原创 2019-07-27 17:04:11 · 196 阅读 · 0 评论 -
循环基础算法题(求s=a+aa+aaa+aaaa+aa...a的值、猴子吃桃问题、计算年龄、阶乘、定义一个函数,返回1+1/3+1/5+1/7+....1/n的和)
1、求s=a+aa+aaa+aaaa+aa...a的值,其中a是一个数字。例如2+22+222+2222+22222(此时共有5个数相加),几个数相加有键盘控制。分析题目:(1)、输入的数以及个数都由键盘控制,因此需要两个输入框(2)、如果第一个数字输入为 n 第二个数字等于第一个数字的 n * 10 + n 第三个数字等于第二个...原创 2019-07-27 18:16:22 · 2196 阅读 · 0 评论 -
数组
数组是存储一堆变量的集合,为内存连续存储多个数据的存储空间统一的名字。使用数组可以方便数据的编译维护和查询。创建数组不能用数字开头,不能使用关键字和保留字 。允许使用下划线,$,字母以及数字。创建数组有两种方法,(1)、var arr = [ ] (2)、var arr = [ ]访问数组是通过...原创 2019-07-28 16:12:00 · 120 阅读 · 0 评论 -
数组的API-字符串
1、String(字符串)将数组中的元素转化为字符串用String,如下:2、join(自定义链接符)无缝拼接3、拼接 拼接:将其他元素或者另一个数组,拼接到当前数组结尾 newArr = arr1.concat(value1,value2,arr2....); concat无权修改原数组,只能返...原创 2019-07-28 16:51:00 · 96 阅读 · 0 评论 -
数组的修改(删除,插入,替换)
1.删除arr.splice(starti,n) 删除arr中starti开始的n个元素splice 同时也支持负数参数。2.插入arr.splice(starti,0,value1,value2/arr2...)将value1,value2等插入到arr中starti的位置starti表示位置,0表示一个都不删除 ,原位置的值,向后顺移3、替换...原创 2019-07-28 17:24:49 · 1096 阅读 · 2 评论 -
原型及原型链
1、原型对象原型对象为构造函数的prototype属性指向的一个对象,每个构造函数以及对象都有一个prototype属性,它们从创建开始的时候就会与之关联另一个对象,这个对象就是原型对象,每一个对象都会从原型继承属性,原型对象中存储的为构造函数的属性或者对象的属性。数组、对象、函数都具有对象特性,除null外,它们都有一个__proto__属性,它指向构造函数的prototype属性值,查...原创 2019-08-17 10:32:13 · 64 阅读 · 0 评论 -
call、apply以及bind
call、apply、bind这三个的用法都是用来改变函数的指向的。首先来谈一谈它们之间的区别。call和apply都是临时借用一个函数,并替换this为指定对象,不同点在于它们穿参的方式不一样,call只能接受一系列的单独变量,而apply可以接受一个数组作为参数输入。bind则是基于现有函数,创建一个新函数,并永久绑定this为指定对象。call和apply都是创建完成以后立即执行,而...原创 2019-08-19 18:41:30 · 83 阅读 · 0 评论 -
js实现简单算法
1、计算5的阶乘控制台打印:2、字符串翻转输出为:3、数据去重控制台打印为:4、合并数组控制台打印:5、排序控制台打印为6、冒泡排序打印为...原创 2019-07-21 15:16:54 · 200 阅读 · 0 评论