ninthwind-CSDN博客

原创 react Invalid DOM property `class`. Did you mean `className`

react报错：Invalid DOM property class. Did you mean className解决：修改项目中dom节点的class，改为className

2022-05-20 11:25:29 1036

原创阅读es6后对let，var和const区别小结

首先，以大分类来看，let，const区别于var，前者不存在变量声明提前，原因是暂时性死区。然而，暂时性死区是如何形成的，或者说为什么会形成暂时性死区？参考了一篇变量声明过程的文章，let，const在声明变量时，将声明和初始化值两个阶段结合在了一起，var则是分开的。而另一方面，let只能生效于所在代码块内。值得注意的是，如：if(true)｛let a=1｝这种语句，如果去掉大括号，就会报错值得一提的是，在这一部分内容中，有提到一个点，需要注意最好不要在一个方法内...

2020-08-15 23:43:05 84

原创关于解决table标签内单元格出现边框重叠问题

在写一个表格的时候，经常出现一个单元格内可能会需要图片和文本水平垂直居中对齐。而比较方便的设置就是直接display:flex走起。但这样一来会导致单元格出现边距重叠问题。如图所示代码如下:`table{ border: 1px solid red; border-collapse: collapse; width: 500px;height: 500px; }.fl{display: flex;justify-con

2020-08-10 15:49:52 2438

原创 css各种情况下水平垂直居中的解决方案

情况1 对多行文本的水平垂直居中第一种解决方案为：父元素设置{display:table-cell，vertical-align:middle，text-align:center}这里值得注意的是：子元素如果是个块级元素内含文本，要小心内部文本只会继承text-align属性。原因是vertical-align不具备继承性，text-align有继承性。综上：该方法子元素，为块级元素，仅仅生效vertical-align，即垂直居中。为display:inline，display:i

2020-07-29 15:17:08 156

原创 js对随机数常用到的取整方法

parseInt()对于正数和负数，都是去掉小数点部分，保留整数部分。math.round对于正数和负数，为四舍五入，与数值大小无关，仅对数值本身四舍五入。如-1.4，取了之后是-1.Math.floor对于正负数，以数值大小判断，即在数轴上判断。即使有小数，也往数值小的整数取。Math.ceil对于正负数，以数值大小判断，即在数轴上判断。只要带有小数，就往数值大的整数取。以上方法，对于0，返回0。对于undefined或null或空字符串或非纯数字的字符串等，返回NaN...

2020-07-26 19:35:41 1241

原创键盘控制div移动

js代码 <script type="text/javascript"> window.onload=function(){ var bddd=document.getElementsByTagName('div')[0];document.onkeydown=function(e){ var e=e || event; if...

2019-04-25 13:55:50 485

原创 css.exe:星星评分

实现一个星星评分功能，需要先有星星，然后当鼠标移动到那里时，点亮星星，以下是用css实现一个5角星#aa { position: relative; display: block; width: 0px; height: 0px; border-right: 100px solid transparent; border-bottom: 70px solid red; ...

2019-04-24 15:51:42 266

原创 css实现圆形，三角形

圆形:<style> #cir{ width:5px; height:5px; background-color: blue; border-radius:200px; -webkit-border-radius:200px; -moz-border-radius:200px; } </style>三角形:#cir{ width:0; height:0; border...

2019-04-24 05:37:07 273

转载 css选择器权重问题

转自:https://www.cnblogs.com/dq-Leung/p/4213375.html1、选择器类型1、ID　　#id2、class　　.class3、标签　　p4、通用　　*5、属性　　[type=“text”]6、伪类　　：hover7、伪元素　　::first-line8、子选择器、相邻选择器2、权重计算规则第一等：代表内联样式，如: style=””，权...

2019-04-24 04:42:27 109

原创 javascript.exe2:电子时钟

电子时钟<!DOCTYPE html><html> <head> <meta http-equiv="content-type" charset="utf-8"> <title>电子时钟 </title> <style> ...

2019-04-23 21:17:28 163

原创 javascript.exe1:图片列表：鼠标移入/移出改变图片透明度

本次要实现的是一个图片列表，当鼠标移入移出时可以改变图片的透明度，示例代码如下

2019-04-23 21:00:39 558

转载关于ducument.getelementbysname对元素取值问题

转自https://blog.csdn.net/s891104/article/details/50034919document.getElementsByName(“name”).value;像这样是获取不到值的，弹出的消息是 underfined：原因getElementById是element单数，getElementsByName是elements复数。正确方法：var x=...

2019-04-21 17:58:26 213

ninthwind的博客