- 博客(35)
- 收藏
- 关注
RSS订阅原创 【新知实验室】TRTC
腾讯云实时音视频 TRTC 帮助开发者快速搭建低成本、低延时、高品质的音视频互动解决方案。实时音视频（TRTC） 是腾讯云提供的一套低延时、高质量的音视频通讯服务，致力于为腾讯云客户提供稳定、可靠和低成本的音视频传输能力。您可以使用该服务快速构建“视频通话”、“在线教育”、“直播连麦”、“在线会议”等对通信延时要求比较苛刻的音视频应用。
2022-11-27 13:31:38
381
原创 什么是Vue.js
vue是一套用于构建用户界面的渐进式框架，使用Vue，可以完全载浏览器渲染页面，服务端只提供数据，可以非常方便的构建单方面应用。
2022-06-30 10:42:04
321
原创 Node.js中的path模块
Node.js中的path模块，path 模块提供了用于处理文件和目录的路径的实用工具，以 E:\foo\bar\index.js 文件为例介绍Path的常用API首先引入Path模块
2022-06-27 19:53:03
838
原创 初步认识Node.js
所有的方法都有同步和异步的形式，node里关于文档的操作方法基本都给两份，既同步与异步，使用前导入核心模块fs：const fs = require("fs");
2022-06-21 20:24:50
65
原创 ES6中的“回调地狱”以及克星Promise
js是单线程的语言，所有很多操作都是异步操作，而异步操作多由回调函数完成，这里边就会引出一个现象“回调地狱”即回调函数中由回调函数，这种现象会导致代码的可读性，为了解决这个问题我们选择使用Promise...
2022-06-15 20:35:28
187
1原创 cookie存储
1.cookie的构成名称 一个唯一确定cookie的名称 值 储存在cookie中的字符串值 域 cookie对于哪个域是有效的 路径 指定域中的指定路径 失效时间 cookie合适应该被删除的时间戳 安全标志 指定后，cookie只有在使用SSL连接时才发送到服务器（设置secure标志） 2. cookie的限制：绑定在特定域名下，无法跨域；浏览器对cookie数量的限制规定不同（例如FF规定每个域名最多50个，而Safari和Chr
2022-05-26 18:53:00
1253
原创 事件类型2（DOM事件绑定、以及滚轮事件）
1.UI事件（不一定与用户操作有关的事件）（1）.load当页面完全加载后在window上触发，图片也可以触发load事件；（2）.resize当窗口大小变化时window上触发（除火狐外其他浏览器窗口变化1像素时就触发事件，而火狐是在用户停止调整窗口大小时才会触发。不建议在此时中加入大计算量代码。因为可能频繁执行，导致浏览器速度便面。另外窗口最大最小也会触发事件）（3）.scroll当用户滚动带滚动条元素中的内容时，在该元素上面触发...
2022-05-25 17:49:02
460
原创 用定时器来实现键盘中的事件
1.在实现键盘事件的时候要使用keyCode来确定我们按键值；在以下案例中要实现小方块的移动小方块的样式实现： <style> *{ margin: 0; padding: 0; list-style: none; } #ok{ width: 100px; height: 100px; bac..
2022-05-21 13:41:25
252
原创 BOM中的事件
1.UI事件：（1）. load当页面完全加载后在window上触发图片也可以触发load事件（2）.resize 当窗口大小变化时在window上触发（3）.scroll当用户滚动带滚动条的元素中的内容时，在该元素上面触发2.鼠标事件： 事件类型：onclick 单击 ondbclick 双击 oncontextmenu 右键菜单 onmouseover 移入 onmouseout 移出 onmouseenter 移入 .
2022-05-20 14:41:42
300
原创 BOM一系列相关与浏览器的信息
1.window相关内容（1）. 窗口位置：screenLeft 返回浏览器窗口左上角相对当前当前屏幕左上角的水平距离，不兼容FF浏览器 screenTop 返回浏览器窗口左上角相对于当前屏幕左上角的垂直距离，不兼容FF浏览器 screenX 功能同screenLeft，兼容FF screenY 功能同screenTop, 兼容FF （2）.窗口大小innerWidth 返回网页在当前窗口中可见部分的宽度，包括滚动条宽度 innerHeigh
2022-05-20 14:21:33
127
原创 HTML使用DOM以及JavaScript实现雪花飘落效果(那年杏花微雨，你说你是“果子狸”)
雪花飘落其原理是使用定位，来对产生的雪花进行距离上下边距大小的调整来完成的；雪花的大小1.首先创建div并实现其样式：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" cont..
2022-05-18 10:47:31
765
原创 DOM的增删改查操作的基本内容
1. 增：（1）.新建： createElement(标签名）创建元素节点 setAttribute(name,value) 直接设置属性 cloneNode(true、false) true表示包含子节点；false表示不包含 (2). 插入： 拼接节点：appendChild(); 插入节点：insertBefore(new,old)2.删removeChild(); 删除子节点；removeAttribute...
2022-05-15 08:57:57
556
原创 常见面试题：反转字符串
1.反转字符串： 先理清思路： 首先我们要清楚要对什么进行操作，操作的对象是谁，在这里我们要对数组进行操作，所以，第一步： （1）. 将字符串转为数组：用split()方法将字符串转为数组； （2） . 对数组进行反转操作， 用reverse()方法； （3）. 最后再将数组转化为我们想要的字符串，用join()方法；代码如下：<!DOCTYPE html><html lang="en"><h...
2022-05-08 16:38:29
284
原创 HTML中的函数
目录1.函数的定义：2.函数的作用：3.函数的地位：4.函数的定义：6.函数的参数7.作用域：1.函数的定义： 函数实际上就是可以作为一个逻辑单元对待的代码块2.函数的作用： 使代码更加简洁，提高重用性；3.函数的地位： 每一个项目的代码，大约由95%都在函数内。4.函数的定义：function 函数名(){}注意：在同一个页面，函数名必须唯一，参数部分选填，参数用逗号隔开，最多可添加255个参数没有return函数只代表一些...
2022-05-08 16:24:32
2948
原创 HTML、JavaScript时钟的代码实现
<!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&g...
2022-05-08 09:05:53
187
原创 js中的数组
目录1.数组的作用：2.数组的概述：3.访问修改元素5.Math对象的一些方法:1.数组的作用：对大量数据进行存储，按顺序排列一组值，每个值的位置都有编号，从0开始。2.数组的概述：（1）：数组的创建：在JS中，数组使用Array对象表示。（2）：表示的三种方式：1. var arr1 = new Array(); arri = [el1,el2,el3...] 元素个数不确定，用户可以赋值时任意定义。2. var arr2 = new Array[[si
2022-05-05 19:29:50
49
原创 js中的运算符、条件判断（if与switch的区别）以及标签属性
1. js中的运算符：== 等于 === 恒等于 ！=或<> 不等于 !== 恒不等于 > 大于 < 小于 >= 大于等于 <= 小于等于 三目运算符、三元运算符 ？ ： 逻辑运算符 &&逻辑与 ||逻辑或 ！ 逻辑非 字符串连接 使用 + 号 2.在js中包括if条件循环语句和switch循环语句，两者的区别：...
2022-05-04 21:18:15
444
原创 初学JavaScript的代码规范
1.1. JS中的一切区分大小写，其中包括变量名、函数名、操作符；1.2.（1）. 首字符必须是字母、下划线或符号$；（2）. 其他字符可以是字母、下划线、符号￥或数字（3）. 建议使用驼峰命名法 eg. testFunction1.3. 注释（1）.注释分为单行注释与块注释（2）.块注释：/*代码*/（3）.单行注释：//1.4严格书写格式：ECMAScript 5 引入了“严格模式” ，写代码时加入”user strict"，会自动检测自己写的代码的格式是否规
2022-05-04 09:05:56
598
原创 css3动画功能与是实现
<!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"> <ti...
2022-04-28 21:36:04
60
原创 弹性盒模型以及弹性布局
1.声明要使用弹性盒模型： diaplay:flex/display:inline-flex 使用弹性盒模型属性属性 位置 作用 取值 flex-direction 写在父级css中，但是作用于子级 检索子级在盒子中的位置，说白了就是子级的排列顺序 row 横向，左到右 row-reverse 反横向，右到左 column 纵向， 从上到下 row-column 反纵向，从上到下 flex-warp 写...
2022-04-28 21:30:58
135
原创 HTML5的一些新标签
1.HTML5的新的块标签：<nav></nav> 导航栏 <header></header> 头部 <footer></footer>底部 <aside></aside>旁边栏 <section></section>内容 <main></main>主要区域 <article></article>文章 <details
2022-04-25 20:52:36
1944
原创 静态、相对、绝对以及固定定位的用法、特点以及作用
1. 四种定位的特性：定位 参考物 特点 static 默认 默认 相对定位relative 定位前的位置 1.不影响元素本身特性 2.元素不脱离文档流 3.相对于原位置进行偏移 绝对定位 absolute 最近的使用了定位的父级，如果没有找body 1.元素脱离文档流 2.行元素支持所有css样式 3.块元素内容撑开高度 4.清楚子级浮动 固定
2022-04-24 19:45:12
603
原创 表单的一些样式以及属性
1.form表单元素的type类型：text 文本框 password 密码（显示密文） radio 单选 checkbox 复选 button 按钮 submit 提交 reset 重置 file 文件 hidden 隐藏 注：在使用submit按钮时，点击它会将表单新题提交到指定的位置，而button不能实现这一功能2.（1）.下拉选择框：select/option（2）.文本域：t..
2022-04-22 19:21:55
582
原创 表格的一些常用样式以及属性
1.表格的属性：名称 属性（display） table table tr table-row th table-cell td table-cell 2.表格的一些常用样式：（1）. 单元格间隙合并<style> table{ border-collapse: collapse; }</style>（2）.重置单元格默认填充<style> td,
2022-04-22 18:59:33
1702
原创 图文组合案例以及实现居中
目录1.实现居中2.图文案例（1）.实现对块标签的居中使用margin: （2）. 实现对img的水平居中以及上下居中：1.实现居中1.line-height = height 文本垂直居中 使行元素居中：2.test-align: center :写在父级，子级内容的行元素，行块元素，文本内容水平居中 使块元素居中：margin: 0 auto; 写在块元素，相对于父级水平居中 img标签会默认下方会产生间隔，当改成块元素时间隔消失 display: ...
2022-04-15 11:09:16
100
原创 了解浮动以及怎样消除浮动
1.浮动（1）.浮动的定义：元素脱离文档流，按照指定方向发生移动，遇到父级边界换行（2）.浮动的取值：none 不浮动 left 左浮动 right 右浮动 inherit 继承父级 （3）. 作用：解决水平布局问题（4）.特性：所有标签同排列显示； 行标签支持所有css样式； 默认内容撑开宽高； 元素脱离文档流；（5...
2022-04-15 09:07:14
180
原创 css基础——常见样式以及行标签、行块标签、行块标签的特点
目录1.css的常见样式（1）. 背景样式（2）. 文本的有关样式内容：（2）. 常用选择器：2.行块标签的特点：3. 块标签特点： 4. 行标签/内联标签： 1.css的常见样式（1）. 背景样式 1）.背景的颜色：background-color； 2）.背景图的设置：background-image；...
2022-04-13 20:00:16
856
原创 初相识——HTML5 盒模型
目录1.关于什么是盒模型2.每个盒模型的基本组成：3.内边距的注意事项：4.边框（border）的主要实现属性： （1）一些线的实现 5.外边距（margin）的主要实现属性： （1）.叠压现象 （2）.塌陷问题 ...
2022-04-12 20:43:25
795
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人