- 博客(16)
- 收藏
- 关注
RSS订阅原创 三种暴露和其引入方式
分别暴露：export const a = 10export const getData = () => { }// 对外暴露的实质是 {a,getData}引入// 按需引入【逐个引入】import {a,getData} from './test'// 全部引入【统一引入】import * as Dome from './test'引入并暴露export {a,getData} from './test' 【暴露的为多个单个数据，模块化不合适】export * as
2022-04-06 13:22:52
329
原创 vue箭头函数、普通函数、匿名函数的this区别
箭头函数和普通函数的this区别如下。普通函数：调用时被决定。根据调用我的人（谁调用我，我的this就指向谁），this对象是在运行时基于函数的执行环境绑定的：在全局函数中，this指向的是window；当函数被作为某个对象的方法调用时，this就等于那个对象箭头函数：定义时被决定。根据所在的环境（我在哪个环境中，this就指向谁匿名函数：匿名函数的执行环境是全局性的。匿名函数中this指向window...
2022-03-26 18:13:43
1064
原创 关于javascript中用table时的相关注意事项
在浏览器中用table运行后浏览器会自动给table内部加一个子标签叫做tbody如图这个tbody会自动将之前的<tr>标签全部囊括在内如果是后天向table中添加的<tr>标签则会被挡tbody外面如图只有指定的向tbody中加入<tr>标签它才会接纳var tbody=document.getElementsByTagName("tbody")[0];tbody.appendChild(hang);这也是为什么很多新手..
2022-03-13 14:19:57
1435
原创 关于对dom节点相关的基础操作
创建节点<div id="father"> <h1>标题一</h1> <p id="p1">p1</p> <p class="p2">p2</p></div>var h1=document.getElementsByTagName("h1");//通过标签名称创建节点var p1=document.getElementById('p1');//通过标签id创建节点var fath
2022-03-07 16:23:38
118
原创 关于js中的对象的几个基础的点
对象创建var 对象名={属性名：属性值，属性名：属性值，。。。。。。}对象赋值对象名.属性名=属性值；（当你使用不存在的对象属性时不会报错！ 会出现undefined）属性删减deletedelete 对象名.属性名属性增加直接给新的属性添加值就行对象名.属性名=属性值；判断属性值是否在该对象（person）中let person={ name:"wxc", age:21, score:90 }in 还能...
2022-03-05 13:24:48
43
原创 js数组常用操作函数
1.slice ：截取Array的一部分，返回一个新数组let arr=[1,2,3,4,5,6];console.log(arr.slice(0,3));2.push和poppush：将制定元素压入数组尾部let ee=[1,2,3,4,5,6];ee.push('wxc','zyx');console.log(ee);pop：弹出尾部的一个元素3.shift和unshiftunshift：将指定元素压入数组头部s...
2022-03-05 11:00:03
285
原创 js数据类型
数字型123（整数）123.1（浮点数）1.123e3（科学计算法）-99（负数）NAN (非数字)Infinty（表示无限大数）字符串‘abc’布尔值true，false逻辑运算&& 与|| 或！非比较运算符= 等于== 等于（类型不一样，值一样，也会判断ture）=== 绝对等于（类型和值都一样，才会判断ture）提醒：NAN和所有的数值都不相等，包括自己isNAN()用于判断是否为NAN数组
2022-03-04 13:59:04
129
原创 父级边框塌陷问题
1.增加父级元素~#father{border:1px #000 soild;height:800px}2.增加一个空的div标签，清除浮动<div class="clear"></div>.clear{clear:both;margin:0;padding:0;}3.使用overflow...
2022-03-02 15:08:09
59
原创 关于border-radius 整圆，半圆，四分之一圆的实现
整圆：要求初始div或者其他什么的模块长宽一致width: 100px;height:100px;border: 10px solid red;然后四个角的border-radius都等于正方形宽度一半（如果你的边框有距离那么要算上边框宽度如上述例子中）border-radius:60px;最终效果半圆：要求初始div或者其他什么的模块长宽或宽长要1:2width: 100px;height:50px;border: 10px solid red;然后选
2022-03-01 11:54:11
599
原创 关于自己对nth-of-type的理解 ^-^
/*意思是选中所有form中从上到下第一个form的所有input的边框样式*/form:nth-of-type(1) input{ border: 3px solid #C850C0;}
2022-02-28 20:11:02
155
原创 盒子模型理解
盒子模型概念是css中非常重要的一个指示模块positon：盒子的位置即坐标（x，y）margin：盒子边框与外部各方向的距离即外边距border：边框本身padding：盒子边框与内部元素的距离即内边距
2022-02-28 19:32:22
51
原创 文本阴影和超链接伪类
<style> a{ /*定义文本下划线情况*/ text-decoration: none; color: #222222; } a:hover{ /*定义鼠标悬浮情况*/ color: #b3d4fc; font-size: 50px; } a:active{ /*定义鼠标按住未释放状态*/ color: #5dff3e; } a:visited{ color: red; } #a.
2022-02-28 11:58:46
40
原创 属性选择器
<style> .demo a{ float: left; display: block; height: 50px; width: 50px; border-radius:10px;/*边框圆角化*/ background: #ffbaad; text-align: center; text-decoration: none; margin-right: 5px; font: bold 20px/50px A.
2022-02-27 14:34:26
42
原创 层次选择器
/*后代选择器 改变body中所有的p*//*body p{*//* background: red;*//*}*//*子选择器 改变body中只与相差一级的p（一代p） *//*body>p{*//* background: green;*//*}*//*相邻兄弟选择器 改变相邻且向下的p（只改变一个p）*//*.active + p{*//* background: red;*//*}*//*通用选择器 改变从自己开始向下的所有的p（不改变自己）*/.
2022-02-27 13:26:01
46
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人