自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(23)
  • 收藏
  • 关注

原创 【新知实验室-腾讯云】TRTC视音频实验室下载注册以及实现功能

近年来,音视频通话,直播以及视频会议等各个方面使用音视频的场景已经变得很常见了,腾讯发布的实时音视频产品,基于腾讯多年来音视频技术上多年的研究与发展,让开发者能够迅速创建更加优质的音视频场景。点击专属链接,打开后:注册/开通产品专属链接,进入腾讯云官网,需要微信扫码进入,提示开通腾讯音视频服务,点击【同意】,就可以获取10000分钟的试用时间,划重点(免费的)。4.将id与key值粘贴到指定位置,demo即可正常运行。根据提示,创建应用填写应用名称并点击创建。5.运行后跳转页面检测环境。

2022-11-24 20:10:32 293 1

原创 node基本知识点

核心模块:同步异步 fs path http url同步&异步同步:fs.rename('ok.txt',"yes.txt", function(err){if(err)throw err;consloe.log("重命名成功");})异步:fs.renameSync('ok.txt',"yes.txt");path:basename()文件名加后缀dirname()路径名extname()后缀名join()拼接路径parse()经解析为对象format()将路径解析为对象isAbsoulte()

2022-06-27 19:12:46 77

原创 canvas基本内容2

canvas

2022-06-16 21:21:41 172

原创 canvas知识点

绘制直线context.beginPath() 开始绘制context.moveTo()设置起点context.lineTo()设置下一个点context.closePath()结束绘制context.stroke()描边绘制绘制矩形context.strokeRect(x,y,width,height)context.fillRect(x,y,width,height)绘制弧形context.arc(x,y,radius,startAngle,endAngle,actickwise);x/y圆心半径 ra

2022-06-14 21:55:38 71

原创 ES6的基本内容

1.let:用于声明变量1.1let声明的变量不能重复声明1.2let声明的变量不能变量提升1.3块状作用域 eg.点击li弹出第n个1.4使用let声明的变量不属于顶层现象2.const用于声明变量1.1声明变量用大写1.2常量不能修改1.3块状作用域1.4使用const声明的变量也不属于顶层现象for...of用于遍历:数组 字符串 元素列表 类数组对象 es6新增Map Set比较:for of 纯数组与类数组集合均可遍历for in 用于数组与对象,获取的是keyforEach 用于纯数组Array

2022-06-14 19:20:23 86

原创 AJAX基本内容

ajax解决的问题:在不刷新页面的情况下去更新数据AJAX用法:创建 打开 监听 发送打开:同步:上一个任务结束,下一个任务开始,比如alert弹窗异步:多个任务按顺序开始,不一定按顺序结束比如下载任务,图片的加载。...

2022-06-14 17:55:42 39

原创 正则表达式

方法:test() 返回一个布尔值,方法适用于匹配字符串,匹配成功true,失败返回falseexec()返回匹配结果,发现匹配,就返回一个以每个匹配成功的字符串组成的类数组集合,否则返回null。方法属性:index表示匹配项在字符串中的位置input表示原字符串量子符:?问号表示某个模式出现0次或1次,等同于{0,1} 最多一次* 星号表示某个模式出现0次或多次,等同于{0,} 无影响+ 加号表示某个模式出现1次或多次,等同于{1,}至少一次字符类脱字符:^ [^abc] 表示除了a,b,c之外的都可以

2022-06-14 17:50:18 41

原创 第五次周考

1.原型:该类的公共存储空间,用于节省内存。2.面向对象三大特征:封装:将一堆方法属性放在一起继承:最大限度重用代码多态:表现形式太弱 不同类的同名方法3.mvc :是一种设计理念,将代码进行逻辑分离,分离成数据层 视图层控制层4.阻止冒泡:e.stoppropagation()阻止默认:e.preventDefault()5.捕获:事件由父级传向子级,称之为事件捕获冒泡:事件由子级传入父级,称之为事件冒泡6.事件委托:子级的事件交给父级去响应,通过e.target来找到正确的子级7.DOM0与DOM2的区

2022-06-14 17:29:09 43

原创 JQ内容详情

jq基本内容

2022-06-10 16:59:29 62

原创 dam0 与dam2区别

总结区别:如果定义了两个dom0级事件,dom0级事件会覆盖;dom2不会覆盖,会依次执行;dom0和dom2可以共存,不互相覆盖,但是dom0之间依然会覆盖。dam0级事件:所有浏览器支持事件只能注册一次,后边的会覆盖旧的注册:在HTML添加<div onclick="alert('hello‘)"></div> this指向自身匿名函数d.onclick= function(){} this指向自身普通函数 onclick="ok":相当与动态调用

2022-05-25 18:00:59 149

原创 阻止默认阻止冒泡

