jinggaoniao-优快云博客

原创 layui table的使用方法以及基本操作

layui table用于对表格进行一些列功能和动态化数据操作，涵盖了日常业务所涉及的几乎全部需求。支持固定表头、固定行、固定列左/列右，支持拖拽改变列宽度，支持排序，支持多级表头，支持单元格的自定义模板，支持对表格重载（比如搜索、条件筛选等），支持复选框，支持分页，支持单元格编辑等等一些列功能。(本段话来源于layui官网)一、基本使用方法layui table的使用方法很简单，可以总结为三个步骤：绑定容器、设置数据接口、在表头设定对应的字段以下表格即是一个简单数据表格最基本的样子对应

2020-07-28 10:36:00 23538

原创截取字符串

js截取字符串

2022-05-13 16:11:21 146

原创 go.js新版本动画使用

var node = myDiagram.nodes.first(); //找到一个需要加动画效果的节点var shape = part.findObject("SHAPE"); // 假设这个节点的go.Shape 里面有一个.name = "SHAPE"的形状var animation = new go.Animation();animation.add(node, "position", node.position, new go.Point(400, 500));// 将此节点从其当前位置.

2021-03-08 09:14:57 532

原创解决layui table页面一加载页面有滚动条的话表格也有滚动条

解决layui table页面一加载页面有滚动条的话表格也有滚动条只要在css中加入body{overflow-y:scroll;}就可以解决了

2021-01-28 13:56:57 1287

转载兼容firefox，ie，谷歌，阻止浏览器冒泡事件，Firefox不支持event解决方法

兼容firefox，ie，谷歌，阻止浏览器冒泡事件，Firefox不支持event解决方法转载出处：https://www.cnblogs.com/lxf1117/p/7366756.html// 获取事件function getEvent(){ if(window.event) {return window.event;} func=getEvent.caller; while(func!=null){ var arg0=func.a

2020-10-21 09:31:24 305

原创笔记：json对象去重函数及json对象组合函数

json对象去重函数：例：data= extend(data1,data2);function extend() { var length = arguments.length; if(length == 0)return {}; if(length == 1)return arguments[0]; var target = arguments[0] || {}; for (var i = 1; i < length; i++) { v.

2020-09-25 14:46:31 244

原创 js怎样在字符串里添加空格

项目中有一个情况，需要将后台返回的空数据转成一个空格输出我用 得话，输出到页面上得竟然直接是一个' '得字符串查阅资料最后是用\xa0就可以了例如'prev\xa0next',浏览器会解析为prev next...

2020-09-24 17:05:54 4000

原创解决jspdf导出pdf中文乱码

最近的项目中有一个新需求，要求前端将页面导出为pdf文件，翻阅资料，找到了jspdf这个文件生成库，唯一出现的bug就是中文乱码，如下图所示：好在找到了解决的方法，现将解决方法记录如下：第一步：先将jspdf下载下来https://github.com/MrRio/jsPDF找到里面转换字体的文件第二步：选择合适的字体。我这里选择的是电脑自带的黑体进行的转换，你们也可以根据需求去转换自己需要的字体。找到电脑中simhei.ttf文件，打开上一步中的fontconverter.ht

2020-09-23 13:57:09 5449 1

原创前端js接收后台word文件流导出word文件

最近项目中有一个导出word文件下载的功能需求，前台post请求后台php返回word文件，传到前台，发现直接用ajax并不能导出，于是查阅资料，最后用的是XMLHttpRequest方法实现，话不多说，以下为实现代码：//创建请求function xmlrequest () { var xmlreq = new XMLHttpRequest(); xmlreq.open('post', '请求地址', true); xmlreq.responseType = 'blob';

2020-09-23 09:43:00 3009

原创 js时间戳转年月日时分秒

日常用插件function formatDate(timestamp) { var date = new Date(timestamp); var year = date.getFullYear(); var month = addZero(date.getMonth() + 1); var day = addZero(date.getDate()); var hours = addZero(date.getHours()); var minutes .

2020-09-11 14:36:15 1459

原创级联下拉select

html:<select name="" id="select1"></select><select name="" id="select2"></select>js:var select1=document.getElementById("select1") ;var select2=document.getElementById("select2") ;var data1 =["搜索引擎","营销广告","其他"];var dat.

2020-08-28 08:43:32 472

原创 js获取json的key值和value值

1、通过for-in获取var json = {"name" : "Tom", "age" : 18};var keyarr = [];var valarr = [];for(var key in json){ keyarr.push(key); valarr.push(json[key]);}console.log(keyarr,valarr)2、通过jquery的$.each获取var json = {"name" : "Tom", "age" : 18};v

2020-08-27 09:30:06 4385

原创 echarts做渐变色象形图

要实现的效果如下图所示：话不多说，直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>echarts 渐变色象形图</title> <script src="echarts.min.js"></script> <style> div{width

2020-08-12 15:32:26 1333

原创 layui 穿梭框 layui.transfer

本文是自己对layui.transfer 穿梭框的基本使用总结，未涉及到的内容可以在layui.transfer官方文档中查找。下图为穿梭框的基本样式，效果还是不错的，能够满足系统中多种场景下的需求，它可以进行数据的交互筛选。1、基础效果实现<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>穿梭框组件</title> <link rel

2020-08-04 10:22:47 12539

原创 json字符串/数组/json对象相互之间的转换

1、json字符串转json对象// jquery的方法var jsonObj = $.parseJSON(jsonStr)//js 的方法//方法一var jsonObj = JSON.parse(jsonStr)//方法二var jsonObj = eval('(' + jsonStr + ')');2、json对象转json字符串var jsonStr1 = JSON.stringify(jsonObj)...

2020-08-03 15:56:51 209

原创初级脚本算法编程实战

1、翻转字符串算法挑战function reverseString(str) {var strarr = str.split("");strarr = strarr.reverse();str = strarr.join("");return str;}reverseString("hello");2、阶乘算法挑战function factorialize(num) {if(num <= 1) return 1; return num*factorialize(

2020-07-30 15:33:52 266

原创 jQuery打印插件

jQuery.print是一个用于打印页面特定部分的插件用法导入jQuery后将其包含在HTML中，如：<script type="text/JavaScript" src="path/to/jquery.print.js"></script>

2020-07-27 11:36:51 1141

原创 go.js基本api

本文主要是对go.js做了一个简单用法api的说明，文章中所有的字段、方法、对象等都有简单的注释，全文都是对go.js官网api的搬运，go.js官方网站：https://gojs.net/latest/index.html画布基本定义类API定义全局变量官方用的$，因为go.js是可以与jquery一起用的，所以这个全局变量可以自己定义为别的，以防与jq冲突var $ = go.GraphObject.make; // 定义变量，官方用的$基础画布定义有的是互相冲突的，只是把所

2020-07-24 16:45:21 2181 1

原创 layui table一行数据编辑之后利用update在不刷新页面的情况下更新行数据

table.on('tool(table)', function(obj){ if(obj.event === 'edit'){ layer.confirm('是否确定修改当前数据?', function(index){ $.ajax({ url: "/public/index.php/Admin/Snmp/setting/id/" +obj.data.devid, dataType:'json.

2020-07-24 10:07:02 8988 2

jinggaoniao的博客