- 博客(24)
- 收藏
- 关注
RSS订阅原创 ES6语法讲解
在js一直有一个bug是var：1、var 声明的变量会有变量提升12、var 没有块级作用域1234 3、var 可以多次重复定义一个变量，后面的变量替换前面变量12 新的定义变量let：1、let声明的变量不会有变量提升，只有在前面定义了在后面才能用12、let存在块级作用域123453、let不能多次重复定义一个变量12常量：指的是不会改变的数据1、值不能再改变1234567 2、常量具有块级作用域1234 3、没有变量提升，先声明后使用14、不能声明同名的常量5、一定要赋初始值，否则报错1
2022-06-27 19:26:28
327
1
原创 正则表达式基础知识
目录一：新建二：方法三：匹配规则四：匹配方法3.1字面量字符 在正则表达式中，某个字符值表示他字面的含义。比如/a/匹配a3.2元字符除了字面量字符之外，还有一部分字符有特殊含义，不代表字面意思，叫“元字符”。如果要匹配他们本身，需要在他们前面加上反斜杠进行转移，比如匹配加号 就要写成+。正则中需要斜杠转移的字符：^ . [ ] $ ( ) | * + ? { } \\如果使用RegExp方法生成正则对象，转移需要使用两个斜杠，因为字符串内部会先转移一次3.3重复类模式的匹配次数，用
2022-06-15 19:34:02
155
原创 JavaScript-DOM入门基础知识
目录一：什么是DOM二：事件三要素三：执行时间的步骤常见的鼠标事件四：操作元素五：节点操作DOM是document object model 文档对象模型，提供了很多对标签进行增删改查的操作。事件源、事件类型、事件处理程序(1):事件源：事件被触发的对象，谁被触发，谁被点击。(2):事件类型：如何触发 什么事件(3):事件处理程序：通过一个函数赋值的方式1.获取事件源。2.注册事件(绑定事件)3.添加事件的处理程序（采用函数赋值的形式）利用dom操作元素来改变元素里的内容 属性。4.1改变元素内容el
2022-06-13 17:34:17
409
原创 JavaScript--DOM0事件与DOM2级事件的区别
1.DOM0事件1.1事件绑定会有覆盖的问题，下边的代码会把上边的覆盖住1.2两种写法1.2.1 onclick=function(){}1.2.2 标签内写onclick事件2.DOM2事件2.1 可绑定多个事件click，都执行并且依次执行。2.2 原生有两个方法用来添加和移除事件处理程序：addEventListener和removeEventListener().2.3 持绑定多个函数：只有三个参数相同时, 才会处理称重复绑定, 这个时候就不往事件池里添加了.2.
2022-05-30 10:00:00
201
原创 JavaScript--阻止冒泡与阻止默认
事件由子级传向父级，称之为事件冒泡e.stopPropagation()；阻止冒泡案例var a = document.querySelector('.a');a.addEventListener('click',function(e){ alert('son'); e.stopPropagation();},false);var b = document.querySelector('.b');a.addEventListener('click',fun
2022-05-28 15:21:41
94
原创 JavaScript--触屏事件
兼容Dom的触摸事件：touchstart 当手指触摸屏幕时触发 touchmove 当手指在屏幕上滑动时连续触发 touchend 当手指从屏幕上移开时触发 touchcancel 当系统停止触摸跟踪时触发 上述事件都会冒泡，也都可以取消，每个触摸事件的event对象都提供了在鼠标事件中的常见的属性bubbles、cancelable、view、clientX、clientY、screenX等。每个触摸事件包含三个触摸列表touches 当前跟踪的
2022-05-28 14:59:42
1070
原创 JavaScript-流程控制
流程控制就是来控制我们的代码是按照什么执行顺序来执行的流程控制主要有三种结构，分别是顺序结构、分支结构和循环结构目录1.2顺序结构1.3分支流程控制if语句1.3.1 分支结构1.3.2 if语句1.3.3 if else语句（双分支语句）1.3.4 if else if语句1.2顺序结构无特定的语法结构，程序会按照代码的先后顺序、依次执行。1.3分支流程控制if语句1.3.1 分支结构由上到下执行代码的过程，根据不同的条件，执行不同的路径代码.(..
2022-05-23 19:08:24
125
原创 JavaScript--键盘控制div移动
按键盘的上下左右按钮-->div移动<body> <div id="ok"></div></body><script> var dOk = document.getElementById("ok"); window.onkeydown = function (e) { var l = dOk.offsetLeft; var t = dOk.offsetTop;
2022-05-21 17:26:24
449
原创 强数据类型和弱数据类型有什么区别
1.强数据类型要求所有变量要先定义，定义必须声明数据类型，且指定类型的变量只能接受与类型相匹配的值。简而言之，强数据类型在编译前确认。2.弱数据类型与强数据类型相反，没有明显的类型，随环境变换自身的数据类型。弱数据类型实在编译时确定数据类型。...
2022-05-19 18:33:24
1116
原创 JavaScript表达式与运算符
表达式分为简单表达式和复杂表达式。复杂表达式是由简单表达式构成的。将简单表达式组合成复杂表达式最常用的方法就是使用运算符。例如简单表达式间的加减乘除运算就是复杂表达式。1.1简单表达式简单表达式包含常量(又称直接量)，和变量。常量和变量相对应，变量相当于未知数，而常量就相当于已知数。在运行过程中，常量不会被更改。110 //数值常量"兄弟连" //字符串常量常量的返回值就是其本身，所以他们又被称为原始值。除字符串与数值外，还包括boolea类型和true和false、null类型的
2022-05-14 21:55:13
128
原创 利用css实现移动端，ipad，pc端
<title>响应式布局</title> <link rel="stylesheet" href="apple-pc.css" media="only screen and (min-width:1000px)"> <link rel="stylesheet" href="apple-pad.css" media="only screen and (min-width: 760px) and (max-width:1000px)"> .
2022-05-12 17:16:38
1181
原创 JavaScript获取变量以及数据类型的转换
JavaScript基础知识 获取变量的类型以及数据类型的转换一：获取变量的类型用typeof 获取<script> var num = 10; console.log(typeof num); //number var str = 'qianduan'; console.log(typeof str); //string var str = true; console.log(typeof str); //Boolean
2022-05-08 10:00:39
676
原创 JavaScript基础知识（二:数据类型）
目录一：关于变量的小结二：接下来学习数据类型2.1变量的数据类型2.2简单的数据类型（基本数据类型）2.3数字型Number2.4字符串型String上一章写到变量一：关于变量的小结为什么需要变量？因为有一些数据要存储什么是变量？变量就相当于一个容器，是用来存放数据的。便于以后使用里面的数据。变量是怎么使用？要声明然后赋值。声明变量的本质是申请空间的。二：接下来学习数据类型2.1变量的数据类型var age = 10; //这是一个数字型
2022-05-05 18:43:11
94
原创 JavaScript基础知识
js输入输出语句方法 说明 归属 alert 浏览器弹出警示框 浏览器 console.log 浏览器控制台打印输出信息 prompt 浏览器弹出输出框，用户可以输入 一：变量1.1声明变量var age： //声明一个名称为age的变量注：var是js关键字，用来声明变量。使用该关键字声明变量后，计算机会自动为变量分配内存空间1.2 赋值age：10；1.3变量的初始化var age = 18； //声明变量同时赋值
2022-05-03 20:13:49
848
原创 多媒体标签
一：audio音频支持格式：MP3 wav ogg属性：controls- 显示音频控件autoplay-准备就绪后自动播放loop -自动单曲循环muted-静音src -规定音频文件的路径source：定义资源类型 游览器进行选择二：video视频支持格式：MP4 webM ogg属性：controls- 显示音频控件autoplay-准备就绪后自动播放loop -自动单曲循环muted -静音src -规定音频文件的路径source.
2022-05-02 14:26:33
171
原创 表单标签.
一个完整的表单通常由表单域、表单控件、和提示信息三部分组成。1.1表单域表单域是一个包含表单元素的区域。在HTML中，<form>标签用于定义表单域，以实现用户信息的收集与传递。<form>会把他范围内的表单元素信息提交给服务器。基本语法：<form action="url地址" method="提交方式" name="表单域名称">各种表单元素控件</form>其中method的属性值有get 和 post。1.2表单控件
2022-04-28 20:19:08
52
原创 HTML--定位
定位分为四种：静态定位static(默认) 、相对定位(relative)、绝对定位(absolute)、固定定位(fixed).一：相对定位(relative)：参考物是该块定位前的位置特点：不影响元素本身的特性。 元素不脱离文档流。 相对于原位置进行偏移。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ...
2022-04-24 20:33:46
103
原创 CSS 入门-图文组合
对于不同的图文组合，划分好区域最重要，区域划分好，文字图片放进去即可。一：图文左右排列<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=dev.
2022-04-21 16:28:34
358
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人