自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(55)
  • 收藏
  • 关注

原创 急!Echart!求问一下大佬们,这种效果怎么实现的!

急!Echart!求问一下大佬们,这种效果怎么实现的!

2024-03-15 09:48:16 344

原创 js去掉所有的html 标签(正则)

js 去掉所有html标签

2023-02-10 17:48:52 350

原创 js 动态给style标签内添加样式

【代码】js 动态给style标签内添加样式。

2023-02-08 15:36:12 1880

原创 layui.table.reload 会携带上次的where 参数解决

table.render({ id: "tableId" , ...... , done: function() { this.where = {} //本次加载完成直接置空where搜素条件!!!!!!! } }); //重载的时候重新携带参数table.reload('tableId',{ where: data,//表格重载时设置新的搜索参数 });...

2021-11-30 11:13:10 1275

原创 解决 ztree 复选框出不来的问题

1、一定要把初始化写在文档加载完成之后,2、文件一定要引用正确<!--11111111111111111111111111111111111111--> <script type="text/javascript" src="../js/jquery.ztree.all.js"></script> <!--222222222222222222222222222222222222222222--> <script type="text/javasc

2021-07-05 16:56:40 671

原创 ztree 点击节点操作复选框

var setting = { view: { //dblClickExpand: true, //selectedMulti : true,//可以多选 //showLine: true }, check: { enable: true ,//显示复选框 chkStyle : "checkbox", chkboxType: { "Y": "s", "N": "ps" } }, data: { simpleData

2021-07-05 16:50:08 822

原创 手机端实现拖拽和点击效果(touchstart 和 click 事件,兼容pc)

/** * 拖拽移动效果 * @author lpp * @param ele 移动的元素(id 获取) * @param callback 点击元素的回调函数 * @param upAndDown 开启上下移动 true,false * @param leftAndRight 开启左右移动 true,false */function moveClick(ele, callback,upAndDown,leftAndRight) { var oMeta = document.c

2021-06-10 15:03:10 668

原创 jq 监听 input、textarea 输入

$(document).on("input propertychange",".class",function(){ // 后续操作 }); $(document).on("textarea propertychange",".class",function(){ // 后续操作 });

2021-01-28 14:35:06 331 1

原创 replace 变量

// key 为变量stringNew = string.replace(new RegExp(key,'g'),"str");

2021-01-28 14:32:24 190

原创 数组对象根据某个 key 相同合并分组

var arr = [ {"id":"1001","name":"值1","value":"111"}, {"id":"1001","name":"值1","value":"11111"}, {"id":"1002","name":"值2","value":"25462"}, {"id":"1002","name":"值2","value":"23131"}, {"id":"1002","name":"值2","value":"2315432"}, {"id"

2020-10-15 14:48:49 750

原创 返回echart 页面(不刷新页面的情况下),echart 出不来并且报错的问题

var transChart = echarts.init(document.getElementById('transChart')); // 下面的代码写在初始化echart 数据前$(window).resize(function() { transChart.resize(); });

2020-08-17 18:26:25 283

原创 layui的tree 搜索功能

部分代码:var value = $(".search-input").val(); if(value){ $.each($("#depart").find('.layui-tree-txt'), function (index, elem) { elem = $(elem); let textTemp = elem.text();

2020-08-17 18:23:31 1042

原创 点击 div 以外的区域关闭此 div

$(function () { $(document).on("click","需要点击的 div ",function(event){ var siblingsDiv = \需要显示隐藏的 div\; showDiv(siblingsDiv);//调用显示DIV方法 $(document).one("click", function () {//对document绑定一个影藏Div方法

2020-07-30 12:09:36 1448

原创 jq 实现锚点定位

1、设置要点按钮,并添加onclick()<ul id="ul_menu" ><li onclick="Redirect('1')"> <a href="#">头部</a></li><li onclick="Redirect('2')"> <a href="#">产品</a></li><li onclick="Redirect('3')"> <a h

2020-07-24 18:52:46 1046

原创 Ajax请求地址拼接参数

param() 方法创建数组或对象的序列化表示形式。var urldemo = { firstname:"John", lastname:"Doe", age:"50", eyecolor:"blue",}$.ajax({ url: "http://www.*****?"+$.param(urldemo), headers: { "content-type": "application/x-www-form-urlencoded", "wi

2020-07-01 10:24:52 2462

转载 移动端 WEB 开发笔记

文章来源:https://www.runoob.com/w3cnote/moible-web-front-source.html文章目录一、meta1、视窗宽度2、自动识别格式3、完整模板二、CSS三、Flex1、定义容器为flex布局2、容器样式3、子元素样式四、其他1.自定义苹果图标2.自定义favicon:3.定义浏览器点击行为:4.定义上传文件类型和格式5.使用box-shadow改变(挡住)表单自动填充后的黄色6.用CSS实现省略号文字截断7.使用border绘制小三角一、meta1、视窗宽

2020-06-15 14:09:54 163

原创 微信小程序输入框与软键盘的距离 cursor-spacing

<input cursor-spacing="100" />

2020-05-21 09:51:11 2203

原创 js 正则去掉标点符号

var str= str.replace(/[\ |\~|\`|\!|\@|\#|\$|\%|\^|\&|\*|\(|\)|\-|\_|\+|\=|\||\\|\[|\]|\{|\}|\;|\:|\"|\'|\,|\<|\.|\>|\/|\?/\,/\。/\;/\:/\“/\”/\》/\《/\|/\{/\}/\、/\!/\~/\`]/g,"") console.log(str)

2020-05-14 17:45:25 2222

原创 有效解决小程序 textarea 层级太高,内容穿透的问题

在开发小程序的过程中需要在页面打开一个表单弹框,用微信的 cover-view 的话弹框表单会报错其中内容部分是 textarea, 解决方案:.wxml(bindinput 必须,否则会在关闭弹框的时候清空 textarea )<textarea wx:if="{{showTextarea}}" name="content" maxlength="1000" value="{{content}}" style="height:250rpx;vertical-align:top;padding-t

2020-05-09 22:34:49 454

原创 微信小程序获取定位及选择位置

.wxml<view class="input-info"> <label>地方</label> <picker mode="region" name="regionName" bindtap="changeRegion" bindchange="bindRegionChange" value="{{region}}" custom-item="...

2020-05-06 10:39:23 1650 1

原创 top.layer.open 子页面按钮点击关闭刷新父页面

// 父页面打开弹框top.layer.open({ ......})// 子页面方法$("#button").click(function(){ var index = parent.layer.getFrameIndex(window.name); parent.layer.close(index);// 关闭弹出层 parent.window.location.relo...

2020-04-30 09:39:47 2431

原创 获取表格每行数据

$('#userinfoTable').each(function(index) { console.log(index) var table = []; $(this).find('tr').each(function() { var row = []; $(this).find('td>...

2020-04-24 19:20:19 154

原创 css 灰度滤镜及兼容

html { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: progid:DXImageTransform.Microsoft.BasicImage(...

2020-04-03 17:19:48 227

原创 layui 表格自动渲染数据合并单元格

table.render({ elem: '#Table', title:"", url: url, toolbar: '#toolbar', where: $('form').serialize(), // page: true, ...

2020-04-01 16:58:33 831

原创 layui 表单点击 button 会自动刷新

解决方案把 form 表单中的 <button></button>标签换成 a 标签

2020-03-30 10:27:45 1150

原创 :after、:before 伪类动态传值

cssli.process_start::after,li.process_done:not(:last-child)::after { content: attr(data-after); /*1213*/ background-image: url("../images/list_right.png"); background-repeat:no-rep...

2020-03-19 17:49:02 1390

原创 分别获取layer.open 和top.layer.open 打开弹框的 iframe 子页面元素

layer.openlayer.open({ type: 2, title: title, area: area, maxmin: true, content: url, yes: function(index, layero){ ...

2020-03-18 13:24:56 3180 3

原创 js 取数组交集

var result = usersChecked.filter(x=>{ return data.some(y=>{ return x.data==y.data; }) })

2020-03-03 17:11:50 277

原创 js 修改json 对象的键值

var renameArray=jsonArray.map(function(item){ return { rename:item.name, rename:item.name }})console.log(renameArray)

2020-03-03 17:08:03 1235

原创 jq 监听 radio 选择

监听document中的radio$(document).ready(function() { $('input[type=radio][name=optionsRadiosinline]').change(function() { console.log($(this).val()) }); });

2020-03-03 17:02:08 1264

原创 获取 layui 的弹出层 iframe中的变量

usersChecked 是 content 弹出层中定义的全局变量layer.open({ type:2, title: openTitle, area: ['600px', '80%'], id:'LAY_layuipro', co...

2020-01-08 09:04:14 659

原创 dtree 取消复选框的全选功能,并获取复选框选中的数据

需求:每个节点下面都有自己对应的用户,复选框选中之后,当前节点下的人全部选中,取消选中之后,与当前节点下的人全部不选中,父级节点与子级节点之间选中状态互不影响。JS 实现// 初始化树 var DemoTree = dtree.render({ elem: "#demoTree", url: url, dat...

2020-01-03 10:55:40 1476

原创 layui 模板嵌套 if 判断控制行内样式

<script type="text/html" id="tableBar"> {{# if(d.state=='0'){ }} <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="view">查看</a> <a class="layui-b...

2019-11-14 17:24:59 3530

原创 给layui 数据表格行内加 js 等方法

加 templat //渲染表格 table.render({ elem: '#reportInfoTable', title:"报告管理", url: url, toolbar: '#reportInfo-toolbar', where: $('form')....

2019-11-14 11:45:35 601

原创 将highcharts生成的图片转化base64(以 highchart 官网实例为例)

需要引入的文件 <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <script src="http://code.highcharts.com/highcharts.js"></script> <script src="http:/...

2019-11-06 14:35:10 1641 1

原创 js 实现一个按钮控制表格中所有按钮

1、需要实现的效果:单选框选中点击 应用全部 按钮之后,表格里面所有的 只读 按钮全部选中代码说明:此效果实现基于 layui 模板,原生JS 实现原理同此.HTML: <input type="radio" name="allEdit" value="可编辑" title="可编辑" checked=""> <input type="radio" name=...

2019-11-01 15:42:30 841

原创 layui 按钮点击之后会刷新页面

点击页面上的按钮,js执行完button的click事件后(包括行内的 onclick() 事件),会自动的重新刷新一下当前的页面。解决方案:将 button 改为 Input , 加上 type=“button”原因:button,input type=button按钮在IE和w3c,firefox浏览器区别:当在 IE 浏览器下面时,button标签按钮,input标签type属...

2019-10-31 16:21:46 5886

原创 clientHeight、offsetHeight、scrollHeight、scrollTop、offsetTop、offsetParent

文章目录1、clientHeight2、offsetHeight3、scrollHeight1、clientHeight获取元素的可见高度,包括 padding, 不包括 margin , border , 和滚动条。 clientHeight 和 clientWidth 都是不带 px 的,返回都是一个数字,可以直接计算2、offsetHeight获取元素的整个的大小,整个的高度...

2019-10-24 16:38:34 134

转载 查找数组指定元素并删除

本文转自 https://blog.csdn.net/Hero_rong/article/details/85003476arr.splice(arr.findIndex(item => item.id === id), 1)// item 只是参数可以写成 i 或者 v 都可以 , // 后面的额id是数组的id,是不能随便写的,如果你数组里面写的是id,这里就写id,如果数组里面...

2019-10-23 16:22:10 3474

原创 jq 调用页面元素的click 事件

初始化页面的时候如果一个元素有 onclick 事件,则可以通过 js 方法调用这个事件。例如:html: <div id="detail" onclick="showDetail(this)"></div>js:$(document).ready(function(){ $("#detail").click();})...

2019-10-23 11:38:51 701 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除