江泽09-优快云博客

原创 Audio/Video会触发的方法和事件分别有哪些

Video/Audio 方法： 1. load() 2. play() 3. pause() 事件 play() 音频或视频文件已经就绪可以开始播放时触发 playing() 音频或视频已开始播放时触发 pause() 音频或视频文件暂停时触发 seeked() 指示定位已结束时触发 seeking() 正在进行指示定位时触发 abort() 当音频或视频的加载已放弃时触发 ...

2021-09-28 17:34:25 1935

原创 javascript/ES6实现数组去重的常用方法

1.利用双层for循环 let arr = [1,2,3,4,4,'hello',4,5,5,6,8,9,'hello'] let unique = (arr) => { // 前面一项 for(i=0;i<arr.length;i++){ // 后面一项 for(j=i+1;j<arr.length;j++){ if(arr[i]===arr[j]){ arr.splice(j,1)

2021-09-28 16:27:42 2145

解构（模式匹配）数组解构：等号左边的变量放到中括号内部，匹配右侧数组中得元素 // 数组的不完全解构 // let [a,b] = [1,2,3]; // console.log(a,b); //1,2 let [a,b,c] = [1,[2,3],4] console.log(a,b,c); //1 [ 2, 3 ] 4 // 拓展运算符 ... // ...用在=左边，有聚合的作用，生成新的对象或者数组 // ...用在=右边，有拆分、剥离的作用

2021-09-26 13:20:02 276

原创 es6中变量/常量的声明以及区别

var / let /const var声明变量 var存在全局作用域和函数作用域两种，并且有变量提升 let声明变量 const声明常量 let和const对比var声明有以下特性/区别变量声明不会被提升，即在变量声明之前无法使用该变量具有局部作用域，即let声明的变量只能在对应代码块中使用不允许重复声明。 const声明的变量在声明的时候就需要赋值，并且只能赋值一次，不能修改。 ...

2021-09-26 12:45:51 219

原创 es6模块化机制及CommonJS与ES6模块化规范区别

模块化机制 CommonJS模块化规范导入 1. let { firstName, lastName } = require(’./1-module.js’) 导出 1. module.exports={} AMD模块化规范 AMD是"Asynchronous Module Definition"的缩写，意思就是"异步模块定义"。它采用异步方式加载模块，模块的加载不影响它后面语句的运行。所有依赖这个模块的语句，都定义在一个回调函数中，等到加载完成之后，这个回调函数才会运行。 ES6模块化规范

2021-09-26 12:38:16 229

原创 web存储三种方式：cookie、sessionStorage、localStorage

cookie、sessionStorage、localStorage sessionStorage 会话存储打开浏览器标签就是一个会话，同样的url打开两个，就是两个会话刷新、重新加载会话会保持关闭会话时，session 会被清除恢复会话 session 会恢复回来方法： setItem(key,value); 保存数据到sessionStorage getItem(key); 从sessionStorage获取数据 removeItem(key); 从sessionStorage删

2021-09-15 16:05:05 1143 1

原创 jQuery画布以及拖拽事件

jQuery 画布 canvas 属于html元素 H5新元素需要结合js 在页面上放置一个canvas元素，就相当于放置了一块画布可以绘制路径矩形圆形字符图像主要属性： width 默认值 300px height 默认值 150px 标签样式:需要写闭合标签，不可以以单标签的形式出现一般不建议使用css设置它的宽高方法： fillRect(x,y,width,height); 绘制一个矩形图案 strokeRect(x,y,width,height

2021-09-15 15:26:13 1695

原创 jQuery语法及基本属性介绍

jQuery 简介是一个快速小巧、功能丰富的第三方JavaScript库，为我们封装了DOM操作，让我们操作dom节点更加方便功能：选择HTML元素操作HTML元素 CSS操作操作HTML事件 AJAX 使用： bootcdn 找到资源把链接引入到HTML文件两种方式：直接引入网络资源将网络资源下载到本地去引入引入之后怎么使用：通过jQuery去调用响应的属性和方法语法 $(选择器) 通过选择器选择符合条件的Element元素，将其保存为jQuery对象

2021-09-15 15:08:37 132

原创 DOM文档对象模型

DOM文档对象模型 DOM介绍 js操作html文档的API 1998年10月DOM1级规范成为W3C的推荐标准 IE中的所有DOM对象都是以COM对象的形式实现的实例化通过dom拿到我们想要的节点通过dom创建节点 //通过dom创建节点 //创建一个LI节点 var node = document.creatElement("LI"); //创建一个text节点 var textNode = document.creatTextNode("Hello"); //将text节

2021-09-06 14:39:54 134

原创 javascript正则表达式验证手机号

javascript正则表达式验证手机号 var reg = /^[1][3,4,5,7,8][0-9]{9}$/g; var str = "15569946680"; //true console.log(reg.test(str)); var str1 = "05569946680"; //false console.log(reg.test(str1)); var str2 = "12569946680"; console.log(reg.

2021-09-02 15:37:24 331

原创 javascript获取当前时间后按规定样式输出

javascript获取当前时间后按规定样式输出方法一： dateFMT(new Date()); function dateFMT(date){ var y = date.getFullYear(); //获取当前年份 var m = date.getMonth() + 1 < 10? "0" + (date.getMonth() + 1) : date.getMonth

2021-09-02 15:35:36 304

原创 javascript面向对象——Date对象

面向对象 getDate() 返回是日期对象月份中的几号 getDay() 返回日期对象是星期几星期0-星期6 getFullYear() 返回年份 getHours() 返回日期中的小时 0-23 getMilliseconds() 返回日期中的毫秒数 getMinutes() 返回日期中的分钟数 0-59 getMonth() 返回日期中的月份数 0(1月)-11(12月) getSeconds() 返回日期中的秒数 getTimme() 将一个日期对象以毫秒形式返回从1970年1月1日午夜

2021-09-02 13:06:11 183

原创 javascript面向对象——Math对象

面向对象 Math对象比较方法 Math.min() 作用:求一组数中的最小值 Math.max() 作用:求一组数中的最大值将小数值舍入为整数的几个方法 Math.ceil() 作用:向上舍入 Math.floor() 作用:向下舍入 Math.round() 作用:四舍五入随机数 Math.random() 返回大于0小于1的一个随机数其他方法 abs(num) 返回num绝对值 exp(num) 返回Math.E的num次幂 log(n

2021-09-02 13:03:27 169

原创 javascript面向对象的基本包装类型

面向对象基本包装器类型 String类型 length:属性，获取字符串的字符数量 charAt(i):返回给定位置的字符 charCodeAt():返回给定位置的字符的字符编码 indexOf(“x”):从前往后查找指定字符所在的位置，如果字符不存在，返回-1 lastIndexOf(“x”):从后往前查找字符串所在的位置，有第二个参数时，代表从字符串哪个位置开始查找 concat(): 作用：将一个或多个字符串拼接起来，返回得到新的字符串，大部分情况使用"+"拼接调用者：str1 参数：str

2021-09-02 13:00:42 119

原创 javascript正则表达式详解

正则表达式作用主要用于表单校验，校验用户输入内容的格式是否符合我们的预期(匹配特殊字符或有特殊搭配原则的字符的最佳选择) 手机号：短信验证码：密码：还可以从比较长的一段字符中提取想要的字符内容，（提取身份证号中的出生日期…）还可以替换文本内容正则表达式对象的创建构造函数 var pattern = new RegExp(“表达式内容”,“修饰符”) var pettern = new RegExp(“abc”,“ig”); 字面量 var pettern = /正则表达式

2021-09-01 14:06:01 123

原创前端面试题整理

前端面试题整理块级元素与行内元素的区别块级独占一行，行内与其他元素共享一行块级元素可以直接设置宽高，行内不能直接设置宽高，需要结合css的display属性来设置块级元素可以嵌套块级与行内元素，而行内只能包含行内元素清除浮动父子级：在子级元素后添加一个空元素，为其添加clear:both; 弊端：增加了无意义的元素结构给父级元素设置一个overflow:hidden 解决了第一种方法的弊端 ::after 为需要清除浮动的元素设置伪元素{content:"";display:b

2021-08-29 21:48:29 141

原创 javascript实现输出打印九九乘法表、水仙花数、

javascript输出打印九九乘法表 for(var i = 1;i<=9;i++){ for(var j = 1;j<=i;j++){ document.write(j + '*' + i + '=' + i * j + "   &nbsp"); if(i == j){ docum

2021-08-26 16:23:06 472

原创 javascript知识点整理(一)

什么是javascript javascript是一门编程语言，允许用户在浏览器页面完成复杂的事情。 javascript产生的目的为了处理表单中用户填写一些无效信息而给后台服务器产生的压力 js组成核心ECMAScript DOM（文本对象模型） BOM（浏览器对象模型） js特点客户端代码。在客户机上执行，也可以在服务器端执行，需要搭建node环境解释型语言。浏览器或者nodejs平台内置js解析器弱类型语言。可以重复声明并初始化成任何雷星预言从上到下依次解析执行 js执行方

2021-08-23 15:48:33 189

原创 Linux基本知识点整理

Linux基础知识什么是Linux: Linux是一套免费使用和自由传播的操作系统内核，是一个基于POSIX和Unix的多用户、多任务、支持多线程和多CPU的操作系统内核。它能运行主要的Unix工具软件、应用程序和网络协议。它支持32位和64位硬件。Linux继承了Unix以网络为核心的设计思想，是一个性能稳定的多用户网络操作系统内核。特点：开放性：特别是遵循开放系统互连(OSI)国际标准。多用户：操作系统资源可以被不同用户使用，每个用户对自己的资源(例如：文件、设备)有特定的权限，互

2021-08-19 18:45:33 277

原创 Axure轮播图制作

Axure如何制作轮播图打开Axure，在空界面中拖入动态面板元件。双击进入元件之后，添加state，轮播图中准备放几张图片，就添加几个state. 分别在添加的state中插入需要播放的图片，并设置其大小，且要注意其位置。为整个动态面板命名为banner,新建交互，载入时设置面板状态。关闭动态面板，在界面中拖入圆形，设置滚动状态，为圆形添加鼠标悬停样式。分别为每一个圆形命名，方便后续绑定动态面板。为每一个圆形新建交互样式，首先绑定动态面板中不同的state，再设置自动跳转下一项。为bann

2021-08-10 20:12:23 422

原创 CSS基础知识点整理（二）

background属性 background-color:指定要使用的背景颜色 background-position:指定背景图像的位置 background-size:指定背景图片的大小 background-repeat:指定如何重复背景图像 background-origin:指定背景图像的定位区域 background-clip:指定背景图像的绘画区域 background-attachment:设置背景图像是否固定或者随着页面的其余部分滚动 background-image:.

2021-08-10 20:06:46 333

原创 CSS基本知识点整理（一）

1.CSS介绍：层叠样式表，用来修饰文档的语言，让文档以更优雅的形式呈现给用户，也是为了将内容跟样式相分离，提高工作效率。 1996年12月第一份正式标准完成CSS；1998年5月，CSS规范第二版出版；1999年开始修订，2001年完成了CSS3工作草案。 CSS工作原理：HTML文件->解析HTML文件同时加载CSS->解析CSS->将样式加到文档里->转换成DOM->展示给用户。 CSS核心功能：给特定的属性设置特定的值。 CSS属性和值：大小写敏感、通过“:

2021-08-07 21:48:43 194

原创 HTML基础知识点整理（三）

1.table标签 <tablealign="center"> <caption> 人员名单 </caption> <colgroup> <colspan="2"style="background-color:tomato;"> 注：第一列跟第二列元素背景色为tomato. <col> 注：第...

2021-08-07 16:09:02 180

原创 HTML基础知识点整理（二）

添加视频（video标签的使用） <videosrc="1.mp4"controlsautoplaymutedloopstyle="width:300px;height:180px;"></video> 属性介绍： controls:添加控制条 autoplay:添加自动播放 muted:静音播放 loop:循环播放 2.添加音频（audio标签的使用） <audiosrc="丁芙妮-晚婚(翻自江蕙).mp3"co...

2021-08-05 09:44:37 343

原创 HTML基础知识点整理

一、标签解释： 1.<html></html>：是html的根元素，用来包含html文档的所有元素。 2.<head></head>：包含在head元素里的内容，不会显示在网页上，这里面通常放一些配置信息，包含编码，作者，页面描述信息还有js,css的导入。 3.<body></body>:是html文档的内容显示区。 4.标签和元素通常意思相同，但是严格来讲，一个元素通常又是由两个标签组成。 5.HTML标签一般成对出现，.

2021-08-02 20:18:19 348

m0_48622990的博客