- 博客(29)
- 收藏
- 关注
RSS订阅原创 【新知实验室】-多人视频会议体验
关于腾讯发布的产品：是一个包含 UI 的开源音视频组件，通过集成 TUIRoom，您可以在业务中快速上线音视频房间，屏幕分享，聊天等功能。Web 端 TUIRoom 基础功能。
2022-11-24 19:16:11
342
1
原创 node核心模块
所有的方法都有异步和同步的形式 node里关于文档的操作方法基本都给了两份，既同步与异步 使用前导入核心模块fs const fs=require("fs"); eg //重命名 异步 fs.rename("ok.txt","yes.txt",function(err){if(err)throw err;console.log("重命名成功")}) //重命名 同步 fs.renameSync("ok.txt","yes.txt");
2022-06-27 19:13:21
121
原创 关于 ES6
1. let 用于声明变量 1.1 let声明的变量不能重复声明 1.2 let声明的变量不能变量提升 1.3 块状作用域 eg.点击li弹出第n个 1.4 使用let声明的变量不属于顶层对象2.const 用于声明常量 1.1声明常量用大写 不是规则 是一种默契 1.2常量不能修改 1.3块状作用域 1.4使用const声明的常量也不属于顶层对象变量的解构赋值 数组的解构赋值 var[a,b
2022-06-27 19:08:52
124
原创 关于AJAX
AJAX：局部刷新数据（不刷新页面的情况下提交获取数据）用法：1.创建2.配置ajax.open（1,2,3）:1提交方式 2.提交地址 3.是否异步关于同步异步：同步：上一个任务结束，下一个任务开始，比如alert弹窗异步：多个任务同时开始，不一定按顺序结束，比如下载任务、图片的加载。3.响应4.发送...
2022-06-14 17:48:44
82
原创 关于jQuery（二）
目录1.属性2.css3.筛选4.DOM5.事件 attr('title') 获取属性值 attr('title','hahhaha') 设置属性值 attr（{title:'ha',style:'background-color:red'}） 同时设置多个属性值 removeAttr('title')移除属性值 addClass('page') 添加class值 removeClass（'page'）移出class的值css（‘color
2022-06-14 17:36:27
68
原创 关于jQuery
目录1.什么是jquery？2.代码风格3.加载模式 3.1 window.onload 3.2 $(document).ready(function(){});4.选择器jQuery是一个javascript类库，通过封装原生的JavaScript函数从而得到一套完整的方法。 1.1$(function(){}) 匿名函数的执行 1.2 $("#div1") 选取元素 1.3 $("#div1").css('color','red') $==jQuery
2022-06-14 17:20:23
52
原创 关于原型
原型：该类的公共存储空间，用于节省内存原型链：当访问对象的某个属性或方法时，先在自己的构造函数中寻找，如果没有，就在自己的原型中寻找，如果还没有，就找原型的原型，一直找到Object的原型，这样形成的一个链系称为原型链。...
2022-06-14 17:12:40
48
原创 MVC设计模式
什么是MVC是一种设计理念,将代码进行逻辑分离，分离成控制层、视图层及数据层三层有什么作用降低了耦合度，提高了代码的扩展性，易修改性
2022-06-02 21:16:46
61
原创 面向对象三大特征
目的：将信息隐藏 将一堆方法和属性放在一起 目的：找到共性，精简代码，提高重用性 1. 属性继承 ：call（），apply（） 改变父级构造函数内部的this 原型继承 ：B.prototype = A.prototype 有引用问题
2022-06-02 21:11:34
42
原创 EVENT——触屏事件
兼容DOM的触摸事件：touchstart 当手指触摸屏幕时触发touchmove 当手指在屏幕上滑动时连续触发touchend 当手指从屏幕上移开时触发touchcancel 当系统停止跟踪触摸时触发每个触摸事件包含的三个触摸列表：touches 当前跟踪的触摸操作的touch对象的数组 （当前屏幕上的所有手指动作的列表）targetTouches特定于事件目标的Touch对象的数组 当前DOM元素上的手指动作的列表changeTouches 自上次触摸以来发生哪些改变
2022-05-25 17:45:38
142
原创 EVENT——存储
cookiejs中的cookie（ documen.cookie ）1.获取：返回当前页面可用的所有的cookie的字符串，由分号和空格隔开一系列名值对（name1=value1;name2=value2;）2.添加：1）cookie的值必须写成key=value的形式，且等号两边不能有空格2）写入时必须对分号，逗号，和空格进行转义3）cookie的属性：value 必需项，用于指定cookie的值expires 指定cookie过期时间本地存储localSt..
2022-05-25 16:28:58
74
原创 检索源数据
检索源数据 var arr = [] for (var i = 0; i < cities.length; i++) { var city = cities[i];//{nm,py} if (city.nm.indexOf(info) != -1 || city.py.indexOf(info) != -1) { // 符合检索内容 arr...
2022-05-25 16:07:16
141
原创 event之键盘事件
键盘事件 keydown 当用户按下键盘上的任意键时触发，按住不动将重复触发 keyup 当用户释放键盘上的键时触发 event.keyCode键码 keypress 当用户按下键盘上的字符键时触发，按住不动将重复触发 event.charCode（ASC||编码形式展示，需通过String.fromCharCode()方式转换，IE9以下不支持）利用键盘实现块移动1.定义块#ok2.获取okvar dOk = document.g...
2022-05-22 16:40:56
455
原创 鼠标事件 ——返回顶部
目录关于鼠标事件返回顶部效果关于鼠标事件鼠标事件类型： onclick 单击 ondbclick 双击 oncontextmenu 右侧菜单 onmouseover 移入 onmouseout 移出 onmouseenter 移入 onmouseleave 移出 onmousedown 按下 onmouseup 抬起 onmousemove 移动返回顶部效果1.创建一个块hj 给hj设置样...
2022-05-22 16:10:35
253
原创 鼠标事件 ——拖拽效果
目录关于鼠标事件拖拽效果关于鼠标事件鼠标事件类型： onclick 单击 ondbclick 双击 oncontextmenu 右侧菜单 onmouseover 移入 onmouseout 移出 onmouseenter 移入 onmouseleave 移出 onmousedown 按下 onmouseup 抬起 onmousemove 移动建议使用enter和leave 因为over和out...
2022-05-22 15:51:04
1153
原创 关于DOM以及DOM操作
目录DOM常用DOM操作增：删：查：获取节点后操作：DOMDocument Object Model 文档对象模型，提供了一系列对标签进行增删改查的操作常用DOM操作增：fn createElement(标签名) 创建元素节点拼接节点 fn appendChild()插入节点 fn insertBefore (new,old)删：删除子节点 fn removeChild()查：fn getElementById...
2022-05-18 16:11:50
168
原创 JS中的函数
目录函数 函数的定义 function 函数名([x,y,z....]){[return ex;]} 函数名 关于return 函数的调用 函数定义后不会自动执行，需要在特定位置调用函数 函数的参数函数 函数实际_上就是可以作为一个逻辑单元对待的代码块 作用 使代码更加简洁，提高重用性 地位 每一个项目...
2022-05-08 10:43:24
176
原创 JS中的数组操作
数组 作用 对大量数据进行存储 按顺序排列一组值， 每个值的位置都有编号，从0开始 概述创建 在JS中，数组用Array对象表示三种方式 1.var arr = new Array(); arr1=[el1,el2,el3......] 元素个数不确定 用户可以在赋值时任意定义2.var arr2= new A...
2022-05-08 10:36:56
209
原创 html中的运算符
目录html中的运算符 算术运算符 赋值运算符 比较运算符 三目运算符、三元运算符 ？： 逻辑运算符html中的运算符运算符 是完成一系列操作的符号 算术运算符 - * + / % ++...
2022-05-08 10:30:42
1854
原创 循环与条件判断
目录循环 while do while for条件判断句 if switch if与switch作比较循环 while do while for 语法for（语句1；语句2；语句3）{代码块} 语句1 负责初始化 语句2 循环的条件判断...
2022-05-08 10:29:55
166
原创 使用渐变实现彩虹效果
代码如下：<!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"> <...
2022-04-27 21:21:49
297
原创 viewport的使用
viewport的使用 手机有不同的分辨率，不同的屏幕大小，如何使我们开发的应用或页面大小能适合各种高端手机使用?学习html5 viewport能帮助我们实现这一点<meta name="viewport" content="width=devive-width,intial-scale=1.0,maximum-svale=5.0,user-sclable=0" width=device- -width 设置 宽度为屏幕宽度...
2022-04-27 21:17:04
356
原创 弹性盒模型
目录 目的 属性 display:flex / display:inline-flex flex-direction flex-wrap flex-flow justify-content align-items align-content...
2022-04-27 21:07:44
93
原创 html中居中的三种方式
1.line-heightcheight文推直居中2.textalign -certer写在处级了子级中的行元素,行块元素.文本内容居中3.margin:0 auto 写在块元素，相对于父级水平居中
2022-04-23 19:40:45
5341
原创 定位及定位的特点
定位作用 可以使用偏移描述：lefttoprightbottom 可以使用z-index提升层级相对定位 releative参考物：定位前的位置 特点 不影响元素本身特性 元素不脱离文档流 相对于原位置进行偏移绝对定位 absolute 参考物...
2022-04-23 19:25:40
234
原创 表格和表单
目录表格table表单：form（块标签）type类型：methodattr表格table表格标签：table 表格；tr 单元行；th 表头；td 单元格；单元格合并：rowspan 纵向合并colspan 横向合并表单：form（块标签）表单元素（<input type="" name="" value=""）checked 默认选择name 划定作用域 也是关键词 ；value 提交给后台的值 ；type类型：text 文.
2022-04-22 21:17:42
150
原创 关于清除浮动
目录什么是浮动清除浮动清除浮动的原因：解决方案：在父级使用height （拓展性不太好 ）在父级使用overflow：hidden什么是浮动元素脱离文档流，按照指定方向发生移动，遇到父级边界换行。解决水平布局问题清除浮动div中有三个p标签 没有使用浮动时如图给p标签写上p { float: left; }如图清除浮动的原因：元素使用浮动后脱离文档流，父级元素检测不到子级的存在，高度无...
2022-04-15 19:39:57
160
原创 块标签和行标签
目录块标签：块标签特点：独占一行 默认宽度占满父级高度为0，子级内容撑开高度行标签：行标签特点：同排序跟显示，遇到父级边界换行；没有宽高内容撑开宽高换行被解析块标签：例如：div h1-h6 p ul ol li等块标签特点：独占一行 默认宽度占满父级，高度为0，子级内容撑开高度。代码如下独占一行 默认宽度占满父级div{ height: 100px; background-color: pi...
2022-04-13 19:57:45
217
原创 关于塌陷问题
什么是塌陷问题？当子元素设置浮动之后，子元素会完全脱离文档流。此时将会导致子元素无法撑开父元素的高度，导致父元素高度塌陷。代码如下：.fa{ width: 200px; height: 200px; background-color: yellow; }.son{ width: 50px; height: 50px; b...
2022-04-12 16:31:30
425
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人