- 博客(20)
- 资源 (5)
- 收藏
- 关注
RSS订阅原创 margin-block-start
MDN :CSS属性定义了一个元素的逻辑块的开始边距, 是用来根据元素的书写模式（writing-mode），方向(direction)和文本方向(text-orientation)进行实际边界的衡量。By default, you will have the following mapping:margin-block-start = margin-topmargin-block-end = margin-bottommargin-inline-start = margin-left...
2021-09-17 17:09:59
1561
原创 常用树的算法
//-------------------------------------------树的遍历------------------------------------------------- /**深度遍历之 先序遍历：根左右 * 深度遍历之 中序遍历： * 深度遍历之 后序遍历：左右根 */ //二叉树先序遍历 递归法 let resultArr = ...
2021-05-07 09:43:14
290
原创 广度与深度遍历
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <div id="d1">.
2021-03-09 23:13:38
107
原创 正则例子
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>RegExp</title></head><body> <script> rsingleTag = /^<(\w+)\s*\/?>(?:<\/\1>|)$/ //<p></p> &.
2021-03-09 21:50:34
60
原创 拖拽移动与点击事件同时存在
拖拽移动与点击事件同时存在<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script type="text/javascri.
2021-03-09 21:39:46
1106
原创 基础知识点
一.img标签图片<img src="cool.jpg" alt="">1.无论怎样，加上alt属性，即使为空。如下图，图片加载失败，没有alt时会占用图片空间，导致留处很大空白，有alt时不会占用空间，还会显示alt里面的值2.给图片设置宽高属性...
2020-06-18 10:59:05
89
原创 ES6的一些总结
1.扩展运算符背后调用的是遍历器接口（Symbol.iterator）,如果一个对象没有部署该接口，就无法转换2.generator函数function* genera(){ yield 1; yield 2; return;}关系let genObj = genera()genObj === genObj[Symbol.iterator]调用generator函数，会返回一个遍历器对象（暂将其命名为genObj）。调用该对象上的next（）方法，程序就一直往
2020-06-08 17:16:36
118
原创 滚动条的样式
滚动条整体样式::-webkit-scrollbar{ /* 纵向滚动条的宽 */ width: 8px; /* 横向滚动条的高 */ height:8px; border: 2px solid red; background-color: #181c32; }滚动条可拖动部分滑...
2020-05-20 09:27:31
959
原创 vue2项目实战笔记
vue（MVVM框架，简单易学小巧，指令以v-开头）angular（上手难，指令以ng-开头）共同点：不兼容低版本IE1、vue的基本使用格式 new Vue（{ el:'#app', data:{ a:1, b:'sfx' }, computed:{ 未有变量(){//默认的get ............
2020-04-12 15:11:47
226
1
原创 BOM
window对象窗口位置 //1.浏览器窗口相对于电脑屏幕左边和上面的位置 var leftPos = (typeof window.screenLeft == "number") ? window.screenLeft : window.screenX; var topPos = (typeof window.screenTop == "numb...
2020-03-20 17:11:08
91
原创 前端杂乱的知识点总结
1. 不要让浏览器记住密码（浏览器根据type='password'来记住的） 所以我们的密码框就不要使用type='password'，自己去实现*******的 展示2.input框并没有事件来区分用户是在输入还是在删除。解决办法是--可以监听input事件实时保存输入字数，根据字数去判断用户是在输入还在在删除（实现知识点1会用到）...
2019-12-31 11:11:34
224
原创 css之滚动阴影
思路：用线性渐变和径向渐变制作两张背景图，要求1.径向渐变的图不论元素怎么滚动，始终保持在顶部，作为阴影的显示，像下图这样。关键css background: radial-gradient(at top, rgba(0, 0, 0, .6), transparent 70%); background-repeat: no-repeat; back...
2019-12-24 15:49:49
917
原创 总结echarts
坑的总结：1. 写了tooltip, 悬停时老是不出来解决：因为我项目需求中不需要显示x轴，所有没有在xaxis对象中没有添加data属性，加上这个data属性就可以了2.tooltip出了容器，导致遮盖的问题解决：tooltip对象中，可设置confine 属性 或者 position属性...
2019-11-27 19:17:00
84
原创 今日样式问题
1、Google 浏览器登录页自动填充用户名和密码有黄色的背景颜色-----如何去除（引发问题见2、）首先变黄原因：chrome会默认给自动填充的input表单加上input:-internal-autofill-selected私有属性，然后对其赋予以下样式：input:internal-autofill-selected{background-color:#FAFFBD !im...
2019-04-17 16:08:25
655
原创 iView element-ui的使用
iviewiview中的Modal弹框1、默认的取消和确认按钮会在点击之后自动关闭弹窗，(当表单写在弹框，点击确认验证不通过时，就不能关闭弹框 )解决方法：可以利用里面的footer插槽自己写取消和保存按钮2、关于表单验证，在取消和保存之后记得清除验证规则, 有正则验证时，不要加上type=number，默认是string类型，就不用加任何type了3、select 默认选中一个...
2019-03-21 08:55:09
698
原创 负margin总结
为元素设置的margin值为负时，会根据元素不同的特性表现出不同的效果：到底有哪些情况呢？有以下四种1、正常流中的元素，就是没设置浮动，没设置定位的元素或说position为static的（posotion:static是默认的样式）元素设置的margin为负值时： 1、margin-top/margin-left为负，元素会移动，怎样移动呢？很显然，分别向上和...
2019-01-10 19:08:33
401
原创 js继承的学习记录
目录原型链的继承借用构造函数继承组合继承原型式继承寄生式继承寄生组合式继承原型链的继承 function SuperType(){ this.property = true; } SuperType.prototype.getSuperValue = function(){ return this.property; }; ...
2018-11-07 10:47:28
91
原创 清楚浮动的几种方法
1、在浮动元素后面加一个空div标签，添加clear : both;.div1{background:yellow;} .div2{background:#800080;width:400px;height:100px;} .left{float:left;width:20%;height:200px;background:#DDD} .right{float:right;width:...
2018-10-15 21:02:51
198
原创 JS控制div的属性
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>控制div属性</title> <script src="https://cdn.bootcss.com/jquery/3.3.1/
2018-09-27 11:40:23
1041
原创 sort( )
1、在不传入参数的情况下，默认sort排序方法（字典排序），sort() 方法会调用每个数组项的toString（）方法，然后比较得到的字符串2、可以传入比较函数，比较函数接收两个参数，如果第一个参数比第二个参数大，即a-b>0,就交换顺序，即升序排列 function compare（a , b）{ return a-b;//升序 }...
2018-09-22 16:12:25
133
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人