- 博客(42)
- 收藏
- 关注
RSS订阅原创 TS简介
TypeScript，简称为TS，是JS的超级；Vue3.0就是使用TS开发出来的，并且推荐开发者使用TS进行开发；TS是可以直接运行的（比如使用ts-node），最终编译为纯的JS运行在任意的平台之上，是开源的；始于JavaScript，归于JavaScript！
2022-10-31 11:42:38
11325
原创 全栈day01
ipconfig;查看本地网络配置cls;清屏cd+需要切换的路径（如果不是一个盘，则需要在路径前需要加上对应盘的名）通过（node 文件名）访问。
2022-08-29 20:21:18
188
原创 CSS实现垂直居中的6种办法
父子元素都不确定宽高的情况也适用。如果子元素的宽高确定的话，translate中的值也可以设置为子元素宽高的一半，即transformtranslate(-100px,-100px);这种方式适合子元素宽高确定的情况，给margin-top设置百分比的大小将不生效，即margin-top-50%;这种方式需要父元素的宽高都是确定的，才能保证子元素在父元素中垂直水平都居中。这种方式要求父元素的高度是确定的，百分比形式的高度将不能生效。这种方式适用于父元素高度确定的情况。父子元素宽高都未知时也适用。...
2022-07-18 09:34:07
9267
2
原创 DOM
2.元素特性节点（attribute）；对应网页中HTML标签的属性，它只存在于元素的attributes属性中，并不是DOM文档树的一部分。特性节点的节点类型nodeType值是2，节点名称nodeName值是属性名，nodeValue值是属性值3.文本节点（text）；代表网页中的HTML标签内容。文本节点的节点类型nodeType值是3，节点名称nodeName值是'#text'，nodeValue值是标签内容值4.CDATA节点；CDATASection类型只针对基于XML的文档
2022-07-14 16:54:03
160
原创 对象----数组
2.初始化定义注意：1.属性的定义用:（英文冒号）2.对象的属性和方法之间用,（英文逗号）隔开，最后一个不加3.构造函数式 4.原型式5.混合式由于构造方法式中创建对象时添加属性很容易，但是创建方法要在构造方法内部容易导致方法混乱；原型式创建对象时添加属性比较麻烦，创建方法相对容易。所以结合两者的优点就有了混合式。...
2022-07-13 16:55:02
220
原创 Map---Set
没有创建的语法糖取数据存数据购物车现在没有页面设计 可以用打印代替后端取出来的额数据 要先解析然后保存到前端的某个数据容器中运行结果；Set 是唯一值的集合。每个值在 Set 中只能出现一次。一个 Set 可以容纳任何数据类型的任何值创建 Set 并添加文字值：将 Array 传递给 构造函数：并集交集...
2022-07-13 16:39:57
193
原创 数组对象的方法
Array.concat( ) 连接数组 Array.join( ) 将数组元素连接起来以构建一个字符串 Array.length 数组的大小 Array.pop( ) 删除并返回数组的最后一个元素 Array.push( ) 给数组添加元素 Array.reverse( ) 颠倒数组中元素的顺序 Array.shift( ) 将元素移出数组 Array.slice( ) 返回数组的一部分 Array.sort( ) 对数组元素进行排序 Array.splice( ) 插入、删除或替换数组的元素 Array
2022-07-13 15:58:05
81
原创 class类
1.声明类class Example { constructor(a) { this.a = a; }}2.匿名类let Example = class { constructor(a) { this.a = a; }}class People { //a = 10; //SyntaxError: Unexpected token = constructor() { this.a = 100;
2022-07-12 23:20:53
84
原创 模块化
js代码有3种方式把js脚本写在页面中 1.行内式:js引擎要去执行的标签的某些(事件)属性中 2.嵌入式 3.导入 src的地址是一个js的路径 会加载js编码(jsonp)a.可维护性灵活架构，焦点分离方便模块间组合、分解方便单个模块功能调试、升级多人协作互不干扰b . 可测试性可分单元测试性能损耗1、系统分层，调用链会很长2、模块间发送消息会很耗性能 //按需引入 按需导入 ...
2022-07-12 20:19:10
161
原创 解构赋值
变量修饰符 数据模型=数据源 。解构；按照数据模型取出数据源中的数据。 赋值；然后赋值给模型变量解构的源；解构赋值表达式的右边部分。解构的目标，解构赋值表达式的左边部分。 // let obj={a:100,b:"hello",c:[10,203,0]} // let {a,b,c}=obj /*****/隐式操作: let a=obj.a; let b=obj.b; let c=obj.c // console.lo
2022-07-12 17:14:14
110
原创 H5 day14-01
一 . 二倍图 一张图片 自己的宽高（尺寸） 不会对图片原本的值进行缩放 移动端 图片本身的像素50px 50px 移动手机上 独立设备的像素375px 分辨率750px 1px 代表 2px 图片的一个像素 被放大到了两个像素 导致图片模糊 视网膜技术会高清 高清设备 二倍图 本身是100px 100px的图片 手动调整图片的...
2022-04-24 17:20:07
149
原创 H5 day13-03
弹性盒子 CSS3弹性盒子相对于普通盒子更为灵活性 容器项目 容器：设置了弹性盒子的这个盒子就叫容器 项目：容器的子元素就称为项目 怎么设置弹性盒子呢？display: flex; 主轴与交叉轴 主轴：我们规定水平或者垂直方向是主轴方向 默认是水平方向 --- 元素默认在主轴方向上排列 交叉轴：与主轴垂直...
2022-04-24 17:16:48
86
原创 H5 day13-02
解决inline-block元素的空隙 1. 写法形式直接写在一排 不好看2. margin外边距 不好控制 不同浏览器对于空袭大小不一样3. 将父元素的font-size设置为0 子元素重新设置font-size4. 设置浮动 (父元素有剩余空间 浮动的元素会彼此相邻)img图片之间也是有间隙一 动画轮播 <style> body { background-color: blue; ...
2022-04-24 17:12:45
77
原创 H5 day13-01
一 2D转换 <style> .fa { width: 500px; height: 400px; border: 2px solid darkslateblue; margin: 100px auto; } .sn { width: 150px; height: 150px;...
2022-04-24 17:10:24
274
原创 H5 day12-03
一叠放次序-同层级<!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-01 14:53:49
75
原创 H5 day12-02
一 清除浮动-同层级<!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-01 14:52:13
52
原创 H5 day12-01
一 边框三角形<!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-01 14:47:52
53
原创 H5 day11-02
六 外边距盒子水平居中<!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-01 14:44:17
83
原创 H5 day11
一 盒子高度 <style> div { background-color: red; font-size: 50px; } </style></head><body> <div>c默认文字</div>二 背景图片 <style> div { ...
2022-04-01 14:41:13
96
原创 H5 day10
一 凹凸文字<!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"> &l...
2022-04-01 14:37:49
88
原创 H5 day09-3
一CSS背景<style> div { margin-left: 100px; width: 500px; height: 400px; background-color: red; /* background-color: transparent; 背景颜色透明 */ /* 背景图片 */ ...
2022-03-28 12:47:34
87
原创 H5 day09-2
一 CSS层叠性/* CSS层叠性；是浏览器处理冲突的一个能力。如果一个css属性通过两个选择器设置到同一个元素上，那么这个时候一个属性就会将另一个属性层叠掉(覆盖掉) */ /* 谁覆盖谁，与CSS权重（优先级） 就近原则有关 先看权重(css书写权重 选择器)如果权重高则覆盖另外一个属性 权重一样就看就近原则(后来者居上) */ div { wi...
2022-03-28 12:41:08
348
原创 H5 day09－１
一 属性选择器 /* type password */ /* 选中页面上type属性值等于password的所有元素 */ /* [type="paassword"]{ background-color: red; } */ /* 选中页面上只要有name属性的所有元素 */ /* [name]{ background-color: red;...
2022-03-28 12:38:00
1173
原创 H5 day8
一复合选择器-交集选择器<!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-03-28 12:35:23
110
原创 H5 day07-3
<!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-03-25 21:49:44
73
原创 H5 day07-2
目标选择器<!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-03-25 21:49:09
83
原创 H5 day07-1
<!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-03-25 21:48:21
73
原创 H5 day06
一.基础选择器1.ID选择器/* div{}标签选择器 */ #box1{ width: 300px; height: 200px; background-color: red; } #box2{ width: 100px; height: 50px; background-color: aqua...
2022-03-24 21:57:56
171
原创 H5 day06
二.文本属性1.color<style> div { /* color: 指定文本的颜色; */ /* a 颜色的表示方法；颜色的英文单词*/ /* color: red; */ /* b 十六进制；取值0-f 0-9 a-f,一个颜色两位表示；一共六位 #00abcd 颜色值前面要加# */ /* color: #00abcd;两两相同...
2022-03-24 21:39:56
281
原创 H5 day06
1.字体属性<body> <style> div { font: size 100px; font-size: 1in; /* Chrome浏览器默认字体大小 */ /* px是一个相对长度单位 */ } header { /* 数字；100-900取值范围 由粗变细 100-300...
2022-03-24 21:34:50
102
原创 H5 day03 属性2
一progress<!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-03-22 14:09:11
46
原创 H5 day03 属性
一filedset<!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-03-22 14:06:55
60
原创 day03 H5新增的datalist
<!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-03-22 14:04:44
191
原创 day03 H5新增的结构标签
<!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"> <titl...
2022-03-22 14:01:26
70
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人