js
高彬
C#程序员,欢迎交流,QQ:31705252
展开
-
vue父子组件事件的回调
vue父子组件事件的回调。目标1:父调用子组件的事件无参数,父事件执行完回调子组件事件;目标2:父调用子组件的事件有参数,父事件执行完回调子组件事件。原创 2022-11-12 12:32:55 · 2020 阅读 · 0 评论 -
使用vue+div+svg实现审批流程图功能,可生成JSON格式
前段时间手写一个画审批流程的功能,当时使用的纯svg实现的,使用期间遇到了一些问题,纯svg实现逻辑会复杂一些,比如:svg矩形不能写文字、元素内不能放子元素等,所以这次使用“DIV+SVG”重新开发一版。上一个纯SVG纯地址是:SVG绘制流程图_高彬的博客-CSDN博客_svg流程图项目中需要绘制流程图,在网上找了几个开源插件,了解后项目要求都不完全匹配,改代码几乎不可能,代码太长了,看懂都是一个问题!!因此从零手写,参考了wps和ProcessOn的流程图前端代码,想出两种方案:一、div+canv原创 2022-05-04 13:47:15 · 3438 阅读 · 0 评论 -
H5标签进入或退出可见区域时触发事件
任意一个html元素进入可见区域时触发指定事件,退出可见区域时也触发指定事件,并可控制执行次数。浏览器支持IntersectionObserver则使用不支持则使用scroll 监听。原创 2022-04-14 19:01:59 · 650 阅读 · 0 评论 -
H5页面路由管理
项目情况:项目未做 前后端分离(目前前端和后端同一个项目);项目类型:.Net5 MVC ;路由需求:每个页面可以独立访问 ,且每个页面可以局部加载,比如:A页面中可以加载B页面,做为A页面的子页面,或A页面可以跳转到B页面并保持A页面的状态不变(即从B页面反回A页面后A页面的数据仍然存在,可继续使用),不得使用location跳转。解决方案:市面上已知的路由插件没有可适用本项目的,因此根据项目需求,从0开发此插件。路由效果:页面跳转-局部加载直接访问某个页面-完整加载原创 2021-10-12 11:21:53 · 1156 阅读 · 0 评论 -
layui插件city-picker扩展done事件
没查到city-picker有done事件,因此扩展:应用示例:(选择省区后在事件内获取值)—完—原创 2021-08-30 14:17:15 · 249 阅读 · 0 评论 -
复杂JSON转FormData
项目迁移后使用使用axios发送请求默认数据格式是payload,之前老项目使用使用jquery数据格式是FormData,项目服务端只能接收FormData格式的,所以只能想办法修改axios的数据格式,查了一些资料没发现可以配置就可以解决的办法 ,有的人说加下面一段代码即可:axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';测试多次无效果,又有人说直接把 数据改为FormData,原创 2021-08-23 19:16:17 · 3379 阅读 · 2 评论 -
axios发送请求,后端报错:所需的防伪表单字段“__RequestVerificationToken”不存在
后端使用.net mvc开发,前端使用axios发送post请求遇到错误:所需的防伪表单字段“__RequestVerificationToken”不存在。看到此提示我们知道原因是:MVC的跨站攻击(CSRF)安全机制获取不到__RequestVerificationToken。但是不知道axios如何传参才能拿后端的安全机制获取到,百度各种搜索半天后扔未果,后来想办法 google,秒获答案 (谷歌真不是吹的,牛!!),虽然不是正面解决,但解决方案依然很满意 、很优秀,解决方法如下:1、新建一个过原创 2021-04-23 17:27:30 · 2186 阅读 · 2 评论 -
bootstrap的popover呈现table
效果如下图:原生的popover只支持 静态内容,此示例中的table是动态渲染的,需要对部分源码稍作调试。POPOVER插件调整如下:+function ($) { "use strict"; // POPOVER PUBLIC CLASS DEFINITION // =============================== var Popover = function (element, options) {原创 2020-11-19 17:11:36 · 1155 阅读 · 0 评论 -
实现radio取消选中的功能
如下图,当有一组radio,如果选中一个后,默认必须选中其中一个,如何才能实现取消选中所有项呢?最好的操作习惯是再次点击选中项 自动取消选中状态,但是默认情况下,点击选中的radio,还是选中状态 ,下面我们通过js改变这种默认形为,以达到点击选中项自动 取消选择的目的:html:<label class="ms-radio ms-radio-default"><input type="radio" name="a">nano卡</label>..原创 2020-09-29 17:13:47 · 8679 阅读 · 3 评论 -
基于jquery的向导功能,html+css+js
效果图:以下代码是本人手写,使用前请测试。定义HTML结构: <div class="ms-wizard"> <ol> <li class="done" >选卡</li> <li>选资费</li> <li>下单</li> <li>发卡</li> .原创 2020-09-22 15:58:50 · 260 阅读 · 0 评论 -
C# ajax传递Dictionary参数
使用.NET MVC开发web项目时,controller已经可以自动解析ajax参数,一般类型参数传递都比较直观,如string,int,list,如果想把参数传给Dictionary,假如我们定义的字典是:Dictionary<string,string>,那么web端参数格式是:let data={a:"1",b:"2",c:"3"};//使用jquery库发送post请...原创 2019-10-10 17:40:47 · 1933 阅读 · 0 评论 -
让jquery-mobiscrollv2.5.1支持只显示年和年月
jquery-mobiscrollv2.5.1版本不支持在显示时隐藏日,为了达到让控件只显示"年" 或 "年月" 的效果 我们对源代码做一定的调整原创 2017-08-16 09:33:58 · 2719 阅读 · 6 评论 -
解决jquery.tmpl.js的BUG,页面上存在与${key}键值相同的id名,则出现object HTMLInputElement之类的默认值
解决jquery.tmpl.js的BUG,页面上存在与${key}键值相同的id名,则出现object HTMLInputElement之类的默认值原创 2017-11-01 11:31:56 · 973 阅读 · 0 评论 -
移动端按钮组左右滑动
移动端触摸相关功能,其中最不好理解的是screen、page、client相对坐标的问题,我画了一个简图帮助记忆原创 2017-10-28 10:57:50 · 1515 阅读 · 0 评论