前端
OK_boom
大龄搬砖工,酷爱计算机技术,java/C#/android/free pascal/C++。
展开
-
a-table的列自定义显示
然后在a-table体内定义这个插件,原创 2023-03-15 15:28:31 · 98 阅读 · 0 评论 -
备忘一下js的字符串格式化参数
我的{description}是{name}’.format({name:‘陈大文’,description:‘姓名’})‘我的{0}是{2},{1}’.format(‘aa’,‘bb’,“ddd”)‘我的aa是ddd,bb’‘我的姓名是陈大文’原创 2022-11-25 16:45:44 · 236 阅读 · 0 评论 -
Vue主动触发点击事件
备忘一下,百度的都是扯蛋,还得靠自己。原创 2022-11-04 09:40:37 · 1079 阅读 · 0 评论 -
ES6的数组、对象拷贝
备忘一下es6的数组、对象拷贝原创 2022-07-20 16:01:05 · 1278 阅读 · 0 评论 -
Vue2.x的组件实现、参数传入传出、事件传递...
这个小玩意将params从homeview开始通过m1传入,m1里面有两个base,click后params的p1会自增1,然后params再传出到homeview的插件里面显示。$attrs只会保存父组件传过来且props里面没定义的属性,所以要完整将参数再传给另一组件,需要用。下面代码演示,原始组件base,子组件m1,调用方HomeView如何调用m1和参数、事件传递的。...原创 2022-07-19 09:33:48 · 398 阅读 · 0 评论 -
Vue 组件利用Slot插件作用域的参数传递
下面我做个例子,比如我的组件里面的查询栏里面开了一个插槽,希望调用方引用我这组件时可以增加状态查询的输入,并且将查询参数queryParam传过去...原创 2022-07-16 14:08:13 · 5343 阅读 · 0 评论 -
利用Vue的插槽和插件功能扩展组件的自定义功能
目标:让Jmodal具有安插自定义按钮的功能步骤自定义的取消和确定取用$emit(‘xx’)的方法直接调用相关事件以实现动态关联事件的调用调用JModal要指明slots有什么,再提供插件原创 2022-07-14 17:59:16 · 700 阅读 · 0 评论 -
JEditableTable的使用技巧
Jedittable靠积入JeecgListMixin来实现查询,created的时候会优先执行JVxeTableModelMixin的created,所以会优先load一次data。好在它有个开关可以关闭它自动加载数据。在我们自己的查询vue处理上,在data里加入disableMixinCreated:true并且在created里面自己手动加载数据即可。.........原创 2022-07-06 11:45:47 · 1884 阅读 · 0 评论 -
备忘一下jvxetable的各种数据集获取方法
。原创 2022-07-05 15:31:14 · 1062 阅读 · 0 评论 -
Jvxetable用slot植入j-popup
上一篇讲了如何根据当前记录确定jpopup field是否disabled(https://blog.csdn.net/rocklee/article/details/125581874?spm=1001.2014.3001.5501),这里讲一下如何利用slot插槽方式指定template为j-popupslot里面的jpopup指定的参数– param 浏览记录时指定的过滤参数– row 带进去的当前记录– disabled 动态判断是否禁用– input 回调事件安插这个插槽将某个字段原创 2022-07-04 17:01:57 · 619 阅读 · 0 评论 -
改善Jpopup以实现动态控制disable
Jeecg的Jpopup的disabled属性写死了要boolean类型,所以打它的主意是不行的,所以需要增加一个function类型的参数又实时确定状态增加computed调用将原disabled='disabled’改为disabled=“computeDisabled”修改JVxePopupCell.vue修改popupProps,加上row,column的传递应用在jvxetable的具popup类型的column的定义可以这样应用:因为column的props发展会悉数原创 2022-07-03 10:40:24 · 458 阅读 · 0 评论 -
vue的slot插槽应用(具名、作用域)/Jvxetable多列共用一个插槽显示内容
插槽这个叫法很贴切,比如主板上预留的PCIE插槽就空在那,你爱往里面插什么卡就插什么卡,插显卡、SSD都行。vue的插槽其实也是这个概念,不过这个插槽是for UI显示用的,对自定义组件的自定义扩展很有用,比如,定义了个mybutton,调用它的时候,自由安插任何内容到插槽里面又或者命名插槽如果给插槽安上名字,那么看下怎么用先给自定义组件改为能接受slot1,slot2两个插槽:调用,提供了3个插件,结果是slot3因为组件没有相应的插槽,所以会被丢弃......原创 2022-06-29 12:29:49 · 1485 阅读 · 0 评论 -
备忘一下es6的export/import和类继承的用法
备忘一下,不知道有没有理解错export default 这个默认导出, import时直接导入名字即可,不要给名字加{}export 后面带具体名字的(比如函数名,对象名), import时要 import 加上大括号{}es6的类也有继承extends语法糖, 调用父类方法用super.xxx(),调用父类构建用super()下面是例子, a.js是父类里面的代码:b.js 引用a.js:......原创 2022-06-28 16:22:23 · 501 阅读 · 0 评论 -
JvxeTable子表记录加载完毕事件
JvxeTable其实用的是vxeTable,但是可惜的是vxeTable没有加载完毕事件。查jvxeTable代码,发现JVxeTableMixin.methods.requestSubTableData最后一个参数success就是获取远程数据成功后的回调目标:在子表加载完毕后,检查子表记录是否有未下跟单的记录,有的话才显示下跟单的按钮...原创 2022-06-28 12:03:01 · 612 阅读 · 0 评论 -
Jvxetable增加自定义按钮
上一篇讲到如何动态让默认的一些按钮消失,这篇就讲一下如果实现在工具栏加入自定义按钮查代码发现jvxetoolbar提供两个插槽,一个是prefix,一个是suffix,所以你可以在默认按钮前面或后面加上自己的自定义按钮都可以。而prefix的插槽名为toolbarPrefix,suffix的插槽名为toolbarSuffix。下面给出例子:...原创 2022-06-25 17:14:14 · 1496 阅读 · 0 评论 -
自定义JvxeTable的按钮及备注下$set的用法
目的:由于权限问题,希望在某些router下,JvxeTable的JvxeToolbar所有按钮不要出现。首先,先了解一下JvxeTable的toolbar是怎么控制按钮的:原来是通过showXXX来控制是否显示按钮,那么再看一下showXXX是以什么方式出现:它出现在computed里面,其实最终是受toolbarConfig.btn控制(题外话,jvxetable传toolbarConfig参数给jvxetoolbar,把btn写错了,table里面定义的是btns而toolbar里面取值用的btn原创 2022-06-25 15:03:25 · 1052 阅读 · 0 评论 -
es6的Promise执行顺序
备注一下es6的promise执行顺序原创 2022-06-16 11:29:23 · 281 阅读 · 1 评论 -
jqGrid api 中文说明
jqGrid学习之 ------------- 安装jqGrid安装很简单,只需把相应的css、js文件加入到页面中即可。按照官网文档:/myproject/css/ ui.jqgrid.css /ui-lightness/ /images/ jquery-ui-1.7.2.custom.css/myproject/js/ /i18n...转载 2020-12-02 14:15:04 · 4671 阅读 · 0 评论 -
javaScript如何获得Html组件被绑定的事件并进行执行前的拦截
应用场景: 最近遇到一个case就是用了第三方一个jqGrid的扩展包, 它会拦截searchForm的submit事件进行ajax递交(将原先的submit吞了), 而实际应用中又需要在点击递交前对输入参数进行判断, 不满足条件时取消递交操作.问题解决:也就是说, 需要获得原先已绑定的submit事件例程, 然后将submit事件转向自己的事件处理, 在判断后若通过才执行原先的submit处理例程$(document).ready(function(){ var events=$._data原创 2020-11-24 15:27:04 · 331 阅读 · 0 评论 -
jExcel api指引
jExcel quick referenceMETHODSMethod Example getData:Get the full or partial table data @Param boolan onlyHighlighedCells - Get only highlighted cells myTable.getData([bool]); g...原创 2020-02-28 15:37:49 · 1978 阅读 · 0 评论 -
mui资料
http://www.dcloud.io/hellomui/ UI效果http://dev.dcloud.net.cn/mui/ui/http://dev.dcloud.net.cn/mui/window/http://dev.dcloud.net.cn/mui/event/http://dev.dcloud.net.cn/mui/util/http://dev...转载 2019-03-02 22:15:48 · 266 阅读 · 0 评论 -
兼容IE8/Chrome的autocomplete
最近发现新的一个项目里面,在用了bootstrap/后,jquery.ui自带的autocomplete在IE8下会偶然发疯,不定时地强行切换至"兼容模式",而这种模式让UI变样. 后来在网上发现一个改自typeahead的autocomplete插件, 下载试了下感觉很棒,代码量少,无需css支持,而且完美兼容IE8,于是加了一些功能代码分享在 https://git.oschina原创 2016-10-14 15:37:15 · 3712 阅读 · 1 评论 -
用js实现终端设备和服务器时间的同步,忽略时区正常显示东8区时间
问题: 移动设备可能时区/时间都不准,而由于权限问题,js不可能将服务器时间同步到本地设备。 解决问题的思路是,登录时从服务器取回时间,再与本地时间对比得出差值,每次用new Date()得到当前时间的时候要加上这个差值。而另一个时区问题,如果移动设备的时区不是东8区,则可通用时区加减运算,将时间变为东8区时间。 1、登录后从...原创 2019-08-16 12:05:46 · 491 阅读 · 0 评论 -
js UL滚动到指定的item
<ul> <li>item 11</li> <li>item 12</li> <li>item 13</li> <li>item 13</li> <li>item 14</li> <li>item ...转载 2019-08-20 17:41:23 · 1467 阅读 · 0 评论 -
jquery File Upload 插件应用之同时递交form field与多个文件
之前有一文章讨论如何用jquery File Upload(http://blueimp.github.io/jQuery-File-Upload/) 上传文件并取得返回的json对象. http://blog.csdn.net/rocklee/article/details/52759350 但是这个例子用的是选择了文件后立即上传,如果还需要输入其他form field一起递交的话,后台原创 2016-11-19 15:33:47 · 3262 阅读 · 0 评论 -
用例子说明event.stopPropagation与event.preventDefault的区别及如何兼容IE8
严格来说stopPropagation与preventDefault其实没什么关系,一个是停止传播事件,一个是阻止默认的行为。 由于IE8并不兼容这两个方法,所以,我们如果需要考虑兼容性的话,应该这样写:if (event.stopPropagation){ event.stopPropagation();}else{ event.cancelBubble=true;}i原创 2016-11-14 17:16:18 · 9024 阅读 · 2 评论 -
jquery File Upload 插件应用之解析返回json对象
后端用spring mvc+module:Controller:@AuthPassport @RequestMapping("/EAF301L1/upload/{appno}/{rev}") public @ResponseBody String uploadFile(HttpServletRequest request,@PathVariable("appno")String pvA原创 2016-10-08 18:01:46 · 4679 阅读 · 0 评论 -
30个你不可不知的CSS选择器
一、五大基本选择符1. *(通配符)*通配符选择器,经常用于css reset(样式重置),清理标签的默认样式,但现在一般不提倡直接使用*了,主要是*会匹配所有标签,相当耗资源。*在css的优先级中是最低的。* {margin: 0; padding: 0;} 也可以用*来匹配某一元素下的所有子元素:#container * {border: 1px solid bla转载 2016-10-20 10:48:49 · 1408 阅读 · 0 评论 -
jQuery UI 实例 – 定位(Position)
相对窗口、文档、锚、光标/鼠标等元素定位一个元素。如需了解更多有关 .position() 方法的细节,请查看 API 文档 .position()。默认功能使用表单控件配置位置,或者拖拽被定位的元素来修改它的偏移量。向四周拖拽父元素来查看碰撞检测。1234567891011转载 2016-10-23 21:47:00 · 1714 阅读 · 0 评论 -
工具推荐 10款用过都说好的移动界面原型设计工具
首先,一款优秀的 移动APP界面原型设计工具应该具备: ①.支持移动端演示(随时随地演示给BOSS,厕所&食堂&电梯…以体现我是那么的敬业——长点工资必备) ②.组件库(高效复用,谁用谁知道) ③.可以快速生成全局流程(程序猿看不懂拆解的,给丫的看这个) ④.在线协作(多个PM狗一起用) ⑤.手势操作、转场动画、交互特效…(这些都不需要,留给专业的转载 2016-09-18 12:35:34 · 5940 阅读 · 3 评论 -
通过定义css让页面可以打印指定的底色
tr.header { background-color: #ccc !important;}@media print {tr.header { background-color: #ccc !important; -webkit-print-color-adjust: exact; }} 不知道为什么已经勾选了IE的打印底色不行,chrome也不行原创 2016-09-17 11:09:53 · 3540 阅读 · 2 评论 -
jQuery合并对象数组例子
var a=$("#a");var b=$("#b");var c=$.merge(a,b);c就是合并后的结果。原创 2016-08-29 20:17:56 · 7543 阅读 · 0 评论 -
用jQuery对checkbox操作:获得所有选中的checkbox对象并过滤
在一张二维表中有“授权”和“只读”两个字段的checkbox,可以让用户随意点击选中,点击递交后将这些checkbox筛选出来再上传至服务器: 由于手动点击改变的值,用[checked="checked"]这样的筛选是没用的,应该要用input:checked: var lvChecked=$("#div_d_disp form input:checked"); var lv原创 2016-08-30 17:51:47 · 6178 阅读 · 0 评论 -
在jquery ui dialog里面的autocomplete和chosen插件的下拉列表被覆盖的解决方法
如果在dialog里面的编辑控件应用了autocomplete或chosen,它们的下拉列表有可能被容器覆盖看不完全,如下图:这时候需要修改容器的overflow属性为visible即可,dialog('open')后执行: $("#Win_Insert_m").add($("#Win_Insert_m").parent()).css("overflow","visible")原创 2016-12-30 11:12:06 · 2157 阅读 · 1 评论 -
HighCharts 的column显示null值和0值效果/Column点击事件
先定义渲染函数, 注意3D参数选项, 还有click event 部分.function redrawPassRateTd(pvSerie,pvStation,pvData,pvTd){ var lvChart=$("<div style='height:180px'></div>"); pvTd.append(lvChart); lvChart.highcharts...原创 2018-03-30 14:36:20 · 1350 阅读 · 0 评论 -
html5 sqlite orm工具- persistence
https://github.com/coresmart/persistencejs===HTML 5 离线存储简介离线存储 (Offline Storage) 是 HTML 5 规范中重要的一项特性,实现了 HTML 5 离线存储规范的浏览器将支持开发人员把客户端的某些资源缓存在浏览器中,也支持开发人员将数据直接保存在用户本地,以实现在没有网络连接的情况仍然可以使用 Web 应用程序...转载 2019-07-22 08:46:21 · 523 阅读 · 0 评论 -
html5 sqlite ORM访问组件
此组件主框架来自网络,然后增加了数据库版本控制,ORM功能,并能兼容chrome和移动设备android (5以上)和ios的safari。/*** * 数据库升级管理类 * @param dbname * @returns {{doUpgrade: doUpgrade, getCurVersion: getCurVersion}} * @constructor * by...原创 2019-07-20 16:00:27 · 185 阅读 · 0 评论 -
备注一个前端js工具网站
https://www.sojson.com/原创 2019-04-29 11:30:34 · 221 阅读 · 0 评论 -
MUI学习笔记: 环境的搭建/app升级处理/自定义基座...
1/ 用网上提供的自定义基座转为Android studio项目,我的做法是在这个项目下建立5+app的源代码文件夹如下图:2/下载最新的HBuilderX,打开上图中的源代码文件夹,然后右键识别为app,用HBuilderX写代码/调试3/增加升级代码upgrader.js(function(owner) { owner.updateurl="http://yoursi...原创 2019-03-08 10:32:10 · 1809 阅读 · 0 评论 -
用javascript获取页面可见的高度
var h = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight; //height原创 2018-04-19 14:23:16 · 229 阅读 · 0 评论