前端
关注
分享
扫一扫
菜鸟圈大当家
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
数字以千分位显示
function(val){ return val.toString().replace(/(\d{1,3})(?=(\d{3})+(?:$|\.))/g,'$1,')}原创 2020-04-10 10:45:37 · 480 阅读 · 0 评论 -
前端匹配字符串中特殊字符出现的个数
实现前端正则匹配【{#】两个字符组合出现的个数<!DOCTYPE html><html><head><meta charset="utf-8"><title>菜鸟教程(runoob.com)</title></head><body><script>var str="{#v...原创 2019-11-27 16:00:11 · 377 阅读 · 0 评论 -
json数据根据value排序后重组(echarts组件常用)
function N3() { var n3 = echarts.init(document.getElementById('n2')); var datas = { "result": [ { "cid": 1, ...原创 2019-11-27 09:18:29 · 397 阅读 · 0 评论 -
vue加载图片出现404用默认图片替换的方法
根据不同类型图片加载时，根据后台返回的路径灌入src中后，src不为空，但是找不到对应路径的图片时会有叉号显示，展示不友好，需要用默认图片对应展示。此时需要走onerror方法指定默认src路径<img :src="node.data.imglogo|showLogo" v-if="node.data.imglogo" style="height:15px;" onerror="this...原创 2019-11-19 15:05:01 · 1408 阅读 · 0 评论 -
jquery两套图标，点击实现图标切换
要实现如下效果，点击不同图标切换不同内容，同时图标颜色变换颜色。当前图标是有灰色和蓝色两套，思路是控制src加载不同的图片。html代码：<div style="padding-left:10px;padding-top:10px;background-color:#0d1a25;height:50px;line-height:50px;width:100%"> <d...原创 2019-11-09 10:34:25 · 2065 阅读 · 0 评论 -
radio后面带input框，低版本火狐需要多次点击input框才能获取输入焦点
<input type='radio' name='rule' value='1' id = 'somerule'/><label for='somerule'> 每 <input type='text' style='width: 150px; height: 30px; display: inline;' class='form-control' id='n...原创 2019-11-06 17:13:48 · 524 阅读 · 0 评论 -
css文字前红点
i.redot{ display:block; background:#f00; border-radius:50%; width:7px; height:7px; top:5px; left:-9px; position:absolute; }原创 2019-10-30 17:08:56 · 2760 阅读 · 0 评论 -
select内文字居中
select文字居中，text-align:center;不管用。select{ text-align:center; text-align-last: center; }原创 2019-10-30 14:57:09 · 426 阅读 · 0 评论 -
安装谷歌浏览器，提示电脑已经安装了更高版本的浏览器的解决方法
找到谷歌浏览器文件位置，删除C:Program Files/ 下谷歌应用文件， 可以右击谷歌浏览器快捷方式，打开文件所在位置，删除Google文件夹；删除C:\Users\电脑登录名\AppData 中 Google 文件夹；打开注册表，windows键 + R —》输入regedit —》回车；找到下面注册表，删除掉；32位：HKEY_LOCAL_MACHINE\SO...原创 2019-09-26 15:56:27 · 21260 阅读 · 3 评论 -
Ajax请求跨域问题解决办法
后台服务端解决：@Configurationpublic class CorsConfig implements WebMvcConfigurer { @Override public void addCorsMappings(CorsRegistry registry) { registry.addMapping("/**") // 允许跨域的接口 ...原创 2019-09-23 14:49:14 · 176 阅读 · 0 评论 -
解决setInterval函数传参问题
修改window.setInterval函数，使其可以接收参数var __sto = setInterval;window.setInterval = function (callback, timeout, param) { var args = Array.prototype.slice.call(arguments, 2); var _cb = function () { ...原创 2019-09-21 09:47:19 · 950 阅读 · 0 评论 -
echarts用仪表盘实现类似饼图效果
function N4() { var n4 = echarts.init(document.getElementById('n4')); var dataArr = [{ value: 91, name: "'主中心与灾备中心监控系统总数'" }]; /* var color = new echarts.graphic.L...原创 2019-09-11 10:16:22 · 2152 阅读 · 0 评论 -
a标签实现点击并传入当前值
HTMK代码:<a href="javascript:void(0);" onclick="test(this);">A标签测试</a> //this指向当前a标签对象jQuery代码:function test(obj){ alert(obj); //js alert(obj.innerHTML); //jquery alert($(obj...原创 2019-08-05 11:06:12 · 860 阅读 · 0 评论 -
双X轴的渐变象形柱图
1、想要实现有两个x轴，如果设置了X轴属性，但第二个死活不出来，需要在xAxis中设置：axisLine: { onZero: false, //设置此属性！！！ show:true, lineStyle: { color: '#ccc' } },2、象形柱图渐变不生效，是color一定要放在items中的norma...原创 2019-08-20 15:19:30 · 454 阅读 · 1 评论 -
element-ui checkbox树，选中后再二次生成新树
树形结构代码：<div class="modal-body" style="height:350px"> <div class="fileTree"> <el-tree v-cloak show-checkbox default-expand-all node-key="id" ref="tree" @node-click="handl...原创 2019-08-20 16:43:07 · 1084 阅读 · 1 评论 -
jQuery复制数组
复制一份数组的数据，赋值给另一个数组var copyArr = $.extend(true, [], that.flatdata);console.log('copyArr>>>>');console.log(copyArr);原创 2019-08-16 14:30:00 · 2682 阅读 · 0 评论 -
递归生成ID PID父子节点关系
function getTree(data, Pid) { let result = [] let temp for (let i = 0; i < data.length; i++) { if (data[i].Pid == Pid) { temp = getTree(data, data[i].Id) ...原创 2019-08-16 17:57:29 · 1556 阅读 · 0 评论 -
HTML文字过长遮挡，用省略号，鼠标放上去完整显示
style="width:130px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;"vue：:title="node.label"原创 2019-08-28 09:42:45 · 2011 阅读 · 1 评论 -
string类型的html页面转换正常显示
容器：<div id="container"></div>JS代码：document.getElementById("x").innerHTML = string //string为html代码原创 2019-08-28 11:40:10 · 985 阅读 · 0 评论 -
element ui tree树节点数据平面化
有时候需要对树节点进行增删改查，因此需要快速找到要操作的这个节点。将label,children格式的数据平面化处理后，可以根据id等唯一标识字段快速定位节点，随后对其操作。数据平面化操作：function GetFlatData(arr1) { arr1=arr1||[]; var array = []; $.each(arr1, function (i, item) { ...原创 2019-09-02 15:38:40 · 601 阅读 · 0 评论 -
点击保存按钮,刷新另一个tab栏数据，并骑鹅关闭当前tab栏
框架中打开多个tab栏，新增和展示table数据在两个tab栏页面时。当在一个tab栏填写完新增form后，需要点击保存按钮，弹出提示框，点击确定后将当前新增tab栏关闭，同时，刷新展示数据的bootstrap table表格。layer.alert(result.message, { icon: 1, closeBtn: 0 }, function (index) { //关闭弹窗 se...原创 2019-09-05 09:16:24 · 828 阅读 · 0 评论 -
js将一个数组按照某长度分割，并形成一个新数组
1、返回截取后的数组function chunk(array, size=0){ //获取数组的长度，如果你传入的不是数组，那么获取到的就是undefined var length = array.length; //判断不是数组，或者size没有设置，size小于1，就返回空数组 if (!length || !size || size < 1) { ...原创 2019-09-10 11:56:05 · 2816 阅读 · 0 评论 -
echarts堆叠柱状图，最上面显示各分类总数
function N2() { var n2 = echarts.init(document.getElementById('n2')); var xdata = ['主机','网络','存储','数据库','中间件','云资源','安全','业务系统']; //x轴 var data1 = [12, 13, 10, 13, 9,2,4,5]; //分类一 ...原创 2019-09-11 10:08:27 · 8245 阅读 · 1 评论 -
前端问题杂货铺
data-table数据加载不出来注意js文件引入顺序：jQuery.js—>bootstrap.js—>data-table.js给标签自定义属性，并vue传值标签上：:data-test=“item.DICT_NAME”方法中：event.target.dataset.testlayui，dialog弹出框，多次点击确认按钮，新增多条数据解决Ech...原创 2019-04-17 15:34:20 · 223 阅读 · 0 评论