JavaScript
关注
分享
扫一扫
JavaScript
苦涩2020
这个作者很懒，什么都没留下…
展开
-
JavaScript let、const与var的区别
ES5中的var是没有块级作用域的（if/for）ES5中的let是有块级作用域的（if/for）ES5之前因为if和for都没有块级作用域的概念，所以在很多时候，我们都必须借助于function的作用域来解决外面变量的问题（闭包）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Vuejs</title> <s原创 2020-08-30 15:44:47 · 229 阅读 · 0 评论 -
JavaScript Swiper插件
Swiper开发文档一款免费以及轻量级的移动设备触控滑块的js框架初始化Swiper实例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="./swiper.min.css"> <script src="./j.原创 2020-07-10 09:52:13 · 671 阅读 · 1 评论 -
JavaScript doT模板引擎
doT模板引擎js模板引擎，它的大小只有4KB，渲染性能很好，而且直接支持原生的写法，不用依赖别的库doT模板引擎使用流程<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <script src="./js/doT.min.js"></script> <.原创 2020-07-09 08:39:15 · 583 阅读 · 0 评论 -
JavaScript 音频插件和图表插件
howler音频插件配置项及事件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <script src="./js/howler.min.js"></script></head><body> <script> .原创 2020-07-08 00:17:10 · 611 阅读 · 0 评论 -
JavaScript 本地存储
本地存储简介在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的web 应用程序能够在用户浏览器中对数据进行本地的存储解决了cookie存储空间不足的问题（cookie的存储空间为4K）localStorage中一般浏览器支持的是5M大小，相当于一个5M大小的针对于前端页面的数据库HTML5本地存储优于cookie本地存储提供了两个在客户端存储数据的对象localStorage：永久存储，存储没有截止日期的数据sessionStorage.原创 2020-07-04 12:58:29 · 308 阅读 · 0 评论 -
HTML5 音视频操作
文章目录video视频播放格式支持属性source 标签描述audio 音频播放格式支持属性video视频播放格式支持属性属性属性值描述srcurl要播放的视频的URL地址width正整数、百分比设置视频播放器的宽度height正整数、百分比设置视频播放器的高度posterURL视频播放前的预览图片autoplay空值、au...原创 2020-02-14 00:30:24 · 368 阅读 · 0 评论 -
JavaScript Document对象DOM
Document对象 DOM描述每个载入浏览器的HTML文档都会成为Document对象Document对象使我们可以从脚本中对HTML页面中的所有元素进行访问Document 对象是 Window 对象的一部分，可通过 window.document 属性对其进行访问。当浏览器打开一个HTML文档时，浏览器解析HTML文档的标签，并创建表示这些标签的对象，这些对象就是HTML文档对象文档对象即Document对象，指的是一回事HTML DOM 模型被构造为对象的树JavaSc.原创 2020-06-23 00:10:17 · 239 阅读 · 0 评论 -
JavaScript 浏览器对象BOM
浏览器对象 BOMBOM是browser Object Model的缩写，简称浏览器对象模型BOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性基本的BOM体系结构图BOM提供了一些访问窗口对象的一些方法，我们可以用它来移动窗口位置、改变窗口大小、打开新窗口或关闭窗口、弹出对话框、进行导航以及获取客户的一些信息，如：浏览器品牌版本，屏幕分辨率等。但BOM最强大的功能是它提供了一个访问HTML页面的接口------document对象，以使得我们可以通过这个口接口来使用DOM的强大.原创 2020-06-22 18:10:33 · 236 阅读 · 0 评论 -
JavaScript 正则表达式
JavaScript 正则表达式正则表达式简介字符串常用操作方法正则表达式语法创建正则表达式的两种方法正则表达式简介RegExp 对象表示正则表达式，它是对字符串执行模式匹配的强大工具正则表达式简洁且功能强大，通常用来匹配字符串，比如在表单验证中检验用户输入是否合法。它并不仅仅在JavaScript中可以使用，众多的高级编程语言都支持正则表达式字符串常用操作方法search(...原创 2020-04-17 20:30:56 · 193 阅读 · 0 评论 -
JavaScript Ajax
AjaxAjax的简介Ajax的基本用法创建XMLHttpRequest对象向服务器发送请求服务器响应onreadystatechange事件Ajax的简介什么是Ajax?Ajax = Asynchronous JavaScript and XML（异步的JavaScript和XML）Ajax可以通过在后台与服务器进行少量数据交换，使网页实现异步更新。这意味着可以在不重新加载整个网页的...原创 2020-04-15 12:51:52 · 262 阅读 · 0 评论 -
JavaScript JSON数据格式
JSONJSON简介什么是JSONJSON语法JSON的解析和序列化JSON的解析JSON的序列化JSON简介什么是JSONJSON是存储和交换文本信息的语法。类似XMLJSON比XML更小、更快、更易解析JSON是轻量级的文本数据交换格式JSON独立于语言JSON使用JavaScript语法来描述数据对象，但是JSON仍然独立于语言和平台JSON具有自我描述性，更易理解J...原创 2020-04-13 18:37:41 · 618 阅读 · 0 评论 -
JavaScript Cookie的操作
Cookie的操作认识cookie认识cookie原创 2020-04-12 21:27:42 · 192 阅读 · 0 评论 -
JavaScript 时间、数字、字符串方法
创建时间对象Date是JavaScript的内置对象，系统在Date对象中封装了与日期和时间相关的属性和方法Date使用UTC1970年1月1日开始经过的毫秒数来存储时间GMT 格林尼治时间UTC 国际协调时间创建时间对象1、创建当前的时间对象var myDate = new Date();alert(myDate);2、使用参数创建时间对象(年，月，日，时，分，秒，毫秒)var myDate2 = new Date(2019, 10, 1, 9, 10, 40, 50.原创 2020-06-22 17:10:07 · 408 阅读 · 0 评论 -
JavaScript 表格专题
JavaScript表格专题表格的属性和方法表格的属性和方法表格的属性和方法表格的属性和方法cells[]：返回包含表格中所有单元格的一个数组语法：tableObject.cells[]rows[]：返回包含表格中所有行的一个数组语法：tableObject.cells[n].rows[]row集合返回表格中所有行的一个数组。该集合包括thead、tfoot和tbody中...原创 2020-04-23 13:42:28 · 223 阅读 · 0 评论 -
JavaScript 表单专题
JavaScript 表单专题访问表单的方式Form 表单对象Form 对象集合Form 对象属性访问表单的方式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>访问表单的方式</title> <styl...原创 2020-04-27 16:28:23 · 240 阅读 · 0 评论 -
JavaScript 获取元素及事件
使用ID获取元素对象document.getElementById( “ID” );：返回文档中一个指定ID的元素对象，用于精确获取；若找到则返回该元素对象，否则返回null获取或设置元素内容innerText方法元素对象.innerText = “文本”：返回或设置标签内的文本值，不包含HTML标签<div id="zxw">id选择器</div><script> var zxw = document.getElementById("zxw.原创 2020-06-19 17:23:33 · 2173 阅读 · 0 评论 -
JavaScript 面向对象
面向对象基本概念对象定义面向对象创建对象的方法基本概念对象定义可以把JavaScript对象理解为属性集合，每个属性存放一个原始值、对象或函数对象一般认为由方法和属性构成。方法的实质就是函数，而属性的实质就是变量，只不过这里由于它从属于某个对象所以叫法不同面向对象可以简单理解为，不必去了解对象的内部结构，就可以去使用它。比如我们打电话，不必去了解它内部的工作原理；亦或者我们使...原创 2020-04-04 22:57:56 · 172 阅读 · 0 评论 -
JavaScript 数组和对象
数组数组：一组数据的集合，数组的每一个数据叫做一个元素数组元素可以是任何类型，同一个数组中的不同元素可能是对象或数组每个数组都具有一个length属性，通过该属性可以获取数组长度，并且可以给一个数组length赋值定义长度数组中每个元素在数组中有一个位置，以数字表示，称为索引（下标）索引从0开始排列，[0]表示第一个数据，以此类推数组的数据类型是一个对象，其实就是个加了数字索引和length属性的特殊对象创建数组方式隐式方式 var arr = ["梨.原创 2020-06-17 18:17:11 · 516 阅读 · 0 评论 -
JavaScript 匿名函数与闭包
匿名函数与闭包匿名函数闭包概念相关知识点匿名函数没有函数名的函数单独的匿名函数是无法运行和调用的可以把匿名函数赋值给变量通过表达式自我执行，语法：(匿名函数)();匿名函数传递参数，语法：(匿名函数)(参数); <script> // 普通函数 function func1(){ alert("我是普通...原创 2020-04-10 20:53:15 · 227 阅读 · 0 评论 -
JavaScript 函数
函数函数的声明方式将函数作为参数（回调函数）函数的声明方式普通的声明方式通过变量初始化函数区别：第一个方式函数声明会被提前，既可以先调用后声明；而第二种方式变量声明不会被提前，既不可以先调用后执行通过构造函数声明 //普通声明方式 function Func1(a, b){ alert(a + b); } Func1(2, 3); //通...原创 2020-04-02 20:09:18 · 194 阅读 · 0 评论 -
JavaScript 条件语句和循环语句
if条件语句主要用于范围值的判断语法：1、条件成立时执行，条件不成立时什么也不做if(条件){条件成立时要执行的代码};2、条件成立时执行，执行if内的代码，条件不成立时，执行else内的代码if(条件){条件成立时要执行的代码}else{条件不成立时要执行的代码};3、多条件判断语句if(条件1){条件1成立时要执行的代码}else if(条件2){条件2成立时要执行的代码}else{条件不成立时要执行的代码};switch条件语句主要用于.原创 2020-06-15 18:35:25 · 298 阅读 · 0 评论 -
JavaScript 运算符
算术运算符算术运算符加减乘除：+ 、 - 、 * 、 /取余运算符：%正负运算符：+ 、 -自增自减运算符：++ 、 –a、++在后，先运算，后自增b、++在前，先自增，后运算c、一般将自增语句单独写一行，自增后再使用字符串运算符+ ：如果+号一侧是字符串，表示连接，并不是加法运算除了加法以外，纯数字字符串可以进行算术运算如果存在纯数字字符串（如：“5”），计算机自动将其转为数字型进行运算；只要有一侧为非数字字符串，结果为NaN（非数字类型） var .原创 2020-06-15 11:04:45 · 139 阅读 · 0 评论 -
JavaScript 变量及数据类型
变量声明常量常量是始终不能被改变的数据。比如：数字123可以是常量，字符串“hello”也是一个常量常量通常用来表示固定不变的量，比如圆周率，万有引力常量变量从字面上看，变量是可变的量；从编程角度讲，变量是用于存储数据的容器使用关键字var来声明变量；使用等号“=”向变量赋值；可以在声明变量时对其赋值，也可以先声明后赋值<!DOCTYPE html><html lang="en"><head> <meta charset="UT.原创 2020-06-14 20:40:06 · 290 阅读 · 0 评论 -
JavaScript 基础
JavaScript 基础Hello JavaScript嵌入JavaScript代码的三种方式注意事项Hello JavaScript嵌入JavaScript代码的三种方式写在script标签中直接放在HTML标签中以外部文档的方式连接到当前HTML文档中<!DOCTYPE html><html lang="en"><head> &...原创 2020-03-24 17:04:38 · 203 阅读 · 0 评论 -
JavaScript 简介
文章目录什么是语言什么是语言计算机就是一个有人来控制的机器，人让它干嘛，它就得干嘛我们要学习的语言就是人和计算机交流的工具，人类通过语言来控制、操作计算机编程语言和我们说的中文、英文本质上没有区别，只是语法比较特殊...原创 2019-07-01 11:12:35 · 346 阅读 · 0 评论