- 博客(15)
- 资源 (6)
- 收藏
- 关注
RSS订阅
原创 JAVAscript实现萤火虫----面向对象
JAVAscript实现萤火虫----面向对象前言：写这个主要是想试试自己的脑子还好不好使，也是为了重新想想面向对象。实现思路创建萤火虫（一闪一闪的星星图写起来太累，所以我直接用bulingbuling的动图代替）背景也是随机找的图。给萤火虫加随机位置，并向定位处运动。用定时器不断的给萤火虫定位。创建萤火虫（是N个，不是一个）这里只是创建一个，new多个实例就会创建多个 addEle() { var div = document.createElement("di
2021-04-10 20:21:54
1372
17
原创 JAVAscript中的this指向和this指向的修改
JAVAscript中的this指向和this指向的修改this 关键字一般在函数中使用，表示哪个对象执行了当前函数。每一个函数内部都有一个关键字是 this 。函数内部的 this 只和函数的调用方式有关系，和函数的定义方式没有关系函数内部的 this 指向谁，取决于函数的调用方式。windowJS中的顶层对象，所有的全局都属于window 。对象（Object）数据类型，描述了事物，可以有属性，可以有函数；如有函数，在执行了这个函数后，this才是当前对象。函数是载体
2021-04-08 19:52:41
2522
12
原创 JAVAscript数组的常用方法
标题数据类型分类常用的数据类型`number` / `string` / `boolean` / `undefined` / `null` / `object` / `function` / `array` / ...分类值传递：基本数据类型number` / `string` / `boolean` / `undefined` / `null` 地址传递：复杂数据类型object` / `function` / `array` / ...创建一个数组数组就是一个 `[]`；在 `
2021-03-26 19:51:19
1804
8
原创 Ajax的基础原理和简单封装
Ajax啥是Ajax？JS 语言 和 服务端 交互的手段。全称：Asynchronous JavaScript and XMLajax 的特点不需要插件的支持，原生 js 就可以使用用户体验好（不需要刷新页面就可以更新数据）减轻服务端和带宽的负担缺点： 搜索引擎的支持度不够，因为数据都不在页面上，搜索引擎搜索不到前进、后退的功能被破坏（因为 Ajax 永远在当前页，不会记录前后页面)创建一个ajax请求// 1. 创建 ajax 对象//IE9以上let xhr = new X
2021-04-16 20:36:34
577
原创 JAVAscript中的DOM
DOMDOM（Document Object Model）： 文档对象模型可操作内容获取一个元素//通过 js 代码来获取页面中的标签 document.getElementById//是通过标签的 id 名称来获取标签的document.getElementsByClassName//标签的 class 名称来获取标签的document.getElementsByTagName//标签的 标签 名称来获取标签的document.querySelector//按照选择器的方式来获取元素 /
2021-03-30 20:31:24
302
1
原创 JAVAscript中的BOM
BOM（Browser Object Model）： 浏览器对象模型可操作内容//获取一些浏览器的相关信息（窗口的大小） //操作浏览器进行页面跳转 //获取当前浏览器地址栏的信息 //操作浏览器的滚动条 //浏览器的信息（浏览器的版本） //让浏览器出现一个弹出框（alert/confirm/prompt）获取浏览器窗口的尺寸` innerHeight`获取浏览器窗口的高度（包含滚动条） `innerWidth`获取浏览器窗口的宽度（包含滚动条）浏览器的弹出层`alert` 是
2021-03-30 20:10:50
220
原创 JAVAscript的字符串的常用方法
字符串的常用方法创建一个字符串字面量创建var str="一个字符串"构造函数创建var str = new String("一个字符串")//虽然长得像对象，但他还是正常的字符常用方法str.replace(); 参数： 参数一：是老的字符串； 参数二s：是新的字符串。 功能：替换，将参数一的字符串替换成参数二的字符串；如果没有参数二，默认替换成undefined。 返回值：返回替换后的新字符串。 不改变原字符串str.indexOf() 参数： 参数一
2021-03-28 19:34:23
214
原创 JAVAscript数组的排序——冒泡和选择
冒泡排序冒泡排序：顾名思义，向冒泡泡一样进行排序；就是进行诸位比较，大的在后。需要使用循环的嵌套，采用多行多列，进行两两相比简单冒泡的实现for(var i=0;i<arr.length-1;i++){//大循环确定执行几轮 for(var j=0;j<arr.length-1;j++){//小循环确定每轮执行几列 if(arr[j] > arr[j+1]){ var ls=arr[j];//创建一个临时变量，保存其中大值 arr[j]=arr[j+1];//将小
2021-03-27 17:44:07
150
1
原创 JAVAscript数组的简单应用——去重
编写函数将数组的重复元素去掉，并返回新的数组思路先随机创建一个数组。循环遍历，拿到数组多有的数据。将这次拿到的数据和下次的数据进行对比，如果相同就用splice方法在本次删掉一个。封装。 var arr = [1, 1, 2, 2, 3, 3, 4, 4, 5, 5, 6, 6, 7, 7, 8, 8]; function fn(n) { for (var i = 0; i < n.length; i++) { if (n[i] == n
2021-03-27 17:13:52
236
原创 通过循环按行顺序为一个5×5的二维数组a赋1到25的自然数，然后输出该数组的左下半三角。
思路操作二维数组，一般都能用到双层循环。外层循环控制行（第一层的数组），内层循环控制列（第二层的循环）。首先创建一个空数组，做外层；然后循环添加内层数组；每次循环添加的都是新的数组。再定义一个变量，用给内层数组添加数据。 var arr = [];//外层数组 var x = 0;//给内层循环添加数据的变量 for (var i = 0; i < 5; i++) {//控制外层数组的长度 var arr1=[];//每次循环创建的新数组
2021-03-27 16:40:53
1872
1
原创 定义一个含有30个整型元素的数组，按顺序分别赋予从2开始的偶数；然后按顺序每五个数求出一个平均值，放在另一个数组中并输出。
思路先定义一个30个整型元素的数组，然后对数组进行填充数据。需要一个容器对数组的数据进行累加计算。还需要一个计数器，用来记录容器中累加的数组数据的个数。输出的新数组。执行。 var a = 30; var arr = []; var sum = 0; //容器 var j = 0; //计数器 var arr1 = []; for (var i = 1; i <= a; i++) { arr.push(
2021-03-27 16:11:17
1433
原创 面向对象选项卡---附源码
用JAVAscript写的简易选项卡思路1.选项卡分为两部分：1.1标题部分（即可以手动选择的部分）1.2内容部分（根据标题部分显示的对应的内容）2.可以手动选择：简单来说就是可以通过事件操作的；比如：点击，进入，双击。3.元素选中元素，给对象添加属性，通过对实例对象方法，属性的操作来完成需求。4.完成代码基础布局```javascript <div id="box"> <ul id="list"> <li class="d
2021-03-26 21:10:26
109
1
原创 编写任意个数字的求和、差、积、商的函数 sum(1,2,3,4,5,6,‘-‘)
function fn() {//取出最后一个实参//arguments的返回值时一个数组 var s = arguments[arguments.length - 1]; var sum = arguments[0]; //通过判断最后一个实参的符号决定加减乘除 switch (s) { case "+": for (var i = 1; i < arguments.length - 1;
2021-03-25 19:35:08
2095
2
原创 案例分享——放大镜
今天来分享一个小案例–放大镜。css部分代码：.s_box {width: 400px;height: 300px;position: absolute;left: 50px;top: 100px;}.s_box img {width: 400px;height: 300px;} .s_box span {width: 130px;height: 100px;background: rg...
2020-03-07 14:33:31
296
原创 JS事件监听式绑定事件
今天聊一下事件监听式绑定事件；绑定事件，我刚接触到两种：一种是赋值式绑定；另一种就是监听式绑定。赋值式绑定事件属于DOM0级事件绑定；简单方便，没有兼容问题，但是也有缺点，就是不能重复绑定相同事件。事件监听式绑定事件属于DOM2级事件绑定：用来监听某一个行为，当行为被触发时，执行对应的函数；可以开启多个，各自监听各自，互不影响。介绍完就该上货了：监听式事件绑定（DOM2级事件绑定）：监听...
2020-03-06 22:35:31
306
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人