阻止默认:stopPropagation();方法阻止事件在 DOM 中继续传播,防止再触发定义在别的节点上的监听函数,但是不包括在当前节点上其他的事件监听函数。function stopEvent(e) { e.stopPropagation();}el.addEventListener('click', stopEvent, false);上面代码中,click事件将不会进一步冒泡到el节点的父节点。阻止默认:preventDefault();方法取消浏览器对当前事件的

2022-05-25 17:51:14 183

原创 touch.js

基本事件:touchstart //手指刚接触屏幕时触发touchmove //手指在屏幕上移动时触发touchend //手指从屏幕上移开时触发touchcancel //触摸过程被系统取消时触发(少用)touch.on( element, types, callback );element 类型element string 描述:元素对象,选择器types类型string 描述:事件的类型,可接受多个事件以空格分开;支持原生事件的透传callback类型function

2022-05-25 17:43:37 69

原创 EVENT-触屏事件

兼容DOM的触摸事件:touch当手指触摸屏幕时触发touchmove当手指在屏幕上滑动时连续触touchend当手指从屏幕上移开时触发touchcancel 当系统停止跟踪触摸时触发(每个触摸事件的event对象都提供了在鼠标事件中常见的属性bubbles cancelable view clientX clientY screenX screenY)每个触摸事件包含的三个触摸列表:touches当前跟踪的触摸操作的touch对象的数组targetTouches特定于事件目

2022-05-25 17:24:32 149

原创 cookie localStroage 与sessionStroage的区别

1.cookie 存储量小受到限制,设置过期时间删除,前后端自动同步2.localStorage 存储量大需要手动删除3.sessionStorage 临时存储,关闭浏览器自动清除cookie构成:名称-一个唯一确定cookie的名称值-存储在cookie中的字符串值域-cookie对于哪个域都是有效的路径-指定域中的指定路径失效时间-cookie何时应该被删除时间的时间戳安全标志:指定后,cookie只有在使用SSL连接时才发送到服务器。限制:绑定在特定域名下,无法

2022-05-25 16:49:19 232

原创 EVENT事件类型-基本类型

UI事件:load当页面完全加载后在window上触发,图片也可以触发load事件resize 当窗口大小变化时在window上触发scroll当用户滚动带滚动条的元素中的内容时,在该元素上面触发鼠标事件:onclick单击ondbliclick双击oncontextmenu 右击菜单onmouseover 移入onmouseout移出onmouseenter移入onmouseleave移出onmousedown按下onmouseup抬起onmouse

2022-05-23 19:19:17 225

原创 第四周汇总

强类型语言与弱类型语言的区别是什么强数据类型数据在编译前确认弱数据类型数据在编译时确认请解释em,rem,vw,vhEm 父级标签字体大小Rem HTML标签字体大小Vm视口宽度Vh时口高度请书写一个随机函数Function rand(min,max) {Return Math.round(Math,random()*(max-min) + min);}请解释什么是DOMDocument Object Model文件对象模型对标签进..

2022-05-17 21:30:09 42

原创 animaton动画

HTML

2022-05-08 10:05:07 1956

原创 html中特效做彩虹

2022-04-27 21:19:03 321

原创 弹性盒模型

目的提供一种更加有效的方式来布置、对齐和分布在容器之间的各项内容,即使他们的大小是未知的变化的让容器有能力改变项目的宽和高,以填满可用空间布局与方向无关最适合小规模布局(大规模用网格)属性display:flex/display:inline-flex适用于父类元素声明要使用弹性盒模型flex-direction写在父级css中,但是作用于子级检索,子级在盒子中的位置(子级的排列顺序)flex-direction:row横向,左到右flex-direction:...

2022-04-27 21:14:27 43

原创 图文结合的居中方式

居中方式有三种:line-height=height 文本垂直居中test-align:center;用在父级,子级的行元素,行块元素,文本内容居中margin:0 auto;

2022-04-23 19:44:14 245

原创 定位position四种分别是

定位分为四种:相对定位,绝对定位,静态定位,固定定位定位作用可以使用偏移描述lefttoprightbottom可以使用z-index提升层级相对定位releative参考物:定位前的位置特点不影响元素本身特性元素不脱离文档流相对于原位置进行偏移绝对定位absolute参考物最近的使用了定位的父级,如果没有找body特点元素脱离文档流行元素支持所有css样式块元素内容撑开宽高清除子级的浮动固定定位fixed参考物浏览器窗口特性脱离文档流清除子级浮...

2022-04-23 19:30:56 512

原创 块标签与行标签的差异

行标签与块标签的差异

2022-04-13 19:44:08 250

原创 margin塌陷问题

原因:常态下,父级的第一个子标签是块标签并且使用了margin或者margin-top;解决方案:在父级使用border不使用margin-top,在父级使用padding-top;在父级使用overflow:hidden;产生塌陷问题,父级的第一个标签是块标签且使用了margin-top解决方案:...

2022-04-12 21:23:21 46

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除