- 博客(23)
- 收藏
- 关注
RSS订阅原创 antd-form表单输入控件置空
通常，我在清空表单的时候，直接使用 form.resetFields()，这样的做法会使得表单内所有项全部还原，并且使用默认值。如果想要初始化某一个值可以传参 form.resetFields(['name'])，这里会清空id为name的内容并使用默认值。上图一个输入框，initvalue 是123，在将值改成 456 后，现在我想将输入框的值置空，如果使用 form.resetFields()，结果只是回到了 123。最后通过 form.setFieldsValue({'name':''}) 设
2020-05-19 15:12:45
2829
原创 css:伪元素的使用
对于没有实际意义的内容不要添加格式，应该用样式控制，比如这个了的分隔样式。最先我使用的是在页面中添加一个div，然后在div中添加两个圆和一个横线。但是这是最最简陋的方法了。改进版本：整体有三个模块，通过控制其中两个模块的伪类来实现两个圆，然后通过定位来控制圆的位置，那个横线是一个border与两边的距离通过margin来设置。这里我的伪类是定为到div上面的：内容并不重要，看红框中，这里主要是想记录的是::before和::after这两个伪类，在以前我都没有在意过这些东西，今天是在指导下才明.
2020-05-12 17:23:32
514
原创 配置 echarts 只反转y轴，x轴不反转
需求如下图：展示的是每个月的排名信息，需要将Y轴进行反转，但是不需要反转X轴配置如下：//如果只有这一行代码：x和y轴都会翻转yAxis: { inverse: true},//以下代码意思为 ：轴线是否在另一个轴的0刻度线上。//设置 false 就会回到 bottom处xAxis: { axisLine: { onZero: false ...
2019-12-20 18:08:58
2395
原创 svn鼠标右键没有项目更新的操作
前提：（在svn项目文件中），右键。期待的是图一，结果是图二。测试过：1.进入setting,设置。发现没有效果，取消勾选，应用，再勾选，应用。还是没有效果。2.重新安装 （好像也不是重新安装，反正点击中间这个） 最后成功的（很搞笑）：查看项目中是否有 .svn 文件，确定是否有隐藏。若真的没有，那么鼠标右键点击，确定，有一个...
2019-09-04 15:55:48
11459
2
原创 获取浏览器的默认滚动条宽度
function getBarWidth(){ let outDiv = document.createElement("div"); outDiv.style.width = "100px"; outDiv.style.position = "absolute"; outDiv.style.top = "-9999px"; document.body.a...
2019-07-29 19:08:10
3279
原创 原生js为元素绑定事件
一、js为元素绑定事件方法(以点击事件为例)1. element.onclick = function(){}2. element.addEventListener("click",function(){},false);3. element.attachEvent("onclick",function(){});说明： 方法一，缺点在于如果对同...
2019-06-27 18:57:16
2705
原创 数组的反向
数组反向方法是：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++)...
2019-06-18 15:27:36
1345
原创 关于overflow为hidden后border不会被子级覆盖的问题
预期：从第一张图到第二张图，但是结果为第三张图。html代码：<div class="box"> <div class="ball"></div></div>css代码.box{ width:100px; height:100px; po...
2019-06-17 22:02:21
1952
原创 圣杯与双飞翼
圣杯与双飞翼都是实现左右定宽，中间自适应的三列布局，如下图 圣杯 双飞翼 代码： * { margin: 0; padding: 0; } .top,.bottom{ width: 100%; l...
2019-05-10 11:05:42
329
原创 js判断素数
问题：判断一个数是否为素数，若是返回 num+“ 是 素数”，若不是返回所有的除数（除了1和本身）test(number){ let arr = []; for(let i=2;i<=Math.floor(number / 2);i++){ if(number % i === 0){ arr.push(i); ...
2019-05-07 15:54:46
687
原创 js : filter的说明
Array.prototype.filter ( callbackfn [ , thisArg ] )原文：callbackfn should be a function that accepts three arguments and returns a value that is coercible to the Booleanvalue true or false. filt...
2019-05-03 17:15:22
1040
原创 thymeleaf语法 ---- th:onclick写法问题
当时写的是：（错误）th:onclick="javascript:getPage(${i},${currentPage})"想着是不是要编译一下下，整体拼成一个字符串，又修改了：（错误）th:onclick="'javascript:getPage('+${i}+','+${currentPage}+')'"上网查了，一下，网上直接给了答案，我研究了很久，发现是需要在引用参数的...
2019-04-22 10:35:31
3489
1
原创 关于element的input输入框 ---- 带输入提示
<el-autocomplete v-model="data" placeholder="请输入内容" :fecth-suggestions="querySearch" @select="mySelect"></el-autocomplete>querySearch(queryString,cb){...
2019-04-22 10:19:20
15033
2
原创 localStorage存储方法的问题
定义一个对象var test = { fun(){ var inn = 2; return inn; }, out:1 }将对象放入浏览器localStrorage里面( 其中需要将对象转为json类型)window.localStorage.setItem("test",JSON.stringify(test))然后会...
2019-04-20 11:13:10
1179
原创 同心圆环
<div class="circle"></div>.circle{ width:200px; height:200px; border-radius:100px; box-sizing:border-box; bo...
2019-04-15 17:06:19
1014
原创 css: letter-spacing与word-spacing
1. letter-spacing ：增加或减少字符间的空白 word-spacing ：增加或减少字与字之间的空白注意： 英文单词：letter-spacing 设置字母与字母之间的间距 word-spacing 设置英文单词之间的间距 汉字 : 汉字之间的间隔用 letter-spac...
2019-04-09 11:03:33
509
原创 css设定背景大图
1. 背景图片background-image:url("");2. 背景图片的大小/*两种可实现方式(任选其一)*/backgound-size:100%;backgound-size:cover;3. 背景图片显示位置background-position:center;4. 背景图片的固定background-attachment:fixed;...
2019-04-04 10:44:44
229
原创 css样式等级
1. ul、ol 块级元素 、上下margin为 1em 、 左边padding为 40px ul 的 css 样式 list-style-type:disc ol 的 css 样式 list-style-type:decimal list-style-type ：设置列表项标记的类型 常用：none（无标记）、dis...
2019-04-03 20:00:13
1508
原创 html 左定宽.右自适应.左边文字根据右边高度居中（水平和垂直）
需求：如下图。左边文字居中显示，高度自适应右边。解决： <div class="box"> <div class="left"> <p class="left-p">左边文字</p> </div> <div class="right"></div></div...
2019-04-01 18:56:27
763
原创 vue中element-ui table列名lable换行问题
1.lable操作：label = "'....\n....'"注：双引号内有单引号，这样才可以解析文本。需要换行的文本处添加 \n2.css样式添加.el-table .cell{ white-space:pre-line;}修改表格默认样式。pre-line: 文本中连续的空格会被合并，在遇到换行符或者<br />元素时会换行。添加的：...
2019-03-27 12:15:05
12692
15
原创 hbuilder真机调试vue，不能调用后台接口的不知道什么的问题
前端：vue，在hbuilder上编写。后台: springboot问题：在pc端浏览器可以通过ip地址访问，并能正常的前后台交互。在hbuilder的真机调试的时候，就不能访问后台了。解决过程：在网上搜了很多，处理了一天。包括跨域配置（本就写好了的，不然pc端也不可能访问)，服务代理（看到很多都是说这样处理，但是我弄到一半后就不知道怎么弄了，小白。重要：个人不认为是这个原因），在尝...
2018-12-19 16:31:32
4884
13
原创 原生js匀速轮播
要求：使用html+css+js实现轮播效果。实现效果包括：打开页面自动轮播，鼠标置于轮播框内轮播暂停并显示上翻和下翻箭头。点击箭头可上翻或下翻，鼠标置于导航下标处会自动轮播到该页。效果图：原理： 整个轮播图看成一个box，在box里面有水平放置着几张图片（注：图片放在ul的li标签内）。将要显示的元素放在box内，超出box的元素隐藏。轮播的过程就是将并排的图片移动的过程，如下图...
2018-07-31 18:02:43
2233
2
原创 js抽奖活动简单实现
需求：鼠标点击开始或者键盘回车事件发生，文本开始改变。点击结束或键盘回车事件再次发生时结束。样式图如下： html代码实现：页面中只有一个内容区块，其中包含一个文本和两个按钮。（注意：无论案例大小，始终试着将结构和样式相分离。）<div class="content"> <p class="text" id="text"> 笔记本电脑 &l...
2018-07-25 15:13:36
2410
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人