- 博客(28)
- 收藏
- 关注
RSS订阅原创 腾讯视频互动直播TUIPusher&TUIPlayer集成体验
TUIPusher&TUIPlayer是Web端开源的含UI 直播互动组件。TUIPusher TUIPlayer基于腾讯云实时音视频和 即时通信IM两个PaaS 服务的基础 SDK，为企业直播、电商带货、行业培训、远程教学等多种直播场景提供快速上线 Web 端直播推拉流工具的解决方案，目前官网提供了在线体验
2022-10-17 11:01:09
1758
2
原创 腾讯云多人视频会议 TUIRoom 功能体验
TUIkit 是腾讯云音视频团队在 5000+ 客户的服务积累中，结合业内主流的音视频场景，提炼出的开源解决方案，包含视频通话组件、直播组件、视频房间组件等多个客户端音视频组件，可以帮助开发者快速搭建诸如通话、客服、直播、语聊、教育等场景解决方案。
2022-09-21 16:00:21
2428
5
原创 Vue3基础
一、Vue3的历程与特性Vue3:两年开发，99位贡献者、2600次提交，628次PR。Vue3支持Vue2的大多数特性。Vue3的官方网站1.性能提升打包大小减少41%初次渲染快55%，更新快133%内存使用减少54%2.Composition APIref和reactivecomputed和watch新的生命周期函数自定义函数-Hooks函数3.其他新增特性Teleport-瞬移组件的位置Suspense-异步加载组件的新福音全局API的修改和优化更多试验性特
2022-04-20 11:01:31
111
原创 静态页面的css总结（居中，背景图片） 最全解！
1 居中水平居中行内元素水平居中这里的行内元素指的是文本text，图像img，超链接a，按钮等text-align: center; /*在父元素上设置*/块级元素水平居中1.改变块级元素的display属性为inline-block，然后给父级元素设置text-align: center#div4 { text-align: center}#div5 { display: inline-block; background-color: blue;
2021-09-09 21:39:05
1396
原创 css总结 最全解！
css的三种形式内联样式<h1 style="color: #000; margin-top: 5px;">123<h1>内嵌样式<head> <style> h2 { color: #000; } </style></head>外联样式<head> <link rel="stylesheet" href="01.css"></head>css
2021-09-09 19:04:31
282
原创 移动端开发的一些问题总结 最全解！
基础概念1. 视口viewport标签，是定义的虚拟的布局视口，指的是页面实际布局所占用的区域。通过 document.documentElement.clientWidth 来获取布局视口的宽度。视觉视口，用户正在看到的网页的区域。用户可以通过缩放来查看网站的内容。如果用户缩小网站，我们看到的网站区域将变大，此时视觉视口也变大了。不管用户如何缩放，都不会影响到布局视口的宽度。通过访问 window.innerWidth 和 window.innerHeight 两个属性，我们可以获取到视觉视口的宽
2021-09-09 15:01:08
363
原创 作用域和闭包 最全解！
1.作用域作用域其实就代表了变量合法的使用范围。作用域分为全局作用域、函数作用域和块级作用域。Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量：var n=999;function f1(){ alert(n);}f1(); // 999但是，在函数外部自然无法读取函数内的局部变量。function f1(){ var n=999;}alert(n); // error这里有一个地方需要注意，函数内部声明变量的时候，一定要使用var命令。如果不用的
2021-09-09 14:32:26
561
原创 原型和原型链 最全解！
JS是一门面向对象的编程语言，JS 中的面向对象，围绕原型和原型链知识展开。原型是 JavaScript 面向对象系统实现的根基。 javascript中创建对象不是基于‘类的’，而是通过构造函数和原型链实现的。JS是基于原型链继承的。在ES6中引入了Class（类）这个概念，作为对象的模板。通过class关键字，可以定义类。ES6 中引入的 JavaScript 类实质上是 JavaScript 现有的基于原型的继承的语法糖。1.构造函数function Student(name,number)
2021-09-09 10:43:05
102
原创 异步、同步以及异步的各种解决方法 最全解！
1. 异步和同步JavaScript是单线程语言，所谓"单线程"，就是指一次只能完成一件任务。遇到等待（网络请求、定时任务）会卡住，所以需要异步模式。同步和异步的区别：同步模式：后一个任务等待前一个任务结束，然后再执行，如果遇到等待会阻塞代码的执行；异步模式： 后一个任务不等待前一个任务结束就可以执行，不会阻塞代码的执行。异步通过callback形式调用。具体来说，异步运行机制如下：（1）所有同步任务都在主线程上排队依次执行，形成一个执行栈。（2）主线程之外，还存在一个"任务队列"（task
2021-09-09 10:29:24
3805
原创 Node.js中的事件循环机制 最全解！
Node的事件循环机制浏览器的 Event-Loop 由各个浏览器自己实现；而 Node 的 Event-Loop 由 libuv 来实现。libuv 主导循环机制共有六个循环阶段，重点是以下三个阶段：timers（计时器阶段）： 初次进入事件循环，会从计时器阶段开始。此阶段会判断是否存在过期的计时器回调（包含 setTimeout 和 setInterval），如果存在则会执行所有过期的计时器回调，执行完毕后，如果回调中触发了相应的微任务，会接着执行所有微任务。timers 阶段的setTime
2021-09-09 10:20:32
723
原创 BFC 最全解！
概念BFC，规定了内部的块级盒子模型如何布局。BFC是一个作用范围，可以理解为一个独立的容器，即这个容器的作用范围和外界是毫不相关的。所有同级或者嵌套的盒元素，他们属于一个bfc。常见的创建BFC的方法float属性不为none；position不为static或者relative；display为inline-block, table-cell, table-caption, flex, inline-flex；overflow不为visible。BFC布局规则BFC是一个独立容器，
2021-09-09 09:37:47
139
原创 this 最全解！（绑定规则及优先级）
this的绑定规则有：默认绑定隐式绑定显式绑定new绑定用一句话总结this的指向规则：this的指向，是在执行函数时根据执行上下文所动态决定的。（调用函数会创建新的属于函数自身的上下文，执行上下文的调用创建阶段会决定this的指向。）一般来说，this 绑定的优先级： new > 显示绑定 > 隐式绑定 > 默认绑定。1.默认绑定var a = 'global'function fn1() { console.log(this) } fn1();
2021-09-09 09:15:49
458
原创 ES6 知识点最全解！
1. 模板字符串var name = 'xiuyan' var career = 'coder' var hobby = ['coding', 'writing']var finalString = `my name is ${name}, I work as a ${career} I love ${hobby[0]} and ${hobby[1]}`2. var 和let const的区别var和let定义的是变量，可修改；const定义的是常量，不可修改；let和const有块级
2021-09-08 17:28:24
94
原创 js手撕轮播图！(最简单版面试用)
1.html页面展示区为wrap，里面第一部分是大图，第二部分是索引点，第三部分是向前向后按钮。<div class="wrap"> <ul class="list"> <li class="item active"><img src="./images/images/1.jpg"></li> <li class="item"><img src="./images/images/2.jp
2021-09-08 17:01:51
221
原创 跨域以及解决跨域的方式 最全解！
跨域浏览器的同源策略： 请求资源时，浏览器要求当前网页和请求资源的server必须同源。同源： 协议、域名、端口三者必须一致。处理跨域的方法：1. jsonpjsonp的原理：利用script标签不受跨域限制和服务器端配合动态拼接字符串返回来实现跨域。浏览器脚本动态创建script标签，并且给script的src属性加入了callback参数，浏览器端还要定义callback，callback内是读取数据的逻辑。（借助script来发送跨域请求，请求结束后script会被自动删除。）服务器端
2021-09-08 16:55:43
415
原创 Promise最全解！
一. Promise特性类问题1.说说你理解的Promise（1）代理对象： Promise 对象是一个代理对象。Promise对象接受传入的 executor（执行器）作为入参，将异步任务的成功和失败分别绑定到对应的处理方法上去。（2）Promise对象的两个特点：**三个状态：**一个 Promise 实例有三种状态：• pending 状态，表示进行中。这是 Promise 实例创建后的一个初始态；• fulfilled 状态，表示异步任务成功完成。这是在执行器中调用 resolve 后，
2021-09-08 16:41:49
211
原创 vuecli脚手架学习（一）
一、脚手架安装和文件结构1.VueCLI的安装和文件目录安装脚手架之前，首先安装node.js。脚手架安装指令：npm install -g @vue/cli脚手架文件结构：├── node_modules ├── public │ ├── favicon.ico: 页签图标 │ └── index.html: 主页面 ├── src │ ├── assets: 存放静态资源 │ │ └── logo.png │ │── component: 存放组件
2021-07-27 22:54:36
156
原创 Ajax&axios、fetch与跨域请求
Ajax一、初始Ajax1.Ajax是什么Ajax是Asychronous Javascript and XML（异步JavaScript的XML）的缩写。Ajax中的异步：可以异步的向服务器发送请求，在等待响应的过程中，不会阻塞当前页面，浏览器可以做自己的事情，知道成功获取响应后，浏览器才开始处理响应数据。XML（可扩展标记语言）：是前后端数据通信时传输数据的一种格式；XML现在已经不怎么用了，现在比较常用的是JSON。Ajax其实就是浏览器与服务器之间的一种异步通信方式；使用Ajax可以在不
2021-07-13 21:21:10
524
原创 本地存储基础
一、初始Cookie1.Cookie是什么Cookie全程HTTP Cookie，是浏览器存储数据的一种方式；因为存储在用户本地，而不是存储在服务器上，所以是本地存储；一般会随着浏览器每次请求发送到服务器端。2.Cookie有什么用利用Cookie跟踪统计用户访问该网站的习惯，比如什么时间访问，访问了哪些页面，在每个页面停留的时间等等。3.在浏览器中操作Cookie在访问的页面中按下F12进入控制台，点击Application，进入Cookie。注：不要在Cookie中保存密码等敏感信息。4
2021-07-07 14:08:24
173
原创 前端数据交互与HTTP协议
一、初识前后端通信1.前后端通信是什么前端和后端数据交互的过程==浏览器和服务器之间数据交互的过程2.后端向前端发送数据访问页面3.前端向后端发送数据用户注册页面二、前后端通信的过程与概念解释1.前后端通信的过程前后端通信是在“请求-响应”中完成的。2.概念解释（1）前端：就是浏览器端；（2）客户端：只要能和服务器通信的就叫客户端；例：（命令行工具： curl https:www.imooc.com）（3）后端：就是服务器端；三、前后端的通信方式1.使用浏览器访问网页在浏览
2021-07-05 22:06:55
373
原创 webpack的基本使用
webpack的基本使用一、webpack的功能webpack 是一个用于现代 JavaScript 应用程序的 静态模块打包工具。当 webpack 处理应用程序时，它会在内部构建一个依赖图(dependency graph)，此依赖图对应映射到项目所需的每个模块，并生成一个或多个 bundle二、使用webpack的流程（1）初始化项目，生成package.json文件；npm init（2）安装webpack需要的包（webpack-cli和webpack）；npm install -
2021-07-04 20:40:56
71
原创 babel的基本使用方法
babel编译器1.babel的功能2.babel的使用特点（1）babel本身可以编译ES6的大部分语法；（2）ES6 Module语法一般使用webpack来处理；（3）babel本身不能编译ES6新增的API，需要借助其他模块。3.babel的使用方式（1）查询babel官网的setup页面：babel官网的setuo页面；（2）一般在命令行工具（CLI）或者webpack中使用babel。4.使用babel的流程（1）安装node.js（携带安装npm），node.js官网：n
2021-07-04 17:13:27
1914
原创 学习vue笔记（5）
组件化开发一、父组件向子组件传递通信（props）在组件中，使用选项props来声明需要从父级接收到的数据。propos的值有两种：方式一：字符串数组：数组中的字符串就是传递时的名称；方式二：对象：对象可以设置传递时的类型，也可以设置默认值等。案例：简单的props传递：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title<
2021-05-27 22:45:29
195
原创 学习vue笔记（4）
组件化开发一、组件化的基本使用注册组件的三步骤：1、创建组件构造器：调用Vue.extend()创建一个组件构造器，使用template代表自定义模板const cpnC = Vue.extend({ template:`<div> <h2>组件标题</h2> <p>组件内容</p> </div>`})2、注册组件：调用Vue.compon
2021-05-19 21:55:45
251
原创 学习vue笔记（3）
v-model的使用作用：vue中使用v-model指令来实现表单元素和数据的双向绑定。实际效果：通过v-model实现了双向的绑定，插入到DOM中，所以DOM会发生相应的改变。原理：v-model是一个语法糖，本质上其实是两个操作：1.v-bind绑定一个value属性；2.v-on指令给当前元素绑定input事件。<input type="text" v-model="message">等同于<input type="text" v-bind:value="mes
2021-05-18 22:18:36
576
3
原创 学习vue笔记（2）
一、书籍购物车案例效果图：1.最初显示界面最初时购买数量为0，总价格为0。2.增加购买数量购买数量增加，价位相对增加。3.点击移除按钮点击移除按钮，删除相对应的书籍，当表格中所有书籍删除完之后，显示购物车为空。源代码1.index.html文件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title&g
2021-05-18 21:21:26
91
原创 学习vue笔记（1）
事件监听1.v-on的基本使用首先使用v-on语法编写了一个小型的计数器：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"> <h2>{{counter}}</h2><!--
2021-05-05 23:26:40
87
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人