id_dimu的博客

对于没有实际意义的内容不要添加格式，应该用样式控制，比如这个了的分隔样式。最先我使用的是在页面中添加一个div，然后在div中添加两个圆和一个横线。但是这是最最简陋的方法了。改进版本：整体有三个模块，通过控制其中两个模块的伪类来实现两个圆，然后通过定位来控制圆的位置，那个横线是一个border与两边的距离通过margin来设置。这里我的伪类是定为到div上面的：内容并不重要，看红框中，这里主要是想记录的是::before和::after这两个伪类，在以前我都没有在意过这些东西，今天是在指导下才明.

数组反向方法是：Array.prototype.reverse(); 普通的写法是：var arr = []; //定义并初始化一个数组arr.reverse(); //使用数组的方法反向接下来是自己实现的反向方法var arr = [1,2,3];var len = arr.length;var i,temp;for(i=0;i<len/2;i++)...

预期：从第一张图到第二张图，但是结果为第三张图。html代码：<div class="box"> <div class="ball"></div></div>css代码.box{ width:100px; height:100px; po...

圣杯与双飞翼都是实现左右定宽，中间自适应的三列布局，如下图 圣杯 双飞翼 代码： * { margin: 0; padding: 0; } .top,.bottom{ width: 100%; l...

问题：判断一个数是否为素数，若是返回 num+“ 是 素数”，若不是返回所有的除数（除了1和本身）test(number){ let arr = []; for(let i=2;i<=Math.floor(number / 2);i++){ if(number % i === 0){ arr.push(i); ...

<el-autocomplete v-model="data" placeholder="请输入内容" :fecth-suggestions="querySearch" @select="mySelect"></el-autocomplete>querySearch(queryString,cb){...

<div class="circle"></div>.circle{ width:200px; height:200px; border-radius:100px; box-sizing:border-box; bo...

需求：如下图。左边文字居中显示，高度自适应右边。解决： <div class="box"> <div class="left"> <p class="left-p">左边文字</p> </div> <div class="right"></div></div...

1. 背景图片background-image:url("");2. 背景图片的大小/*两种可实现方式(任选其一)*/backgound-size:100%;backgound-size:cover;3. 背景图片显示位置background-position:center;4. 背景图片的固定background-attachment:fixed;...

要求：使用html+css+js实现轮播效果。实现效果包括：打开页面自动轮播，鼠标置于轮播框内轮播暂停并显示上翻和下翻箭头。点击箭头可上翻或下翻，鼠标置于导航下标处会自动轮播到该页。效果图：原理： 整个轮播图看成一个box，在box里面有水平放置着几张图片（注：图片放在ul的li标签内）。将要显示的元素放在box内，超出box的元素隐藏。轮播的过程就是将并排的图片移动的过程，如下图...

需求：鼠标点击开始或者键盘回车事件发生，文本开始改变。点击结束或键盘回车事件再次发生时结束。样式图如下： html代码实现：页面中只有一个内容区块，其中包含一个文本和两个按钮。（注意：无论案例大小，始终试着将结构和样式相分离。）&lt;div class="content"&gt; &lt;p class="text" id="text"&gt; 笔记本电脑 &l...