- 博客(19)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 react+antd 如何把json改为&连接的进行post
/i是对象名 console . log(i , json [ i ]);//json[i]是属性值 } query = str . substring(0 , str . length - 1);
2023-03-15 16:53:52
199
原创 react+antd - Form 保存input 的值
/ 添加合同列表数据 constructor(props) {//通过传参的方式 setdata =(objname , key) = > {
2023-03-15 16:49:04
492
原创 react + antd 动态生成 Icon 结点解决方案
由于菜单栏内容较多，创建了一个菜单栏的数组，但是直接使用icon的话会直接显示文字。页面上会显示的是文字，是错误的展示(如下图）数组创建如下：解决方案：使用React.createElement 创建import * as Icon from '@ant-design/icons'; //引入antd-icon import * as Icon from '@ant-design/icons //创建节点的方法 iconBC(name){ console.log(n
2021-07-12 15:37:38
2439
2
原创 less快速入门
Less CSS 是一个使用广泛的 CSS 预处理器，对 CSS 进行扩展，减少很多 CSS 的代码量。less运用起来非常的简单方便，相信没学过的人阅读完后就懂了，主要是以下几点：变量style.less写法：//定义变量：@@nice-blue: #5B83AD;#header { color: @nice-blue;//使用变量}编译后style.css：#header { color: #5B83AD;}计算style.less写法：#jisua
2021-04-27 10:04:22
284
原创 semantic-ui 使用方法
semantic-ui中文网：http://www.semantic-ui.cn/一、下载与引入1、点击下载 Semantic UI压缩包。2、只需要复制semantic.min.css和semantic.min.js文件到项目文件下，另外必须要有jquery支持。3、引用以下三个文件，顺序如下，jquery必须在semantic.min.js之前：<link rel="stylesheet" href="/css/semantic.min.css"><script src=
2021-04-27 09:54:35
2842
原创 Thymeleaf 学习笔记
Thymeleaf 官网英文文档：https://www.thymeleaf.org/平时工作有接触到Thymeleaf 框架，因为网上只有英文的文档，所以自己希望记录一些常用的写法，希望对大家也有用。常用的th标签有非常多的标签，这里只列出最常用的几个,由于一个标签内可以包含多个th:x属性，其生效的优先级顺序为:include,each,if/unless/switch/case,with,attr/attrprepend/attrappend,value/href,src,etc,text/
2021-04-26 18:33:57
208
原创 input中 placeholder 默认值文字修改样式
有时候需要修改input中默认值的文字样式，以下讲解下怎么去修改：placeholder属性只适用于以下的表单input类型：text、search、url、tel、email 和 password。IE10、Firefox、Opera、Chrome 和 Safari 支持 placeholder 属性。在支持placeholder属性的浏览器中，placeholder默认显示为灰色。例如下面的示例：::-webkit-input-placeholder{} /* 使用webkit内核的浏览
2021-04-26 17:46:18
1242
原创 使用 background-clip 制作遮罩文字特效
最近看了文章发现css3中的 background-clip 可以用来制作遮罩文字特效，我做的是给文字加上纹理效果，如下：html代码如下：<div class="clip"> <h1>hello world</h1></div>css 代码如下：.clip h1 { background: url(http://www.colbrus.com/wp-content/uploads/2018/10/wenli.jpg) n
2021-04-26 17:34:52
261
原创 IntellJ idea(IDEA)实时编译less方法
IntellJ idea(IDEA)实时编译less方法一. 安装 node下载Node.js，node.js的下载地址：http://nodejs.cn/。打开idea→Preferences→plugins 安装：“nodejs”插件，并按以下步骤进行配置：（之前没有安装这个插件，所以如上图，点击install plugin。安装好后，点击右下角的Apply，或弹出框，选择是否重启。我重启了软件，重启之后查看idea→settings→plugins里面可以搜索到。）二、安装 File w
2021-04-26 17:23:42
913
1
原创 当input为number类型的时候，设置属性maxlength无效的解决方法
input用作输入手机号：要求：只能输入数字；最大长度为11位；最终写法如下：<input type="number" placeholder="请输入手机号码" id="mobile" oninput="if(value.length>11)value=value.slice(0,11)" />注意点1：如果是手机端，无法实现选中input的时候，就直接跳出数字键盘，所以type 必须是 number。注意点2：最大长度属性无效新增代码：oninput=”
2021-04-26 17:07:53
841
原创 JS判断几位小数，只保留两位小数。
var dot = String(totle).indexOf(".");if(dot != -1){ var dotCnt = String(totle).substring(dot+1,totle.length); if(dotCnt.length > 2){ totle = totle.toFixed(2); }}
2020-08-05 15:04:46
2538
原创 （解决方案）微信网页打开键盘会把网页顶上去，使按钮无法点击！！
在input失去焦点的时候 用代码控制页面滑动一下：解决方案一：//滚动到顶部 window.scrollTo(0, 0);解决方案二：//滚动到底部 window.scrollTo(0, document.documentElement.clientHeight);$("input[type=text], input[type=tel], input[type=number], i...
2019-09-18 17:40:17
661
原创 AJAX如何异步提交form表单
AJAX如何异步提交form表单一、提交的form表单如下：<form id="commentform" th:action="@{/html/homework/save/comment}" method="post" th:object="${comment}"> <input type="hidden" th:field="*{id}"> &l...
2019-09-12 10:34:01
1509
转载 使用JS和Jquery 给data属性 赋值和取值
更多前端信息可以关注博客：http://www.colbrus.com首先记录一下，data-* 其中*不能为空和不能含有大写字母。然后是如何获取data的值。页面是这么写的： <a href="#" id="a" data-test="123">123</a> 一、JS取值和赋值的方法如下：//原生js获取： document.g...
2019-09-11 09:11:57
11802
原创 JavaScript检测视频的编码格式是否为h264
JavaScript检测视频的编码格式是否为h264更多前端信息可以关注博客：http://www.colbrus.com 之前在网上找的都是些浏览器判断是否支持h264格式的代码，后来在git上看到有解决方案，并且有插件可以直接使用，只是插件文件比较大，有7M多，大家在使用的时候注意一下，以下是我用了插件之后提炼出来的代码，...
2018-11-30 18:07:56
10899
5
原创 jquery 通过url 进行地址传参(中文乱码处理)
jquery 通过url 进行地址传参(中文乱码处理)一、传递参数页面.html<script type="text/javascript"> var name = 'abc'; //字符串英文 var num = 998; //数字 var cla= '电脑'; //中文 var_t=encodeURI(encodeURI...
2018-04-24 12:44:49
15816
4
转载 jqury 解决多个Ajax并发执行
解决多个Ajax并发执行。更多前端信息可以关注博客：http://www.colbrus.com 通常 为了减少页面加载时间，先把核心内容显示处理，页面加载完成后再发送ajax请求获取其他数据，这时就可能产生多个ajax请求，为了用户体验，最好是发送并行请求，这就产生了并发问题，应该如何处理？一、并行...
2018-04-20 16:52:59
10302
2
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人