- 博客(25)
- 收藏
- 关注
RSS订阅转载 es6总结
let与const 关键字可以把let看成var，只是它定义的变量被限定在了特定范围内才能使用，而离开这个范围则无效。const则很直观，用来定义常量，即无法被更改值的变量。for (let i=0;i<2;i++)console.log(i);//输出: 0,1console.log(i);//输出：undefined,严格模式下会报错类ES6中添加了对类的支持，引入了class关键字（其实class在JavaScript中一直是保留字，目的就是考虑到可能在以后的新版本中会用到，现在终于
2021-02-06 22:34:41
199
原创 jQuery 之简单弹幕制作
在现在的视频网站，我们在看视频的时候经常会有弹幕从出现，那么怎么通过js实现这一效果呢，下面介绍一种简单的方法。首先，搭好结构：页面中先放一个视频，视频下部放一个input 标签和button按钮，代码如下：<div class="box"> <div class="top"> <video src="./static/梦然-少年 .mp4" controls autoplay muted></audio>
2020-12-09 19:24:45
355
原创 Ajax请求中post和get的区别
HTTP请求3个组成部分与XMLHttpRequest方法的对应关系1、请求行2、请求头get 请求可以不设置3、请求主体get请求//创建一个异步var xhr = new XMLHttpRequest();//设置请求行 open (请求方法, 请求url) //get请求如果有参数就需要在url后面拼接参数 //post请求在请求体中传递xhr.open('get', 'index.php?'+name);//设置请求头 setRequestHeader('key', 'v
2020-12-02 20:19:51
130
原创 二级/三级菜单栏JS控制（含取消冒泡行为）
在做页面的时候，经常会涉及到二级菜单和三级菜单的制作，这篇文章就介绍一下具体的操作方法：首先看页面把结构搭成如图所示：首先是一级菜单的点击事件：// 通过修改类名的方法改变需要显示或隐藏的内容 for (var i = 0; i < lis.length; i++) { lis[i].onclick = function () { if (this.children[2].className == 'yinC') {
2020-11-11 20:54:52
398
原创 JS 部分概念归纳
预编译的过程：1.创建一个AO活动对象；2.查找形参和变量声明，值赋予undefined；如有重名属性，直接覆盖；3.实参值赋给形参；4.查找函数声明，指赋予函数体new关键字的作用1.创建一个空对象obj；2.该对象的原型指向构造函数的原型对象；3.传入参数，执行构造函数，将this指向obj；4.返回obj；JS的数据类型分为基本数据类型和引用类型：基本数据类型为：string number boolean undefined null引用类型为：object...
2020-11-03 19:22:03
84
原创 localStorage应用一
localStorage应用一：在邮箱案例中，可以获取用户的登录名，并显示到下一页中：function login(){if(inputs[0].value != '张三' ){ alert('请输入正确的用户名')}else if(inputs[1].value != '123456'){ alert('密码不正确')}else { window.location.href = 'index.html' window.localStorage.setItem('u
2020-10-31 16:38:39
111
原创 偏移量 offset 解析
offset 几个参数可以获取盒子在页面的偏移量其中 offsetTop 是从盒子边框到页面顶部的距离offsetLeft是从盒子边框到页面左边的距离offsetHeight是包括边框、内边距、内容的高度offsetWidth是包括边框、内边距、内容的宽度，具体可以参考下图：它与client的区别是 clientWidth 中的计算不包括边框；同样的clientHeight的计算也不包括边框...
2020-10-20 19:43:25
1946
原创 数组去重，未完待续。。。
数组去重方法：var arr = [1, 2, 3, 4, 5, 6, 1, 2, 6, 8] // 创建一个新数组用于接收去重后的值 var newArr = [] // 遍历原数组 for (var i = 0; i < arr.length; i++) { // 在新数组中一一查找原数组的值，如果没有找到将这个值放入新数组中 if (newArr.indexOf(arr[i]) ==
2020-10-13 19:54:22
57
原创 三S 的运用：slice 、split、splice
在字符串和数组查找方法中，有三个s开头的方法“长相”类似，比较容易混淆，在这里重新梳理一遍：1、slice此方法用于字符串或者数组截取，在字符串截取方法中参数为（start end）end取不到例如var str = 'hello'console.log(str.slice(0,2) )输出结果为从0想开始到第二项（不包含第二项）即为'he'此方法也用户在数组的截取，参数为（begin end）end为索引号，不包含这项索引号对应的值例如var arr = [1,2,3,4,5]con
2020-10-13 19:31:42
225
原创 原型
原型所有的对象都是通过 new 函数创建所有的函数都是对象 函数对象中可以有属性所有对象都是引用类型原型所有函数都有的一个属性：prototype，称之为函数原型默认情况下，prototype是一个普通的Object对象默认情况下，prototype中有一个属性，constructor，它也是一个对象，指向构造函数本身隐式原型__proto__所有的对象都有一个属性 ：__proto_,称之为隐式原型默认情况下，隐式原型指向创建该对象的函数的原型一般静态属性写在构造原型中，方法属性写
2020-08-22 11:51:32
136
原创 递归
递归递归是指一种函数调用自身的操作。递归被用于处理包含有更小的子问题的一类问题。一个递归函数可以接受两个输入参数：一个最终状态（终止递归）或一个递归状态（继续递归）。做递归问题最重要的是要找到出口，也就是终止递归的条件，从这个点出发，就能够反推出怎么解决。下面用两个例子来说明：第一个是比较经典的斐波那契数列：兔子问题：有一对兔子，从出生后第3个月起每个月都生一对兔子， 小兔子长到第三个月后每个月又生一对兔子，假如兔子都不死，问某个月的兔子总数为多少？ 下面手动分
2020-08-15 17:03:25
99
原创 正则
正则正则表达式是一种规则，他是跨语言的，用来验证字符串它是匹配特殊字符或有特殊搭配原则的字符的最佳选择它的基本书写格式为：/ 匹配条件/附加区域或者附加作用规则例如：var s = 'aaaabiceai123dajio13i'//要找到所有的数字var reg = /\d+/g;console.log(s.match(reg)); // ['123','13']经常用到的匹配字符有：^：匹配输入字符串的开始位置；$：匹配输入字符串的结尾位置；+：一次或多次；*：零次或多次；
2020-08-15 16:26:58
627
原创 预编译
函数预编译四部曲函数预编译发生在函数执行的前一刻创建AO对象 Activation Object(执行期上下文)找形参和变量声明，将形参和变量声明作为AO对象属性名，值为undefined将实参的值赋给形参在函数体中找到函数声明，属性名为函数名，属性值为函数体实例function test(a, b) { console.log(a); console.log(b); c = 0; var c; a = 3; b = 2; function b
2020-08-08 16:41:01
100
翻译 函数
概念在JavaScript中，每个函数其实都是一个Function对象。查看Function页面了解其属性和方法。如果一个函数中没有使用return语句，则它默认返回undefined。要想返回一个特定的值，则函数必须使用 return 语句来指定一个要返回的值。(使用new关键字调用一个构造函数除外)。调用函数时，传递给函数的值被称为函数的实参（值传递），对应位置的函数参数名叫作形参。如果实参是一个包含原始值(数字，字符串，布尔值)的变量，则就算函数在内部改变了对应形参的值，返回后，该实参变量的值也
2020-08-08 16:21:14
140
转载 js基础知识
js的组成 ECMAScript（ES） : 负责翻译，为js的核心，解释器。 DOM (Document Object Model 文档对象模型)：赋予js操作HTML的能力，document。 BOM (Browser Object Modal 浏览器对象模型)：赋予js操作浏览器的能力，window，不兼容不建议使用。变量类型 5种基本类型：unll，undefined，boolean，number，string 1种复杂类型：object 5种引用类
2020-08-02 22:29:42
85
原创 js中的循环
循环结构什么时候回用到循环？————需要重复执行相同或相似的代码的时候循环分为 三种循环结构whilewhile(条件){ // 循环体 代码块 break;//终止当前循环 提前退出循环 continue;//终止本次迭代，继续下一轮}// 执行流程：判断循环的条件// 如果条件为真，则执行循环体，判断循环条件，执行循环体，直到条件为假，则结束循环操作do…whiledo{ // 循环体}while(条件);for// for(循环
2020-08-02 22:14:47
116
原创 JavaScript基础知识
Javascript 概念是一种运行在独立引擎中的解释型脚本语言JS可以写在哪些地方呢？JavaScript可以写在标签的属性上；写在script元素中间；通过script元素引入外部js[推荐使用]创建一个外部js文件,**.js文件 在需要使用的html页面引入js文件 <script src="js/01-firstJavaScript.js" type="text/javascript"></script>为了实现代码分离：内容、样式、功能，三者分
2020-07-25 15:24:57
71
原创 侧边固定栏的制作
#在网页中经常可以看见固定侧边栏，下面就介绍一下他们的实现过程：首先用html写需要定位的文字及结构，一般用无序列表写：<body> <ul class="fixul"> <li class="fixli"> <a href="#"></a> <p class="p"> <span>400-888-1234</s
2020-07-18 17:03:43
871
原创 二级标签的制作
#很多网页会用到二级标签，那么二级标签是怎么制作的，今天来介绍一下；##首先，我们先写一组一级标签，然后在需要设置二级标签的一级标签里面嵌入一组二级标签，示例如下：<ul class="menu"> <li>首页</li> <li>新闻 <ul class="menu_icon"> <li>Lorem ipsum dolor sit.</l
2020-07-17 08:41:36
2502
原创 隔行换色
#隔行换色要想实现隔行换色，需要借助伪元素选择器，举个例子说明：<ul> <li>我是测试行1</li> <li>我是测试行2</li> <li>我是测试行3</li> <li>我是测试行4</li> <li>我是测试行5</li> <li>我是测试行6</li> <li>我是测试行7
2020-07-12 22:37:42
344
原创 代码编写中遇到的问题与解决——空隙问题
#代码编写中遇到在问题：有一个页面右边上部分关于网站产品在介绍有三张图需要平铺显示，效果图如下：这个盒子整体在大小为518px，每张图片在宽度width为170px，如果平铺，宽度应该足够，前期写的代码如下： <div class="news"> <div class="news1"><a href="#">本站快讯</a></div> <a href="#" class="flower"><im
2020-07-08 19:26:44
596
原创 盒模型
#盒模型每个元素在页面中都会生成一个盒子（矩形区域）##盒子的类型一、行盒不独占一行，浏览器默认样式设置了display为inline，常见的行盒有：a、img、span、video、audio二、块盒独占一行，浏览器默认样式设置了display为block，常见的块盒有：div、h1~6、p、header、nav、section、footer等容器元素。##盒子的组成部分1.内容 content一般我们设置的width、height就是设置的盒子宽度和高度，这是内容和区域，即conte
2020-07-05 12:49:55
172
原创 元素的渲染过程及属性值的计算
#元素的渲染过程元素渲染的必备条件为这个元素必须有值。元素的渲染顺序为根据树形目录结构依次进行渲染；#属性值的计算一个HTML元素一般有一下属性：width: ?;height: ?;background-color: ?;font-size: ;font-weight: ;display: ;color: ;其他CSS属性：？##要确定一个元素的属性，我们一般分为四步：第一，确定声明值查看作者样式表中，没有冲突的属性，作为css属性，同时也需要参考浏览器默认样式；第二，层叠
2020-07-05 10:59:17
202
原创 HTML标签
##HTML标签大致分类和作用a 标签，anchor，锚，可用来定位和超链接p标签，段落标签，里面内容成段落展示b标签，加粗br标签，换行u标签，下划线i标签/em标签，斜体div标签，分区span标签，组合hr标签，横线h1~6标签，标题标签ul li标签，无序列表ol li标签，有序列表header 表示网页，文字的头部footer 表示网页页脚，也表示文章的尾部section 表示文章的章节aside表示侧边栏articl 表示独立于文档的其他部分内容nav表示导航
2020-06-28 01:24:36
123
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人