javascript
文章平均质量分 78
code2roc
当你老了,回顾一生,就会发觉:什么时候出国读书、什么时候决定做第一份职业、何时选定了对象而恋爱、什么时候结婚,其实都是命运的巨变。只是当时站在三岔路口,眼见风云千樯,你作出抉择的那一日,在日记上,相当沉闷和平凡,当时还以为是生命中普通的一天。
展开
-
基于jsplumb构建的流程设计器
流程设计器中最基础的两个元素为活动(节点)和变迁(连接),我们需要以下基础功能来配合相关接口进行工作流相关设计数据的保存/修改活动的添加/删除/移动变迁的添加/删除活动/变迁数据的全部读取根据json渲染活动与变迁相关引入依赖如下表所示名称功能jsplumb.js设计器主要依赖,用于绘制相关图形与动态操作实现jquery.jsjsplumb依赖的库jsplumb依赖的库,进行拖拽绑定实现右击菜单模板引擎渲染活动,避免字符串拼接。原创 2023-02-19 18:33:55 · 842 阅读 · 0 评论 -
web系统添加盲水印
为增加系统安全性,避免重要敏感信息通过截图方式泄露,对web页面增加盲水印标识,标注系统名称,登陆人,当前时间等信息,这里的盲水印指肉眼不可见的html水印。原创 2022-11-26 17:13:04 · 1043 阅读 · 0 评论 -
c#与js的rsa加密互通
ASN.1抽象语法表示(标记)ASN.1(Abstract Syntax Notation One )一种数据定义语言,描述了对数据进行表示、编码、传输和解码的数据格式。网络管理系统中的管理信息库(MIB)、应用程序的数据结构、协议数据单元(PDU)都是用ASN.1定义的。可以理解为ASN.1是对密钥结构定义的一种规范密钥结构类型PKCS#1RSAPublicKey ::= SEQUENCE { modulus INTEGER, -- n pub.原创 2021-03-20 14:29:56 · 962 阅读 · 1 评论 -
mustache.js实现首页元件动态渲染
前言在项目开发过程中,特别是OA类软件,会针对邮件/待办/公告等模块在主页面进行快捷查看的元件展示要求,类似效果如下针对框架层面,我们可以进行后台的可视化配置,使用mustache.js在主页面进行动态渲染,避免了对主页面的繁琐的硬编码工作,同时针对每个信息展示的元件进行内部个性化处理表结构包含了元件名称,元件模板路径,元件列表数据路由,查看更多路由,启用/禁用等可视化配置模板定义这里的模板直接使用的html文件,方便css与js的修改,简单的使用了mustach原创 2020-12-27 13:12:13 · 383 阅读 · 1 评论 -
zui动态树形菜单二次渲染
在使用zui树形菜单的过程中,由于需要个性化点击事件,采用的是html拼接字符串后使用 $('#indexTreeMenu').tree();方法渲染,但是在隐藏菜单再次显示后,子菜单的指向箭头图标消失,示意如下正常情况:隐藏整个菜单再重新填充html后:查看源码tree事件发现会对渲染过后的树初始化数据对象修复这一问题的办法是在渲染之前重置Tree的data对象,可以真正进行二次渲染//重置$('#indexTreeMenu').data('zui.tree', nu.原创 2020-12-05 19:28:09 · 476 阅读 · 0 评论 -
后台管理tab栏滑动解决方案
后台管理系统中比较常见的布局是左边菜单栏,右边tab切换栏,但是一般的tab组件不包含tab页过多的切换问题的,所以需要个性化实现,本文的实现方案是滑动鼠标滚轮绑定tab达到切换的效果,先上一个动态图看下效果tab滑动栏布局代码如下 <div class="tabmain" id="tabmain"> <div v-for="tab in tabList"...原创 2019-12-12 20:12:46 · 929 阅读 · 0 评论 -
vue+elementui实现多级菜单栏(x-template模板方式)
最近在写框架,开发主页面的时候布局采用的是左侧菜单栏的形式,因为没有现成的轮子与使用技术栈的原因,选择使用elementui的navmenu控件进行改造,实现多层级的菜单栏展现样式,先上个效果图因为是使用asp.net mvc5进行的开发,所以不可能使用webpackge纯前端的方式使用vue单文件的形式造轮子,所以经过搜索,决定使用x-template类型的脚本文件作为模板载体进行二次封...原创 2018-08-22 20:03:27 · 8713 阅读 · 1 评论 -
bootstrap3-dialog打开嵌套iframe窗口
bootstrap3-dialog是一款第三方提示框插件,但是使用过程中感觉对打开新的远程页面不太友好,而打开表单嵌套在原页面中又显得代码非常臃肿,所以对bootstrap3-dialog进行二次封装,将新页面嵌套进dialog,形成全局统一的打开页面方式。 我们二次封装的时候就不能使用自带的快速初始化dialog了,要重新new一个全新dialog,再进行属性的一一设置,先上个代码...原创 2018-06-30 10:01:16 · 4626 阅读 · 2 评论 -
layui弹出层使用方法总结
layui的模态窗口很强大,但是使用的时候要声明很多东西,并且对于窗口之间的参数传递也没有做具体的说明,所以基于layui弹出层的api进行了一些简单的封装,使用起来更加顺手,先上代码function OpenDialog(id,title, url, width, height,callback,params) { layui.use('layer', function () {...原创 2019-02-13 18:28:27 · 3274 阅读 · 0 评论 -
【Vue】基于Vue封装的无需页面声明的弹出层
说在正文之前:封装的FastDialog-Vue适用于页面级Vue开发,即采用引入Vue.js来进行html页面开发20190124更新:现已支持Vue工程开发模式中使用dialog,详情请见:https://gitee.com/grassprogramming/FastDialog-Vue/tree/vue-using/最近在使用Vue开发基于springboot的后台管理系统前端部...原创 2019-01-19 16:12:59 · 1233 阅读 · 0 评论 -
fullpage.js横屏多页面切换
fullpage.js是一款切换效果插件,支持主流浏览器与ie8+,网上的示例多是纵向切换,但是横向切换示例较少,翻看了一下api文档,调用moveTo方法,即可切换至任意纵向任意横向的分屏中,先看下效果这里没有使用默认导航栏,而是自定义的切换按钮,更加灵活方便,便于修改,页面也使用的是iframe嵌套,官方示例中多是图片背景切换,没有太大的价值,切换代码很简单,首先引用fullpag...原创 2018-12-03 20:15:29 · 1972 阅读 · 0 评论