- 博客(38)
- 收藏
- 关注
RSS订阅原创 【新知实验室】腾讯云TRTC初体验
TRTC的整体构架&技术特性TRTC 源自于QQ音视频团队，是基于QQ22年来的⾳视频技术积累，以PaaS产品的形式开放出来的RTC云服务。TRTC 支持了腾讯会议、微信群直播、微信视频号直播、企业微信直播、腾讯课堂、全民K歌等国民级业务，是腾讯集团丰富的音视频场景的最佳实践输出。TRTC 的客户端SDK是全平台覆盖的，我们覆盖了微信小程序、QQ小程序、企业微信小程序及浏览器， iOS、Android、Windows、macOS、Linux平台。
2022-11-25 12:16:35
2120
1
原创 【ES6】--- 其他新增特性-Set,WeakSet,Map,WeakMap
JavaScript Es6其他新增特性 --- Set,WeakSet,Map,WeakMap
2022-07-11 19:26:31
166
原创 JS --- AJAX
2.打开同步异步发送后的状态值 readystate0：对象已建立，还未初始化，未调用send1：open已调用，未调用send2：send已调用，其他未知3：请求已发送，正在接收数据4：表示数据已经收到
2022-06-13 17:18:56
113
原创 JS-正则表达式
2.使用字面量（常用）二、方法1.test()返回一个布尔值，方法用于匹配字符串，匹配成功返回true，失败返回false正则.方法(字符串)在正则表达式中，某个字符只表示它字面的含义，比如/a/匹配a除字面量字符以外,还有一部分字符有特殊含义，不代表字面意思，叫“元字符”。如果要匹配它们本身，需要在它们前面加上反斜杠进行转义，比如匹配加号，就要写成+表示有一系列字符可供选择,只要匹配其中一个就可 以,所有可供选择的字符都放在方括号内如：[abc]表示a、b、c之中任选一个匹配修饰符表示模式的附加规
2022-06-02 19:59:22
293
原创 JavaScript --- 移动端事件
触屏事件1.兼容DOM的触摸事件touchstart — 当手指触摸屏幕时触发touchmove — 当手指在屏幕上滑动时连续触发touchend — 当手指从屏幕上移开时触发touchcancel — 当系统停止跟踪触摸时触发上述事件都会冒泡，也都可以取消。每个触摸事件的event对象都提供了在鼠标事件中常见的属性bubbles cancelable view clientX clientY screenX screenY等2、每个触摸事件包含的三个触摸列表touches — 当前跟
2022-05-26 17:00:05
225
原创 DOM事件绑定
一、DOM0级事件1.所有浏览器都支持2.事件只能注册一次，后边的会覆盖旧的3.注册在html上添加<div onclick="alert('hello')"></html><!---this指向自身--->匿名函数d.onclick = function() {}this指向自身普通函数onclick = "ok()"//相当于动态调用//this指向window//没有事件参数e的传递二、DOM2级事件addEven
2022-05-25 20:17:34
165
原创 JavaScript ----- 关于存储
一、cookie1、cookie的构成名称：一个唯一确定cookie的名称值：储存在cookie中的字符串值域：cookie对于哪个域是有效的路径：指定域中的注定路径失效事件：cookie何时应该被删除的时间戳安全标志：指定后，cookie只有在使用SSL链接时才发送到服务器（设置secure）2、cookie的限制绑定在特定域名下，无法跨域浏览器对cookie数量的限制规定不同（例如FF规定每个域名最多50个，而Safari和Chrome没有数量限制）所有cookie的累加长度
2022-05-25 19:44:00
142
原创 JavaScript---EVENT--事件类型-基本类型
一、UI事件(不一定与用户操作有关的事件)1、load当页面完全加载后在window上触发图片也可以触发load事件2、 resize当窗口大小变化时在window上触发除火狐外其他浏览器会在浏览器窗口变化1像素时就触发事件，而火狐是在用户停止调整窗口大小时才触发不建议在此事件中加入大计算量代码，因为可能频繁执行，导致浏览器速度变慢窗口最大最小化也会触发事件3、scroll当用户滚动带滚动条的元素中的内容时，在该元素上面触发二、鼠标事件1、事件类型onclick --
2022-05-25 16:15:17
457
原创 JavaScript---BOM
BOM—Browser Object Model一系列与浏览器相关的信息一、window 对象1.窗口位置screenLeft返回浏览器窗口左上角相对于当前屏幕左上角的水平距离，不兼容火狐浏览器screenTop返回浏览器窗口左上角相对于当前屏幕左上角的垂直距离，不兼容火狐浏览器screenX功能同screenLeft，兼容火狐screenY功能同screenTop，兼容火狐2.窗口大小（ie9以下不兼容）innerWidth返回网页在当前窗口中可见部分的宽度，包含滚动条宽
2022-05-19 15:03:12
120
原创 JavaScrpt---DOM案例-轮播图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>轮播
2022-05-17 20:12:36
211
原创 JavaScript----DOM
一、树形结构说白了就是嵌套非线性结构 非对称HTML的标签逻辑就是树形结构二、DOM 操作1、增新建 fn createElement(标签名） 创建元素节点 fn setArribute(name,value) 直接设置属性 fn cloneNode(true、flase) trun包含子节点 flase不包含插入拼接节点 fn appendChild()插入节点 fn insertBefore(new,old)2、删删除子节点 f
2022-05-17 19:44:12
124
原创 JavaScript-----ES5第六讲 函数、闭包
一、函数1、函数实际上就是可以作为一个逻辑单元的代码块2、作用是代码更简洁，提高重用性3、地位每一个项目中的代码，大约有95%在函数里4、函数的定义function 函数名([x,y,z...]) {[return ex];}函数名① 在同一个页面中，函数名必须唯一② 参数部分选填，参数用逗号隔开，最多可添加255个参数③ return 选填关于return① 没有return 函数只代表一些列的逻辑运算② 有return 函数返回一个特定值，此时函数可以作为一个
2022-05-08 09:35:52
224
原创 JavaScript---ES5第五讲-时钟效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>时钟
2022-05-06 17:02:23
91
原创 JavaScript-----ES5第五讲 数组、字符串操作，定时器，Date
一、数组操作1、arr[1]根据下标（索引）获取元素2、arr[1] = 5根据下标（索引）修改元素3、添加删除push(x) 将元素拼接到最末尾unshift(x) 将元素拼接到开头pop() 删除最后一个元素shift() 删除第一个元素concat() 把一个数组添加到另一个数组末尾 必须要有变量来接受这个值4、排列reserve() 颠倒数组中元素的顺序sort() 对数组中的元素进行排序// sort() 排序 var ns = [1,25,
2022-05-06 16:56:12
486
原创 JavaScript-----ES5第四讲 数组、Math
一、数组第一讲1、作用对大量数据进行存储按顺序排列一组值，每个值的位置都有编号，从0开始2、概述创建—在JS中，数组使用Array对象表示三种方式1、var arr = new Array();arr1 = [el1,el2,2l3......]元素个数不确定，用户可以在赋值时任意定义2、var arr2 = new Array([size])指定数组长度，如果赋值时，赋值个数大于siza，则会报错3、var arr3 = newArry(el1,el2,el3,.....);
2022-05-05 20:58:27
108
原创 JavaScrip-----ES5第三讲
一、循环1、while语法： while（条件表达式）{ 循环体 }2、do while语法：do{ 循环体 }while（条件表达式）3、forfor(语句1；语句2；语句3）{ 循环体 }语句1：负责初始化语句2：循环的条件判断语句3：计数器变量的变化4、break打破所有循环5、continue打破本次循环二、修改css样式1、element.style.xxxcss不区分大小
2022-05-05 19:57:48
162
原创 JavaScript----ES5第二讲
一、运算符1、比较运算符== 等于----只比较内容0 == 0 yes 0 =="0" yes=== 恒等于-----不只比较内容，还比较类型0 === 0 yes0 === "0" no !=或<> 不等于!== 恒不等于< 小于<= 小于等于2、三目运算符、三元运算符 ？：var a = 1 > 2 ? 5 : 63、逻辑运算符&& 逻辑与|| 逻辑或! 逻辑非4、字
2022-05-04 21:35:40
491
原创 JavaScript---ES5第一讲
一、代码规范1、js中一切都区分大小写（变量名，函数名，操作符）2、标识符（变量赋、函数名、属性名、函数的参数）按下列规则组合首字符必须是字母、下划线（_）、或符号$其他字符可以是字母、下划线、符号$或数字建议使用驼峰命名法 eg：testFunction见名知意（起的名字是要有意义的）3、注释注释分成单行注释与块注释/*块注释*/ 快捷键：shift+Alt+a//单行注释 快捷键：Ctrl+/4、严格模式ECMAScript5引入了”严格模式“ECM
2022-05-02 19:34:12
836
原创 【CSS】--- 知识补充
一、兄弟选择器h1+p{} 紧邻h1后边的元素二、同级选择器h1~p{} 统计元素（h1后边的）三、a标签伪类a:link 访问前a:visited 访问后a:hover 鼠标覆盖a:active 左键按下四、文字特效文本描边-webkit-text-stroke：1px red文本填充色-webkit-text-fill-color：red五、阴影box-shadowbox-shadow：1px 1px 5px redbox-shadow...
2022-04-29 14:34:40
94
原创 【CSS3】--- 新增选择器
css3新增选择器一、属性选择器可根据元素特定属性来选择元素[属性名]{}标签名[属性名=“”]{}二、结构伪类选择器根据文档结构来选择元素：first-child 第一个子级：last-child 最后一个子级：nth-child（n）第n个子元素：nth-last-child（n）倒数第n个子元素：first-of-type 特定的第一个子级：last-of-type 特定的最后一个子级：nth-of-type（n）指定类型的第n个子级 ★：nth-last-c
2022-04-29 14:16:31
94
原创 【CSS3】--- 动画animation
动画animation一、作用增加用户体验但是不要过度使用二、关键帧keyframes三、动画animation-name——动画属性名animation-during——动画持续时间animation-delay——动画延迟时间animation-timing-function——动画速度曲线animation-iteration-count——动画速度曲线animation-iteration-count——定义循环次数 infinite为无限循环animation
2022-04-28 20:03:44
93
原创 【CSS3】特效--- 渐变、倒影、过渡、变形
【CSS3】特效--- 渐变、倒影、过渡、变形一、渐变1、线性渐变语法background-image：linear-gradient（方向（deg），颜色 渐变点的百分比）方向①上、下、左、右、角度② 默认的是top、to bottom、180deg若添加方向，则必须使用浏览器的内核识别标识...
2022-04-28 19:46:38
289
原创 前端---HTML5新标签
H5新标签一、结构标签1、article定义文章使用（1）论坛帖子（2）博客文章（3）新闻故事（4）评论2、aside定义文章的侧边栏3、section定义文档中的某个区域使用（1）章节（2）头部（3）底部4、nav定义导航部分5、header定义section或者document页眉使用（1）文章介绍（2）导航链接器的容器6、footer定义section或者document页脚使用（1）文档创建者姓名（2）文档的版权信息（3
2022-04-28 17:54:47
115
原创 前端--弹性盒模型flex布局
弹性盒模型flex一、目的提供一种更加有效的方式来布置、对齐和分布在容器之间的各项内容，即使他们的大小是未知的变化的。让容器有能力改变项目的宽和高，以填满可用空间。布局与方向无关（1）块属性----垂直（2）行间------水平（3）以上拓展性太差最适合小规模布局（大规模用网格）二、属性1、display：flex/display：inline-flex适用于父级元素生命要使用弹性盒子2、flex-direction写在父级css中，但是作用于子级检索，子级在盒子中的
2022-04-27 21:31:58
502
原创 前端基础---定位 position
定位 pisition一、静态定位 static （默认）二、相对定位 ralative1、参考物定位前的位置2、特点（1）不影响元素本身特性（2）元素不脱离文档流（3）相对于原位置进行偏移三、绝对定位 absolute1、参考物最近使用了定位的父级2、特点（1）元素脱离文档流（2）行元素支持所有css样式（3）块元素内容撑开宽高（4）清除子级的浮动四、固定定位1、参考物浏览器窗口2、特点（1）元素脱离文档流（2）清除子级的浮动五、作用1、可以使用偏移描述
2022-04-22 21:14:34
337
原创 前端基础---表格table、表单form
前端—table表格、form表单一、表格table1.标签（1）table 表格（2）tr 表格行（3）th 表头（4）td 单元2、css reset（1）table{border-collapse;} 单元格间隙合并（2）th,td{padding:0;} 重置单元格默认填充3、单元格合并（1）colspan 横向合并（2）rowspan 纵向合并口诀：一找（想要合并的第一个单元格）二合（合并单元格）三删除（将多余的单元格删除
2022-04-22 19:45:23
1044
原创 前端基础-HTML—浮动float
html—浮动float一、浮动1、定义元素脱离文档流，按照指定方向发生移动，遇到父级边界换行2、取值none 不浮动left 左浮动right 有浮动inherit 继承父级3、作用解决水平布局问题4、特性所有标签同排显示行标签支持所有css样式默认内容撑开宽高元素脱离文档流二、清除浮动1、原因元素使用浮动后脱离文档流，父级元素检测不到子级的存在，高度无法撑开2、解决方案在父级使用height（拓展性不太好）在父级使用overflow：hidd
2022-04-14 21:51:44
468
原创 前端—css基础
css基础一、css引入方式1、外部样式（1）新建一个css的样式文件（2）在html页面中，使用link标签引入 <link rel="stylesheet" href="css文件路径">2、内部样式
2022-04-14 21:17:56
203
原创 前端基础—html常见标签
HTML常见标签一、块标签1、内容（1）div 标签（无语意）（2）h1~h6 标题标签1、h1 ~ h3 都具备seo功能2、SEO: 网络引擎搜索优化3、h1大标题一个页面最多出现1次（3）p 段落标签（4）ul 无序列表：unorder list（5）ol 有序列表： order list（6）li 列表项: list-item下面展示一些 代码 。<body><ol> <li>锄禾日当午</li>
2022-04-13 18:06:03
2344
原创 前端基础—盒模型概述
前端基础—盒模型概述一、什么是盒模型 每一个标签都是一个矩形，像一个盒子，所以HTML页面的布局可以理解为多个盒子组合嵌套排列而成。二、盒模型的组成1、width 宽度2、height 高度3、padding内边距（1）1~4个值（2）顺时针赋值，从上开始（3）会增加盒模型的面积4、border 边框（1）复合属性 边框：线宽 线型 线色 border-width: 10px; border-style: solid; solid: 实线 dashed: 虚
2022-04-12 20:03:37
101
原创 前端基础—盒模型概述
一、什么是盒模型 每一个标签都是一个矩形，像一个盒子，所以HTML页 面的布局可以理解为多个盒子组合嵌套排列而成。二、盒模型的组成1、width 宽度2、height 高度3、padding内边距（1）1~4个值（2）顺时针赋值，从上开始（3）会增加盒模型的面积4、border 边框（1）复合属性 边框：线宽 线型 线色 border-width: 10px; border-style: solid; solid: ...
2022-04-12 19:41:11
208
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人