webxxx
关注
分享
扫一扫
瞧风风
我曾经喜欢一个人，我过了很久才忘记ta
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
JS操作dom
记录-html子节点、父节点、兄弟节点获取-、js获取子节点的方式1.通过children来获取子节点利用children来获取子元素是最方便的，他也会返回出一个数组。对其获取子元素的访问只需按数组的访问形式即可。var getFirstChild = document.getElementByld("test"").children[0];2.通过获取dom方式直接获取子节点var arr = document.getElementByld("test").getElementsByTagNam原创 2022-03-31 15:12:38 · 746 阅读 · 0 评论 -
vue-quill-editor焦点处理
目录前言一、改进办法前言作者在使用vue-quill-editor过程中发现一个坑，就是vue-quill-editor渲染完成后，会自动获取焦点，这很不合理，对于有很多输入框的界面，如果你的富文本较多，进入页面后直接给你滚到页面底部，用户体验不好。作者用的是3.0.6版本，不知后续有没有改进这个bug一、改进办法作者把vue-quill-editor单独写了一个组件，作者在父组件赋值后，把焦点定位到其他input上，解决了直接定位到vue-quill-editor的bug.原创 2021-04-09 10:44:31 · 2278 阅读 · 0 评论 -
Echart柱形图stack堆叠图显示总数
文章目录前言一、实现原理二、关键代码总结前言实现效果如下：一、实现原理利用最后一个柱形图的label属性，显示总数。二、关键代码// 基于准备好的dom，初始化echarts实例 let myChart = echarts.init(document.getElementById('')); let normal=[320, 302, 301, 334,320, 302, 301, 334]; let larger=[320, 30...原创 2021-03-29 09:35:57 · 8369 阅读 · 0 评论 -
echart重新渲染（新）
我看别人写的博文并不管用，自己看了api研究了一会，各位码子们，见证奇迹的时刻到了myChart.clear();//消除当前实例//option.color=['rgba(65,140,240,1)','rgba(0,22,79,1)'];//改变颜色myChart.setOption(option,true);//重新渲染echart...原创 2021-01-29 13:52:14 · 5854 阅读 · 4 评论 -
Vue实现后台管理系统（GitHub源码分享）
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言 一、pandas是什么？ 二、使用步骤 1.引入库 2.读入数据 总结前言优快云上也有很多人写过Vue后台系统开发文章，不过没有公开源码，博主这个项目陆陆续续搞了半年时间，后端用java写的，这里主要是vue前端的实现。提示：以下是本篇文章正文内容，下面案例可供参考一、资源地址demo预览地址：https://zekeup.com/site/login源码地址（Gi..原创 2021-01-29 11:06:56 · 5452 阅读 · 6 评论 -
echart漏斗图动画效果
一、前言又快过年了，时间过得真快啊！好废话不多说。demo预览地址：https://zekeup.com/openSource/FunnelChart/index.htmldemo下载地址（rar压缩包）：https://zekeup.com/package/FunnelChart.rar博主想实现的效果如下：二、思路想过改变echart的option配置项来实现效果，开始改变data数据，效果不理想，想到改变颜色属性，于是实现了上述效果。ps:其实代码实现不难，难的是.原创 2021-01-29 10:33:51 · 958 阅读 · 0 评论 -
使用Streamdian播放rtsp视频报错[transport:ws] [ctrl] close. code: 4000 Invalid Domain (credentials)
作者因为这个问题困扰了两天，后面发现是因为域名没有激活的问题。解决办法就是购买激活域名后，在代理视频的主服务器上只能用激活域名代理视频。原创 2020-05-20 21:07:27 · 1556 阅读 · 2 评论 -
网页中的iframe自适应高度宽度，延迟计算高宽度
//在iframe onlad时执行下面的代码 id="myFileTableIframe"function IframeAutoHeightAndWidth(){ var iframe=document.getElementById("myFileTableIframe"); if (iframe) { var iframeWin = iframe.conte...原创 2018-11-08 16:25:24 · 425 阅读 · 4 评论 -
bootstrap一次性回显数据，根据form的name属性回显
bootstrap处理编辑时重新加载（回显）数据问题var rows = $("#mainTable").datagrid("getRows");var row = rows[index];//判断input的name属性，当name属性=object的属性时，让这个dom的value=object对应属性的值for(var i in row){ $("#formao input"...原创 2018-12-17 14:02:49 · 2011 阅读 · 0 评论 -
js获取浏览器高度 宽度
/***计算客户端高度**/function getWinHeight() { if (window.innerHeight) { return window.innerHeight; } if (document.compatMode === "CSS1Compat") { return window.document.documentElement.clien...原创 2018-11-08 16:24:27 · 228 阅读 · 0 评论 -
js日期格式化(yyyy-MM-dd)
//日期格式化(yyyy-MM-dd)function dateFmt(value){ if(null!=value&&""!=value){ var date = new Date(value); var y = date.getFullYear(); var m = date.getMonth() + 1; ...原创 2018-11-08 16:24:19 · 6132 阅读 · 0 评论 -
js判断为空
//判断是否为空isNull = function(str) { if (typeof (str) == "undefined" || str == null || str === "") return true; else return false;};原创 2018-11-08 16:24:11 · 2996 阅读 · 0 评论 -
Form表单提交JSON数据
1.定义方法//定义serializeObject方法，序列化表单$.fn.serializeObject = function() { var o = {}; var a = this.serializeArray(); $.each(a, function() { if (o[this.name]) { if (!o[th...原创 2018-11-08 16:24:01 · 1678 阅读 · 0 评论 -
bootstrap Form表单校验（服务器校验重复）
bootstrapValidator ajax服务器校验重复1.在validators加上remote:{ type : "POST", contentType : "application/x-www-form-urlencoded;charset=utf-8", url : "../orgUnitReg/checkName", dataType : "jso...原创 2018-11-08 16:23:12 · 484 阅读 · 0 评论 -
window跳转，重定向
window.location.href= "http://www.xxxxxxxx.net"; 跳转后有后退功能 window.location.replace("http://www.xxxxxxxx.net") ; 跳转后没有后退功能 window.open("http://www.xxxxxxxx.net"); 在新的窗口打开链接，一般用于简单的弹出页面，现在基本上都被屏蔽掉...原创 2018-11-08 16:22:48 · 9407 阅读 · 1 评论 -
网页点击其他地方收缩菜单
//点击其他地方收缩菜单e.stopPropagation();//初始化工具栏 在spreadJS初始化时执行，main.js$(document).click(function(e){ if($("#project_list").show()){ $("#project_list").hide(); } e.stopPropagation()...原创 2018-11-08 16:22:19 · 422 阅读 · 0 评论 -
点击button缩放div，网页局部缩放
绑定button的onclick事件zoomOut，zoomIn。依赖于jquery//缩小zoomOut=function(){ var zoom=getZoomLeve($('#domObj')); var thisWidth=$('#domObj').width(); var thisHeight=$('#domObj').height(); if(z...原创 2019-02-14 16:49:05 · 1615 阅读 · 0 评论 -
orgChart实现竖向排列组织图（js实现组织机构图）
一、前言快过年了，博主这几天不算忙，又刚好用到orgChart来做组织机构图，写了这篇文章，欢迎大家指正。注意：我说的竖向是指文字竖着排列。依赖库：jquery，easyUI，jquery颜色选择器，fontAwesome字体图标，orgChart组织框图orgChart文档：orgChart颜色选择器：jquery颜色选择器插件字体图标：fontawesome字体图标库话...原创 2019-02-14 16:47:22 · 6295 阅读 · 12 评论 -
java itext html转pdf后居中问题解决
在整体的div上加上代码：padding-left: 20pt;padding-right: -20pt;亲测管用原创 2019-06-06 09:32:13 · 2781 阅读 · 0 评论 -
网页自适应（transform），用于单页不滚动网页
//网页自适应 原理：网页根据window宽度高度，缩放大小实现自适应var zoom=1.2;var thisWidth=$('#m_body').width();var thisHeight=$('#m_body').height();$("#m_body").css({ 'transform': 'translate('+(zoom-1)*thisWidth/2+'px,...原创 2018-12-17 14:05:05 · 1698 阅读 · 2 评论 -
网页部分内容（左下侧）自适应
div位于网页的左侧靠边，顶部有一定距离//左侧自适应fixHeight_m=fixedHeight()+1;//!important 浮动元素高度var thisHeight = $("#all_Menu").height();var thisWidth=$("#all_Menu").width();//被放大了 winWidth/ initWidth 倍$("#all_Menu"...原创 2018-12-17 14:05:42 · 206 阅读 · 1 评论 -
Polyfill是一个js库,主要抚平不同浏览器之间对js实现的差异
Polyfill是一个js库,主要抚平不同浏览器之间对js实现的差异原创 2018-11-07 20:56:45 · 1802 阅读 · 0 评论 -
解决鼠标点击和鼠标离开事件冲突
如何在鼠标点击后改变样式，鼠标离开后不改变样式解决：在鼠标点击后给元素加上 class="clickLi" 在鼠标离开事件中判断是否含有 clickLi，有就不执行离开事件...原创 2018-11-07 20:55:45 · 2608 阅读 · 0 评论 -
前端使用的字体中英文对照
宋体 SimSun黑体 SimHei微软雅黑 Microsoft YaHei微软正黑体 Microsoft JhengHei新宋体 NSimSun新细明体 PMingLiU细明体 MingLiU标楷体 DFKai-SB仿宋 FangSong楷体 KaiTi仿宋_GB2312 FangSong_GB2312楷体_...原创 2018-11-07 20:51:06 · 868 阅读 · 0 评论 -
Webpack解决跨域问题
代码：1.在webpack配置文件中配置："devServer": { // contentBase："./" // 本地服务器在哪个目录搭建页面，一般我们在当前目录即可； proxy: { '/login': { target: 'https://api.aaa.com:7443', ...原创 2018-03-05 23:00:22 · 2866 阅读 · 0 评论 -
angular5+webpack使用Dialog遇到的坑
趁热乎来写一下关于angular5+webpack3使用angular material组件Dialog遇到的坑1.如果需要【弹出框】交互数据，必须在同一个typeScript注册组件，这样才能接收主组件传参。如下：导入包：import { OnDestroy,OnInit,Component,Input,Inject } from'@angular/cor原创 2018-02-06 14:20:36 · 1080 阅读 · 0 评论 -
Angular引入node_modules里面的css文件出错Module build failed：TypeError：URL.startsWith is not a function
问题困扰了好几天，原来是路径的问题。1.目录结构如下：2.webpack配置："include": [ path.join(process.cwd(), "src/styles.css") ], "test": /\.css$/, "use": [ "style-loader", { "lo原创 2018-02-05 17:29:43 · 10039 阅读 · 1 评论 -
angular路由的重定向，pathMatch='prefix'到底是干啥（学习angular5x路由笔记）
具体路由知识官网上已经讲得很清楚，我就说的遇到的坑。关于pathMatch='prefix'的用法代码： {path:'a',redirectTo:'/dialog',pathMatch:'prefix'}, {path:'dialog',component:ConfirmDialog},首先你应该了解，pathMatch='prefix'的官方意思是“当剩下的URL以这个跳转路由中的...原创 2018-02-11 15:26:49 · 5867 阅读 · 0 评论 -
解决前端浏览器兼容问题
<!--加载meta IE兼容文件--><!--[if lt IE 9]><script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script><script src="https://oss.maxcdn.com/libs/respond.js/1...原创 2018-11-07 20:59:42 · 538 阅读 · 0 评论 -
html滚动条样式
/* 针对谷歌浏览器生效的。（不兼容火狐，IE） */::-webkit-scrollbar{ width: 6px; height: 6px; background-color: #F5F5F5;} /*定义滚动条轨道 内阴影+圆角*/::-webkit-scrollbar-track{ -webkit-box-shadow: ...原创 2018-11-07 21:04:32 · 576 阅读 · 0 评论 -
判断checkbox是否被选中
if ($('#checkbox-id').prop("checked")) { // do something}原创 2019-05-17 17:14:45 · 2286 阅读 · 0 评论 -
bootstrap弹出框不显示EasyUI dataGrid数据
修改 弹出框为bootstrap弹出框bootstrap弹出框不显示EasyUI dataGrid数据：解决办法，在 dataGrid加载前加上 代码：$('#myModal').on("shown.bs.modal",function(){ $('#listDataTable').datagrid('resize');});...原创 2019-05-17 17:15:45 · 748 阅读 · 0 评论 -
Form表单自动填充JSON对象，bootstrap表单回显方案
判断input的name属性，当name属性=object的属性时，让这个dom的value=object对应属性的值for(var i in row){ $("#formao input").each(function(index,dom){ if(i==$(dom).attr("name")){ $(dom).val(row[i]); ...原创 2019-11-01 15:45:07 · 779 阅读 · 0 评论 -
网页img 居中办法
img 居中办法 在父级div设置line-height 49px; 在img设置vertical-align: middle;.nav .logo_a{ line-height: 49px;}原创 2018-11-07 21:06:23 · 2325 阅读 · 0 评论 -
前端单位
rem 单位翻译为像素值是由 html 元素的字体大小决定的。 此字体大小会被浏览器中字体大小的设置影响，除非显式重写一个具体单位。em 单位转为像素值，取决于他们使用的字体大小。 此字体大小受从父元素继承过来的字体大小，除非显式重写与一个具体单位。...原创 2018-11-07 21:05:58 · 243 阅读 · 0 评论 -
HTTP协议语意 客户端如何请求服务器资源，HTTP方法列表（读RESTful webApi笔记）
用HTTP协议请求服务器的方法：1.get获取资源2.delete删除资源3.post基于给定的表述信息，在当前资源的下一级创建资源4.put替换资源，即更新资源5.head获取报头信息6.options获取资源所能响应的http方法列表7.patch和put一样的功能，但他更为细粒化，用于对资源的部分修改，put是完整提交并覆盖小发现：post可以为所欲为，因为post可以提交任意的数据块，而数...原创 2018-02-10 21:27:34 · 637 阅读 · 0 评论