- 博客(34)
- 收藏
- 关注
RSS订阅原创 【新知实验室】TRTC视频会议
腾讯实时音视频（Tencent Real-Time Communication，TRTC），将腾讯多年来在网络与音视频技术上的深度积累，以多人音视频通话和低延时互动直播两大场景化方案，通过腾讯云服务向开发者开放，致力于帮助开发者快速搭建低成本、低延时、高品质的音视频互动解决方案。下边我们来体验一下产品吧。
2022-11-27 18:55:08
327
原创 Vue简介
vue是一套用于构建用户界面的渐进式框架，使用Vue,可以完全在浏览器渲染页面，服务端只提供数据，可以非常方便的构建单页面应用。（数据驱动视图）前端框架主要有：React、Angular、VueVue不存在依赖，轻便，适用范围广（大中型项目，PC，移动端，混合开发），语法简单，双向数据绑定。都采用虚拟DOM，React的生态系统更加庞大，由React来进行混合开发，Vue更加轻量级；React有独特的JSX语法，Vue基于传统的Web（HTML、CSS、JS）。语法非常的相似，Vue没有Angular深入开
2022-06-30 22:07:22
1799
原创 node核心模块
代码逻辑分离，每一个文件都是一个模块，文件有专职，复用性更强。引入http模块创建模块我们可以看到，创建createServer时有一个回调函数，里边有两个参数1、req:request请求对象，包含请求相关信息，是前端返回给服务器的。2、res:response响应对象，包含我们要发送给客户端的信息。 listen有三个参数：1、端口号port；2、主机host 通常可以传入localhost、ip地址127.0.0.1、或者ip地址0.0.0.0，默认是0.0.0.0；3、回调函数，服务器启
2022-06-27 11:24:16
440
7
原创 node.js简介、安装、运行代码、终端快捷键
前端与后端：前端是指在客户端上运行的代码；后端是运行在服务器的程序。后端开发组成：语言PHP/JAVA/C#/JavaScript；web服务器：Apache/Tomcat；数据库：MySQL/Oricle/mongoDB。后端开发平台：LAMP JavaEE .NET Node.js学习路径：JS基础语法；内置API模块（fs,path,http等等）；第三方模块（express,koa,mysql,mongodb等等）官网：http://nodejs.cn/验证是否安装上：打开终端，使用node -v命
2022-06-21 21:06:40
161
原创 ES6中的 class、模块化
JS是基于原型的面向对象语言，没有类（class）的概念。ES6中引入了这个概念，通过class关键字可以定义类。必须包含constructor；属性添加到constructor中；class的本质仍然是构造函数；this指向class的实例。构造函数调用的方法时静态方法。静态方法和静态属性是使用static关键字的属性和方法。静态方法不会被子类继承，子类不能调用。class可以通过关键字extends来继承。子类构造函数中必须使用super()。super():如果子类需要写construct
2022-06-18 11:23:47
199
原创 ES6中的promise
Promise是异步编程的一种解决方案，其实是一个构造函数，它的原型上有then和catch等方法。JS是单线程的语言，所以很多操作都是异步操作，而异步操作多由回调函数完成，这里边就会引出一个现象“回调地狱”即回调函数中有回调函数，这种现象会导致代码的可读性降低，为了解决这个问题我们选择使用Promise。防止出现回调地狱，提高代码的可读性，像同步操作那样去执行异步操作。一个promise对象就代表一个异步操作，通过状态去管理异步操作。打印结果...
2022-06-15 15:18:28
94
原创 ES6数组新特性、对象新增特性
相当于rest方法的逆运算，把数组转为用逗号隔开的参数列表。应用：复制数组合并数组扩展运算符适用于所有的类数组集合（实现了遍历接口的数据类型）Array.from() 将类数组对象转换为纯数组；Array.of(a,b,c)将参数列表返回一个数组；相当于创建数组；Array.of(3) != new Array(3);Object.keys(obj) 将数组的key值返回一个纯数组Object.values(obj) 将obj的value值返回一个纯数组...
2022-06-14 20:57:57
227
1
原创 ES6中for...of、新增字符串操作、函数新特性
for of 是ES6新增的循环方法。其中forEach与for in 也可用于循环。测试代码测试结果for of 遍历数组中的每一项，纯数组和类数组集合均可遍历,而且它可以与break，continue，return配合使用for in 用于数组与对象，获取的是key。forEach用于纯数组。就是反引号的用法，定义比较长，复杂的字符串；可以换行，可以插入变量，可以插入函数。括号里是几，就重复几遍。打印结果之前我们判断数组里是否有该项，使用的方法时indexOf()，还有正则表达是的te
2022-06-14 20:11:15
287
原创 ES6中 let、const、变量的解构赋值
ECMAScript6，2015年6月正式发布，javascript下一代语言标准，能够开发复杂大型的程序，成为企业级语言。用于变量声明。let声明的变量不能重复声明。let声明的变量不能提升变量。块状作用域（点击li弹出第n个）。使用let声明的变量不属于顶层对象。 用于声明常量。声明常量用大写（不是规则，是一种默契）。常量不能修改。块状作用域。使用const声明的常量也不属于顶层对象。数组的解构赋值对象的解构赋值特殊对象的解构赋值实际应用...
2022-06-13 21:35:28
230
原创 AJAX内容
局部刷新数据（不刷新网页的情况下去提交获取数据）。配置 xhr.open(请求方式，请求地址，是否异步)；同步：上一个任务结束，下一个任务开始，比如alert弹窗。异步：多个任务按顺序开始，如下载任务，图片加载（不影响下边代码的执行）响应发送......
2022-06-13 17:50:46
39
原创 jquery内容
jquery是一个javascript库，极大地简化了javascript编程。jquery可以通过一行简单的标记被添加到网页中。 jQuery语法jQuery通过美元符号$定义jQuery；（'li'）通过这个查询元素；eg：$("li")找到li元素。最核心选择器引擎：继承了css语法，可以对DOM元素的标签名、属性名、状态等进行快速准确地选择。拓展：jQuery有容错功能，很多情况下动态生成DOM会有问题；选择器越复杂，字符串解析越慢。注意：设置多个css值的时候，如果属性值中有—，一定
2022-06-08 21:59:17
64
原创 面向对象（oop）
什么是“对象”：不了解内部结构，知道表面的操作；什么是“面向对象”：不了解原理的情况下，会使用功能；面向对象是一种思想，生活中处处都可以应用，万事万物都是对象。1、封装：就是把一堆方法和属性放在一块。（不考虑内部的实现，只考虑功能使用）2、继承：目的是最大限度的重用代码。3、多态：不同类的同名方法。4、抽象构造函数：开辟内存空间；析构函数：释放内存空间。1、使用Object2、字面量创建/json3、工厂方式4、构造函数创建对象原型prototype原型：该类的公共存储空间，用于
2022-06-02 20:41:31
77
原创 cookie、本地存储
cookie的构成名称：一个唯一确定cookie的名称；值：存储在cookie中的字符串的值；域：cookie对于哪个域是有效的；路径：指定域中的指定路径；失效时间：cookie何时应该被删除的时间戳；安全标志：指定后，cookie只有在使用SSL连接时才能发送到服务器；cookie的限制绑定在特定域名下，无法跨域；浏览器对cookie数量的限制不同（例如FF规定每个域名最多50个，而Safari没有数量限制）；所有cookie的累加长度限制为4KB，超长会被忽略。JS中
2022-05-26 14:29:33
325
原创 Day 19键盘事件
创建一个小方块，让小方块根据所按的上下左右键进行移动。第一步，创建一个小方块。<body> <div id="ok"></div></body>第二步，小方块的样式。<style> *{ margin: 0; padding: 0; list-style: none; } body{
2022-05-22 15:03:30
197
原创 Day 18事件类型-基本类型
UI事件UI事件不一定是与用户操作有关的事件。load：当页面完全加载后在window上触发，图片也可以出发load事件。resize：当窗口变化时在window上触发。（除火狐外其他浏览器会在窗口变化1像素时就触发事件，而火狐是在用户停止调整窗口大小时才触发。不建议在此事件中加入大计算量代码，因为可能频繁执行，导致浏览器速度变慢。另外窗口最大最小化也会触发事件）scroll：当用户滚动带滚动条中的元素中的内容时，在该元素上面触发。鼠标事件事件类型：...
2022-05-22 14:15:00
45
原创 Day 17 BOM
BOM是Browser Object Model，一系列与浏览器相关的信息。window对象窗口位置 screenLeft返回浏览器窗口左上角相对于当前屏幕左上角的水平距离，不兼容FF（火狐）浏览器 screenTop返回浏览器窗口左上角相对于当前屏幕左上角的垂直距离，不兼容FF浏览器 screenX功能同screenLeft，兼容FF screenY功能同screenTop，兼容FF 窗口大小 innerWidth返回网页当前窗口中可见部分的宽度，包含滚动条 inn
2022-05-22 11:32:00
45
原创 day 16 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, i
2022-05-18 10:50:59
58
原创 day 15 DOM
DOM是什么？你是怎么理解DOM的？DOM是document object model，文档对象模型。DOM提供了很多对标签进行增删改查的操作。DOM操作增：fn createElement(标签名) 创建元素节点 fn setAttribute(name,value) 直接设置属性 fn cloneNode(true、false) true包含子节点、false不包含子节点 fn appendChild() 拼接节点 fn insertBefore(
2022-05-10 20:53:39
77
原创 day 14 随机函数 反转字符串 数组去重
随机函数function rand(min,max){return Math.round(Math.random()*(max-min)+min);}反转字符串function reverseString(string){ return string.split('').reverse().join('');}数组去重function singleArray(array){ var newArr = []; for(var i=0;i<arra
2022-05-10 20:28:25
81
原创 day 13 案例
实现随机泡泡大小，颜色，随机运动<!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"&g
2022-05-08 10:08:56
50
原创 day 12 元素的获取 字符串操作 函数
元素的获取getElementById 根据id名获取一个元素 getElementsByTagName 根据标签名返回元素，返回一个数组 getElementsByClassName 根据class名返回元素，返回一个数组 querySelector 获取一个元素，推荐使用，用法类似于写css querySelector 返回一个数组 字符串操作str.length 获取长度 str.toUppercase() 转换为大写 s.
2022-05-08 10:04:32
58
原创 day 11 运算符 条件判断句 标签属性操作
运算符比较运算符 ==等于（指比较内容）0==0 0=="0" ===恒等于（不只比较内容好比较数据类型）0===0但是0===“0”不成立 ！=或者<>不等于 ！==恒不等于 >大于 <小于 >=大于等于 <=小于等于 三目运算符 ？： 前边为真输出？后内容，为假输出后边内容 逻辑运算符 &&逻辑与 ||逻辑或 ！逻辑非 字符串连接 使用+ 条件判断句if最基本的、最常...
2022-05-04 21:35:35
54
原创 day 10 JS第一讲
一、代码规范JS中的一切都区分大小写（变量名，函数名，操作符）； 标识符（变量名、函数名、属性名，函数的参数）按下列规则组合；（就是如果要给某物起名字，按下述规则来）。a.首字母必须是字母，下划线或$；b.其他字符可以是字母、下划线、$或者数字；c.建议使用驼峰命名法eg.testFunction；d.见名之意。 注释：注释分为单行注释和块注释。单行注释/*代码*/；块注释：//。 严格模式,ECMAScript引入了严格模式，写代码时加入"use stric"。 语句标准：关键字和保留字是语言
2022-05-02 20:47:29
38
原创 day 9 动画特效（animation）
@keyframes关键帧动画就是从一个css样式变换到另一个css 样式，我们通过@keyframes来定义每一个状态，用百分比来规定改变发生的时间，也可以使用from{},to{}.动画animation-name 动画属性名 animation-duration 动画持续时间 animation-delay 动画延迟时间 animation-timing-function 动画速度曲线（ease慢快慢这是默认值，linear匀速） animation
2022-04-28 19:48:57
82
原创 day 8 弹性布局
弹性布局，是一种布局方式，主要解决某个元素中子元素的布局方式，它为布局提供了强大的灵活性。目的：1、提供一中更加有效的方式来布置、对齐和分布在容器之间的各项内容，即使他们的大小是未知变化的；2、让容器有能力改变项目的宽和高，以填满可用空间；3、布局与方向无关；4、最适合小规模布局（大规模用网格）。...
2022-04-27 21:26:36
44
原创 day 7 viewport的使用和H5新标签
viewport的使用手机有不同的分辨率，不同的屏幕大小，如何使我们开发的应用或者页面大小能适合各种高端手机使用？学习html5 viewport能帮助我们实现这一点。<meta name="viewport"content="width=device-width,intial-scale=1.0,maximum-scale=5.0,user-scalable=0">width=device-width / height=device-height 设置宽度为屏幕宽度 / 设.
2022-04-25 21:10:14
206
原创 day 6 定位
定位position定位分为以下几种：静态定位（static）,是默认的定位；相对定位（relative）,一般用在父级；绝对定位（absolute）;固定定位（fixed），参考物是浏览器窗口。相对定位relative相对定位的参考物：定位前的位置，也就是它原来的位置。相对定位的特点：不影响元素本身特性；元素不脱离文档流（就是使用定位移动后，原来的位置不会被占）；相对于原位置进行偏移。绝对定位absolute绝对定位的参考物：最近的使用了定位的父级，如果没有找body。绝对定位
2022-04-24 19:57:17
1406
原创 day 5 表单
表单form表单是一个包含表单元素的区域。我们可以在表单元素中输入内容，例如type="text"文本框，select/option下拉选择框，textarea文本域。type有以下类型：text 文本框（placeholder文本框中的字体） password 密码 radio 单选框 checkbox 复选框 button 按钮 submit 提交 reset 重置 file 文件 hidden 隐藏 me
2022-04-22 19:24:17
145
原创 day 5 表格
表格tabletable标签用来定义表格，表格包含在<table></table>中。表格的标签还有tr（定义表格中的一个行）每个表格可以有多个行，行里边也可以有多个td（用来定义单元格），也可以有多个th（表头）。table 表格 tr 表格行 th 表头 td 单元格 单元格合并colspan 横向合并，从哪一行合并就在哪一行给这个属性，然后合并，最后删除 rowspan 纵向合并，和横向合并道理一样 表格c
2022-04-22 19:04:17
279
原创 day 4 居中和图文结合
一、居中1）当line-height=height时，文本垂直居中；2）text-align:center写在父级，子级中的行元素、行块元素，文本内容水平居中；3）margin：0 auto写在块标签，相对于父级水平居中。（当margin给两个值时，第一个值是上下边距，第二个值是左右边距）。二、图文结合图文结合案例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-
2022-04-15 19:17:23
170
原创 day 1 盒模型
一、什么是盒模型每一个标签都是一个矩形，像一个盒子，所以HTML页面的布局可以理解为多个盒子组合嵌套排列而成。二、盒模型的组成标准盒子模型width(宽度)height(高度)padding(内边距)：边框与内容之间的距离。可以给1-4个值，赋值是顺时针赋值，即上右下左，内边距可以增加盒模型面积。border(边框)：边框也可以增加盒模型面积。其属性如下：border 复合属性，三个值分别为宽度、样式、颜色 border-width 边框宽度 border
2022-04-12 20:28:00
357
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人