- 博客(28)
- 收藏
- 关注
原创 【新知实验室】腾讯云TRTC实时音视频体验
创建应用,TRTC 是基于腾讯云提供服务的,需要先创建 TRTC 应用,才能使用服务,创建应用成功之后会送 10000 分钟免费体验,足够我们体验一下了。产品,基于腾讯多年来在网络与音视频技术上的深度积累,让开发者能快速上手搭建高质量的音视频场景。总的来说, TRTC确实实现了快速上手,对于广大开发者来说确实是福音,期待后续更好的功能实现。在我们的日常生活中,音视频通话、直播及视频会议等诸多音视频场景已经很常见,腾讯发布的。下面这个是非常重要的,需要替换 AppID 和密钥。创建成功之后点击应用管理;
2022-11-23 20:46:12
809
原创 Node-核心模块
一、同步&异步所有的方法都有同步和异步的形式node里关于文档的操作方法基本都给了2份,即同步与异步使用前需要导入核心模块(核心模块:下载node.js时自带的)二、fs——文件操作三、fs——流操作 四、path 五、http 六、url...
2022-06-27 20:05:54
239
原创 Node准备与简单介绍
1、安装官网:http://nodejs.cn/打开终端,使用 node-v 命令检查是否安装成功2、运行代码打开终端(在所要打开的文件夹下面 按shift+右击 选择 powershell窗口)输入 node+执行文件路径3、终端快捷键⬆,上一次命令tab,快速补全路径esc,清空当前输入的命令cls命令/clear,清空终端ls,查看当前路径下文件cd 文件夹名, 打开文件夹../,返回上一级...
2022-06-27 19:20:15
183
原创 ES6-对象新增特性
1、属性及方法的简介表示(key名与value名相同)2、Object.is(a,b)相当于全等,但是有区别 用于判断a和b是否相等,相等为true,否则为false3、Object.assign(obj1,obj2,obj3) 合并对象 所有对象都会合并到obj1,如果是相同是属性,后边的对象的属性值会对前边的进行覆盖。4、Object.keys(obj) 将obj的key值返回一个数组 Object.values(obj) 将obj的value值返回一个数组
2022-06-27 17:33:30
181
原创 ES6之函数新特性、数组新特性
一、函数新特性arguments是一个类数组对象reset是纯数组对象,用于收集函数的多余参数,并且存入一个真正的数组中1、箭头函数规则:若要执行多条语句,需要加花括号只有一条语句,并且还是return语句,则可以把return去掉;如果只有一个参数,可以直接写,把小括号去掉作用:简化回调函数的写法 arr.sort((a,b)=> a-b)箭头函数中的this是函数声明时所在的对象二、数组新特性1、扩展运算符把数组转换为用逗号隔开的参数列表应用:2、Array构造函数新增方法Array
2022-06-27 17:20:11
330
原创 ES6之for...of/for...in/forEach
1、for...of用于遍历:数组、类数组、字符串、元素列表、Map、Set2、for...in经常遍历对象,用于数组与对象,获取的是key值3、forEach用于遍历纯数组
2022-06-22 12:00:51
180
原创 正则表达式
一、新建二、方法 test() 返回一个布尔值,方法用于匹配字符串,匹配成功返回true,失败返回falseexec() 返回匹配结果,发现匹配,就返回一个以每个匹配成功的字符串组成的类数组集合,否则返回null三、匹配规则...
2022-06-14 20:02:38
128
1
原创 关于 JQ
onload与ready的区别:一、选择器的使用id #div1标签名 divclass .div1后代选择器 header div子代选择器 header>div第一个 :first最后一个 :last所有偶数 :even所有奇数 :odd根据下标选择 :eq(n)根据属性名选择 [title]拓展:容错功能 选择器越复杂,字符串解析越慢二、属性attr("title") 获取属性值attr("title","hahahha") 设置属性值attr({title:"enenen",style:"backg
2022-06-14 19:31:11
89
原创 关于面向对象
封装:将一堆属性和方法放在一起继承:最大限度重用代码多态:表现的形式太弱1、使用Objectvar obj = new Object();new 出来的是一个具体的对象2、字面量创建/jsonvar obj = {}; 写法简易,语法简单,但是重用性低。适用于整个程序只有一个的对象。3、工厂方式function createPerson(name,qq){varobj = new Object();}4.构造函数5、原型该类的公共存储空间,用于节省内存...
2022-06-14 17:50:15
80
原创 关于AJAX
AJAX解决了什么问题?局部刷新数据(在不刷新页面的情况下提交获取数据)1、步骤2、同步、异步同步:上一个任务结束,下一个任务开始。 比如 alert弹窗异步:多个任务按顺序开始,不一定按顺序结束。 比如下载任务、图片的加载...
2022-06-14 17:23:13
78
原创 ES6-------变量的解构赋值
左右结构必须一致才可以解构,当数组为空时,我们可以给一个默认值。1.2.3.二、对象的解构赋值l完整版本:三、特殊对象的解构函数1、字符串做数组2、字符串做对象3、Math的应用四、实际应用......
2022-06-13 21:19:48
81
原创 ES6-----let&const
let与var的区别:1.let声明的变量不能重复声明2.let声明的变量不能变量提升3.块状作用域 eg:点击li弹出第n个4.使用let声明的变量不属于顶层对象(window)const 1.声明常量用大写2.常量不能修改3.块状作用域4.使用const声明的常量也不属于顶层对象(window)......
2022-06-13 20:50:21
128
原创 DOM0与DOM2的区别
DOM0事件绑定的特点:只有DOM元素天生拥有这个私有属性(onxxx事件私有属性),我们赋值的方法才叫事件绑定,否则属于设置自定义属性 移除事件绑定的时候,我们只需要赋值为null; 在DOM0事件绑定中,只能给当前元素的某一个事件行为绑定一个方法,绑定多个方法,最后一次的绑定的会替换前面绑定的。DOM2事件绑定的特点:所有DOM0支持的行为,DOM2都可以用,DOM2还支持DOM0没有的事件行为【浏览器会把一些常用事件挂载到元素对象的私有属性上,让我们可以实现DOM0事件绑定,DOM2:
2022-05-25 20:00:48
482
原创 阻止默认、阻止冒泡
事件由父级向子级传递,称之为事件捕获;事件由子级传向父级,称之为事件冒泡;阻止冒泡 e.stopPropagation()阻止默认 e.preventDefault() 如:鼠标可以选中文本return false这个方法比较暴力,它会同时阻止事件冒泡和默认事件。document.getElementById('box_1').onclick=function(e){ e.stopPropagation(); //阻止事件冒泡 e.preventDefault().
2022-05-25 19:37:43
93
原创 touch.js
<script src="https://cdn.bootcss.com/touchjs/0.2.14/touch.min.js"></script>基本事件:touchstart //手指刚接触时触发touchmove //手指在屏幕上移动时触发touchend //手指从屏幕上移开时触发
2022-05-25 19:19:34
232
原创 触屏事件
兼容DOM的触屏事件:触屏touch事件 说明 touchstart 当手指触摸屏幕时触发 touchmove 当手指在屏幕上滑动时连续触发 touchend 当手指从屏幕离开时触发 每个触摸事件包含的三个触摸列表:触摸列表 说明 touches 当前屏幕上的所有手指动作的列表 targetTouches 当前DOM元素上的手指动作的列表 changeTouches 当前事件的手指动作的列表 targ...
2022-05-25 17:55:55
103
原创 本地存储:cookie、sessionStorage、localStorage
存储分为两类:一是localStorage(本地存储),存储的数据没有过期时间,二是sessionStorage(会话存储),存储的数据会在浏览器会话结束时被清楚(即浏览器关闭时)
2022-05-25 17:28:12
263
原创 事件类型-基本事件
一、UI事件load 当页面完全加载后在window上触发图片也可以触发load事件resize 当窗口大小变化时在window上触发scroll 当用户滚动带滚动条的元素中的内容时,在该元素上面触发二、鼠标事件1、事件类型onclick 单击ondblclick 双击oncontextmenu 右键菜单onmouseover 移入onmouseout 移出onmouseenter 移入onmouseleave 移出onmousedown 按下onmo
2022-05-22 14:27:27
176
原创 JS知识点
一、循环for(语句1;语句2;语句3){}语句1 负责初始化语句2 循环的条件判断语句3 计数器变量的变化break 打破整个循环continue 结束本次循环二、Math对象Math.abs()绝对值Math.ceil()向上取整Math.floor()向下取整Math.round()四舍五入Math.max()最大值Math.min()最小值Math.random()随机数 返回0到1之间的一个随机数,取值范围[0,1)Math.pow(n,
2022-05-19 19:21:12
92
原创 BOM操作
BOM(Browser Object Model)一系列与浏览器有关的信息。一、windows 对象1.窗口位置screenLeft 返回浏览器窗口左上角相对于当前屏幕左上角的水平距离,不兼容FF浏览器。screenTop 返回浏览器窗口左上角相对于当前屏幕左上角的垂直距离,不兼容FF浏览器。screenX...
2022-05-19 11:40:26
139
原创 DOM操作
1、增加操作(1)新建createElement(标签名) 创建元素节点setAttribute(name,value)直接设置属性cloneNode(true、false) true包含子节点 false不包含(2)插入appendChild()拼接节点insertBefore(new,old)插入节点2、删除操作removeChild()删除子节点removeAttributeNode()删除属性节点3、修改操作replaceChild(new,old)
2022-05-09 21:03:22
102
原创 JS入门知识
一、代码规范1.1 JS中的一切都区分大小写(变量名,函数名,操作符)1.2 标识符按下列规则组合1.2.1 首字符必须是字母、_(下划线)、符号$1.2.2 其他字符可以是字母、下划线、$或数字1.2.3 建议使用驼峰命名法 如:testfunction1.2.4 见名知意1.3 语句标准关键字和保留字是语言保留的,不能用作标识符语句必须以分号作为结束符语句必须有大括号二、常用的数据结构2.1 常量 最常用的程序元素之一 值不能改变的量被称为常量2.1
2022-05-08 10:55:47
116
原创 JS第五讲
1、数组操作arr[1] 根据下标获取元素arr[1]=5 根据下标修改元素添加删除操作:push(x)将元素拼接到最末尾pop()删除最后一个元素 括号中可以不填元素unshift(x) 将元素拼接到开头shift()删除第一个元素 括号中可以不填元素concat()把一个数组添加到另一个数组末尾,必须要有变量来接受这个值splice(x,y,"newEi")在指定位置插入元素 从x下标开始,删除y个元素,插入newEi排列:1、sort()对数组中的元...
2022-05-04 21:08:21
69
原创 CSS动画
一、渐变线性渐变:background-image:linear-gradient(方向(deg),颜色 渐变点的百分比)若添加方向,则必须使用浏览器内核识别标识例:-webkit- (safari&chrome)-moz- (firefox)-ms- (IE)-o- (opera)2.径向渐变:radial-gradient(中心点,形状,颜色 渐变点的百分比)形状:circle、ellipse3.过渡: transition:属性名 时间 延迟时间 速度曲线.
2022-04-28 20:17:08
213
原创 弹性盒模型
目的:提供一种更加有效的方式来布置、对齐和分布在容器之间的各项内容,即使他们的大小时未知变化的。属性:display:flex/display:inline-flex 适用于父类元素,声明要使用弹性盒模型。 flex-direction 写在父级,作用于子级;检索,子级在盒子中的位置,说白了就是子级的排列顺序。 flex-wrap 写在父级,作用于子级;检索,子级是否超出父级,说白了就是换不换行。flex-wrap:wrap 换行flex-wrap...
2022-04-27 21:15:28
65
原创 CSS-浮动
一、浮动1.定义元素脱离文档流的控制,按照指定方向发生移动,遇到父级边界换行2.取值none 不浮动left 左浮动right 右浮动inherit 继承父级3.作用解决水平布局问题4.特性所有标签同排显示行标签支持所有CSS样式默认内容撑开高度元素脱离文档流二、清除浮动1.原因元素使用浮动后脱离文档流,父级元素检测不到子级的存在,高度无法撑开2.解决方案1.在父级使用height (拓展性不好)2.在父级使用overflow:hidden3.使用
2022-04-14 20:42:44
194
原创 常见标签和CSS基础
一、常见标签1.块标签1.1 内容a. 主要标签1.div (区分div用class)2.h1~h63.p (段落标签)4.ul (无序列表)5.ol (有序列表)6.li (列表项)b. 其他1.article2.section3.aside4.nav5.header6.footer1.2 特点独占一行,默认宽度占满父级,高度为0,子级内容撑开高度2.行标签2.1 内容1.a (href:链接地址 target:打开方式 )target=“_blank”
2022-04-13 19:29:47
380
原创 HTML——0412
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2022-04-12 21:02:09
283
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