前端
关注
分享
扫一扫
没有心跳的TheOne
这个作者很懒，什么都没留下…
展开
-
MarkDown的一些尝试
一级标题二级标题三级标题删除线下划线有序列表1有序列表2无序列表1无序列表2列表嵌套标题1标题2斜体粗体斜体加粗体print（“helloworld”）代码代码块print("helloworld")println("helloworld")代码块var a = "123";alter(a)console.log(a)区块一区块二一级区块二级区块三级区块区块中使用列表一级列表无序列表https原创 2020-12-28 16:09:17 · 165 阅读 · 0 评论 -
监听layui open的滚动条，将原生table表头固定
$("#layui-layer-shade1").ready(function () { document.addEventListener('scroll', function (event) { if (document.documentElement.scrollTop > 0) { //表头固定在顶部 $("#thead_tr")[0].style.cssText = 'position:原创 2020-12-16 08:52:53 · 858 阅读 · 0 评论 -
去layui模态框的横向滚动条
/*去layui模态框的横向滚动条*/ .layui-layer-content{ overflow-x: hidden!important; }原创 2020-06-02 16:00:05 · 1572 阅读 · 0 评论 -
li标签中hover的使用及li标签的样式
border-top-left-radius: 10px; /* 左上角的圆角*/#nav li:hover{ border-radius:8px; background-color:#e7efff; }原创 2020-06-02 15:51:04 · 3635 阅读 · 0 评论 -
页面新增，上增，删除，自动更新排序js
解决思路是：每新增、上增。或删除时，统计列表的tr数，对序号全部进行重新赋值/*当进行新增和上增时，对数据项序号，进行自动排序*/ function fileNmSort() { /*获取模块下的子元素tr数量，按顺序进行fileNum赋值*/ var trFileNmArry = new Array(); var tr =$("#editTable tr"); var tr2 =$("#editTable2 tr"); var tr3 =$("#editTable3 tr");.原创 2020-06-02 15:44:11 · 394 阅读 · 0 评论 -
layer.open的按钮和右上角一个小×，点击事件，执行方法
ayer.open({ type: 1, title: '弹出页面的标题', skin: 'layui-layer-rim', //加上边框 area: ['1070px', '550px'], //宽高 content: url, btn: ['按钮1','按钮2'], btn1:function(index, layero){ // 按钮1的逻辑 }, btn2:function(index, layero){ // 按钮2的逻辑 }, cance原创 2020-06-02 15:38:34 · 3245 阅读 · 0 评论 -
layer.close()与layer.closeAll()
//当你想关闭当前页的某个层时var index = layer.open();var index = layer.alert();var index = layer.load();var index = layer.tips();//正如你看到的，每一种弹层调用方式，都会返回一个indexlayer.close(index); //此时你只需要把获得的index，轻轻地赋予layer.close即可//如果你想关闭最新弹出的层，直接获取layer.index即可layer.原创 2020-05-25 21:09:37 · 4135 阅读 · 1 评论 -
a标签置灰
a标签置灰设置 div 元素的不透明级别：div { opacity:0.5; }opacity是透明度的意思。'<a style="opacity:0.4" class="btn btn-danger btn-xs" href="javascript:return false" ><i class="fa fa-trash" style="opacity:0.4"></i>驳回</a> '...原创 2020-05-25 20:50:53 · 394 阅读 · 0 评论 -
string类型与int类型之间的转换
String转为Int：pageNum为String类型int pageIndex = Integer.valueOf(pageNum).intValue();另一种方式：parseIntString str = "123";try { int a = Integer.parseInt(str);} catch (NumberFormatException e) { e.printStackTrace();}需要注意的是异常的抛出。Int型转String：i为int型原创 2020-05-25 20:46:52 · 450 阅读 · 0 评论 -
若依框架，bootstrap table的自定义初始化查询条件赋值
父页面点击查询，附带查询条件，传值另一页面 /*搜索后的企业列表，点击详情，在原页面上更新详情页*/ function toQykDetail(comName) { /* var prefix = ctx + "system/gxqTyc";*/ /* search("5");*//* $.modal.openTab("天眼查企业库详情",...原创 2020-05-08 08:52:02 · 5228 阅读 · 2 评论 -
父页面打开模态框子页面，子页面选择值，并赋值给父页面
具体逻辑：父页面：当点击点代码下面的input框，弹出模态框，进行代码选择，并赋值到父页面模态框，并关闭模态框子页面：父页面html与jis + '<td x:str height="19" width="30">' +'<input readonly id="' + 9*rowId +'" name="code" οnclick="openModul(this.i...原创 2020-04-10 13:04:11 · 805 阅读 · 0 评论 -
bootstrap的table中indexOf（）的用法
项目需求：数据库保存的是地址，但查出来要显示，直接进行区域划分。{ field : 'saddress', title : '所在区域', formatter: function(value, row, index) { if(value!=null&&value!=""){ if(row.saddress.indexOf(...原创 2020-04-09 08:39:05 · 657 阅读 · 0 评论 -
解决带参数的url，会过滤特殊字符的问题
项目有一个公式管理模块：最终要求前两个公式可以顺利的带出，但计算值公式中的+号被过滤了，开始页面跳转是这样写的 //查看 function toInfo(expressionId){ var sourceExpression =$("#"+expressionId).find('input').eq(1).val() $.modal.openT...原创 2020-04-04 17:12:58 · 2785 阅读 · 0 评论 -
一个html页面，将css，js写成独立文件，然后再引入页面
最近写一个页码估计写完都快5000行代码了想着把css，js全部都独立出去，html页面直接引用方法，这样整个页面就整洁多了前端用的是bootstrap框架，js是静态资源首先，需要明确的是WEB-INF目录是被保护起来的，其下的jsp页面不能直接运行，只能通过控制器跳转来访问；静态资源（js、css、img）也不能被WEB-INF目录外的其他文件直接引用我是写在：js和cs文件夹里的然...原创 2020-04-04 08:59:24 · 2605 阅读 · 0 评论 -
前端根据类型（className）对元素进行操作
对模块根据类名添加hover操作/*导航栏触发下拉列表*/ $("div[class='content -shadow -fix']").hover(function(){ $("div[class='content -shadow -fix']").addClass("-hover"); },function(){ $("...原创 2020-04-03 08:46:04 · 248 阅读 · 0 评论 -
BootStrap渲染出的表格，将row中的值作为参数进行传值。
Htnl columns: [ { field : 'id', title : '序号', visible: false }, { fiel...原创 2020-04-03 08:41:46 · 1302 阅读 · 1 评论 -
后台传给前台拿到的是毫秒，js进行转换
写了一个功能，拿到的总是毫秒数 /*生成商标信息*/ else if(res[i].interfaceId=="838"&&res[i].callResult=="ok"){ for (var a = 0; a < obj.result["items"].length; a++) {...原创 2020-04-02 08:50:10 · 413 阅读 · 1 评论 -
锚点监听，点击导航栏滚动到相应模块和导航栏随屏幕滚动，但固定在一定的位置
大概需求：写当偏移顶部一定距离固定jsdocument.addEventListener('scroll', function (event) { var scrollDistance = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop; if...原创 2020-04-02 08:35:17 · 798 阅读 · 0 评论 -
td中的input，设置点击事件时，当鼠标聚焦时，总是有自带边框的去除方法
原来总是有自带边框/*q去除多条件查询时的聚焦facus边框*/ :focus { outline: -webkit-focus-ring-color auto 0rem; }就可以了，图片弄反了原创 2020-03-30 08:59:43 · 652 阅读 · 0 评论 -
Bootstrap的一些内在样式修改
采用了boosttrap的表格，有时想改表格的样式。比如北京，条形纹#toolbar{ background-color: rgba(0,0,0,0); } /*表头*/ .table-striped table thead { background-color: rgba(17,97,192,.8); } /*第偶数行*/ #bootstrap-table tr:nth-c...原创 2020-03-30 08:41:48 · 603 阅读 · 0 评论 -
input的type为checkbox的样式的调整
采用的是若依框架，客户一定要在全选框的前面加个全选。这种boostrap表格，框架自带的东西，真是难死他一定是个傻子首先我就简单的写了一些css样式，这种写法，我还是第一次尝试 /*!*复选框样式*!*/ input[type=checkbox] { margin-right: 10px; cursor: pointer; font-size: 14px; wi...原创 2020-03-27 16:18:18 · 558 阅读 · 0 评论 -
css统一将页面input，select，textarea元素改为不可编辑（只读状态）
我竟然开始一个一个去加readonly和disabled $("textarea[name='realCodeExpression']").val(sourceExpression) /*全部设为只读*/ $("input").attr('readonly', true) $("select").css(disabled,true) $("textarea...原创 2020-03-27 15:38:05 · 1324 阅读 · 1 评论 -
JQUERY选择器部分截图
写前台时，选择器是很强大的工具，自己虽然一直用，也是一直用一直忘。所以截个图，查得时候方便一些。$(“textarea[name=‘codeExpression’]”).val()$("#editTable").find(“tr”).remove();前端好烦...原创 2020-03-24 15:17:55 · 293 阅读 · 0 评论 -
input框按下enter键，触发搜索js
项目紧急添加小功能：采用bootstrap写的前台界面，当form表单的input按下enter键时。之间进行搜索。jsfunction entersearch(){var event = window.event || arguments.callee.caller.arguments[0];if (event.keyCode == 13){$.table.search();}}...原创 2020-03-24 15:04:56 · 6172 阅读 · 0 评论 -
ist-style-image:url标签，文字无法与前面的图标居中对齐
做的项目列表需要做一个排行，前面会有一个金银牌的表示，自己ul标签，前面标识用list-style-image:url采用ist-style-image:url标签但自己开始怎么都无法让文字与金银牌对齐。写了vertical-align：middle,vertical-align：centter都不行。最后写了vertical-align:-webkit-baseline-middle;可以...原创 2020-03-20 08:45:34 · 302 阅读 · 0 评论 -
th:href无法传递当前页面生成的参数的另一种解决办法
因为项目需要获取当前屏幕的长宽，传到后台进行判断。当th:href自己怎么也不知道怎么传。原本是这样function toMap() {var screemWidth=(window).width();varscreemHeight=(window).width(); var screemHeight=(window).width();varscreemHeight=(window)....原创 2020-03-18 08:45:02 · 488 阅读 · 0 评论 -
一个简单的js根据选择的不同跳转不同的链接
首先获取下拉框选择的值根据选择的值进行判断跳转/*当数值、选择为代码时，代码选择，进行弹出框进行选择*/function openModul(id) { var sourceType = $("#"+id/9). children().eq(1).children().val(); if(sourceType==0){ var url=prefix + "/s...原创 2020-03-17 08:42:17 · 840 阅读 · 0 评论 -
echarts grid x y x2 y2代表的意思。
一直记不住。保存下来，记转载 2020-03-16 16:24:40 · 634 阅读 · 0 评论 -
关于前台页面产生不可重复的随机数id的一点个人做法
因为项目的页面时动态生成，所以生成的元素id是个问题。本来想使用随机序列的，后来想想还是用了随机数。var rowId;var rowIdArr = new Array();//自定义数组rowId=Math.ceil(Math.random()*100);while(rowIdArr.indexOf(rowId)!=-1){rowId=Math.ceil(Math.random()*1...原创 2020-03-16 08:45:39 · 394 阅读 · 0 评论 -
bootstrap中内容过长，css样式调整省略号。与换成多行显示，出现省略号样式
单行内容过长出现省略号：/企业名过长省略号/.divstyle{width: 300px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}内容过长进行换行出现省略号：/企业名过长省略号/.divstyle{display: -webkit-box;-webkit-box-orient: vertic...原创 2020-03-12 08:34:40 · 1412 阅读 · 0 评论 -
JS中split（）方法，对所获取的字符串进行多符号切割，并存放map中
由于项目，需要将代码计算公式与中文计算公式，代码为存放到map中对应。首先是用split（）方法对。后台传来的字符串公式进行切割、代码如下：这里主要的一个方法是：var strArrExpression=strExpression.split(/[+-/]/);split(/[+-/]/);可以进行多个符号的切割...原创 2020-03-11 08:36:11 · 1174 阅读 · 0 评论 -
js去掉字符串中的特殊字符，采用replace（）
/去掉逗号和引号/var name =“你好多，世界”var name = name.replace(/["|’|,|\“|\”|\，]/g,"");就可以了原创 2020-03-10 08:40:45 · 3280 阅读 · 1 评论 -
JQuery中append,before,after的使用样例
最近在做一个页面的动态生成。可以上增，下增行想想用append，before，after就可实现点击【新增】调用函数上增。下增删除注意id是随机数生成的原创 2020-03-03 08:50:03 · 229 阅读 · 0 评论