实用前端插件学习
文章平均质量分 60
yz-俞祥胜
使用.Net编程技术从事于制造业及周边软件产品的开发工作
展开
-
Js-Xlsx Excel上传插件的使用 Excel导入数据
由于使用该该插件的频率较高,经常使用起来还要去以前的项目中寻找demo,所以做个记录个人经常用此插件进行批量导入数据的业务操作所需插件Js-xlsx我提供的下载资源属于优化版本(曾经遇到bug),使用过程中,自行处理好Excel数据格式声明:如遇到bug,请自行判断Demo<input type="hidden" id="hidJson" name="hidJson"><input type="file" id="fileUploader" accept=...原创 2022-03-11 16:47:33 · 1824 阅读 · 0 评论 -
【推荐】超级好用的打印插件Lodop使用笔记 动态赋值 打印模板解决方案
公司的任务:用一个打印插件将所有的业务的单据做成打印模板最终确定使用Lodop 功能的确强大Lodop和以往的Js插件不一样,如果项目着急上线会get不到他的强大,废话不多说,上干活首先,我还是建议大家看看官网的在线样例http://www.lodop.net/文章最后贴了部分代码 新手估计看不动 个人只是笔记记录 有需要可以联系我【经验所得】1模板中参数怎么赋值 1.在前端输出模板内容后,用lodop语法重新赋值 2在后端将模板中参数进行替换,在前端直接输出一开始纠结怎么把..原创 2020-05-30 18:17:05 · 5090 阅读 · 4 评论 -
Iview table render DatePicker
{ title: "日期", key: "JournaDate", align: "center", render: (h, params) => { var vm = this; return h("div", [ h('DatePicker', { ...原创 2019-03-11 13:27:15 · 1249 阅读 · 0 评论 -
【疑难杂症】Iview table render 内部循环触发多次
最近做了复杂的动态table,结果测试的时候显示信息render内部方法循环执行多次经过测试发现,render内部绑定数据时,不要进行数据源修改比如<Table border :columns="tblcolumns" :data="datalist" :row-class-name="rowClassName" :key="index"></table>...原创 2019-03-21 14:08:23 · 2447 阅读 · 2 评论 -
Iview table 动态增加column 增加新栏目
根据项目需要,在业务中,有时候需要多出几列新数据,之前一直思考怎么通过render实现,后台看到别人的帖子想多了,<Table border :columns="tblcolumns" :data="datalist" :row-class-name="rowClassName" :key="index"></table>tblcolumns定义的时候也是数组,我只...原创 2019-03-21 14:18:05 · 8067 阅读 · 3 评论 -
【疑难杂症】安卓混合开发 Ajax请求异常,定时Ajax请求数据不更新,缓存导致的页面数据不更新
最近和安卓进行混合开发,我负责部分的Html有个定时ajax请求,本地测试正常,数据及时更新,集成到App中ajax只有第一次正常,后面Ajax弹出回调,日志显示前台调用成功了,但是后台没有请求日志,前台回调的的数据是第一次请求。打日志,是找bug的最好习惯。大致测试流程:1页面初始化的时候 ajax请求触发了一次,后台接口有请求日志,2人为修改返回值(下次请求,回调结果会变),...原创 2019-04-12 09:50:43 · 539 阅读 · 0 评论 -
[转载]在ASP.NET MVC项目中使用极验验证(geetest) 点击按钮进行验证
https://www.cnblogs.com/dare/p/6823738.htmlgeetest开发体验,写一下快速搭建geetst的步骤(极简模式)首先,我们去geetest注册一个账号 ,拿到验证所需的captcha_id和private_key(不想注册的同学可以使用下面提供测试id和key)captcha_id:b46d1900d0a894591916ea94ea...转载 2019-05-07 17:31:17 · 1115 阅读 · 0 评论 -
Html上传图片,立即显示
<img src="" class="bg"> <input type="file" accept="image/*" id="imagehead" value="" class="upload" /> <script type="text/javascript&原创 2019-01-22 20:06:17 · 4836 阅读 · 0 评论 -
BootStrap-Typeahead.js的用法
var aheadData = ["ANSHAN,鞍山市", "ANQING,安庆市", "ANYANG,安阳市", "ALASHANMENG,阿拉善盟", "ABAZHOU,阿坝州", "ANSHUN,安顺市", "ALIDIQU,阿里地区", "ANKANG,安康市", "AKESUDIQU,阿克苏地区"原创 2018-12-16 23:02:02 · 372 阅读 · 0 评论 -
真正意义上的响应式表格
响应式表格,一开始我使用的是bootstrap中的css样式,但是后来发现在移动端的效果很烂,或者我处理的不太好吧(容易因为内容过长导致布局难看)。偶然看到一篇文章,通过媒体查询来改变布局,先看效果图:移动端显示效果:直接贴上css代码 @media screen and (max-width: 600px) {原创 2016-06-17 17:10:34 · 451 阅读 · 0 评论 -
【疑难杂症】引用Nuget提供的FileInput文件报错、无法预览图片文件
关于引用报错Js,调试后报错,下载FileInput_Zh汉化包就好了使用BootStrap的FileInput文件上传工具,发现同样的JS代码,Nuget上的Js预览功能被移除了。无论怎么设置开启预览功能,都失败了,无解原创 2017-10-31 10:02:06 · 298 阅读 · 0 评论 -
【技术贴收集】在线预览下载PDF文件
借鉴地址:演示地址:http://sources.ikeepstudying.com/jquery.media/pdf.phpGitHub地址:https://github.com/malsup/media/tree/master可以支持PDF文件在线预览、下载听说还支持其他类型媒体文件:播放视频等等插件名称:jquery.media.js使用超级简单:转载 2017-09-01 17:24:28 · 9630 阅读 · 0 评论 -
【微信开发笔记】常见的长按保存图片功能的实现方式及清晰度优化方式
网上有很多实现的方式,目前尝试成功的是使用html2canvas.js,canvas2image来实现的。实现的过程中也遇到了,跨域图片问题,图像不清晰问题,刚好看到下面这篇文章,里面有解决清晰度的问题参考文档转载 2018-01-23 10:33:36 · 13144 阅读 · 0 评论 -
Bootstrap fileInput多文件同步异步上传(C#)
网上关于该控件的使用文章还是比较多的,但是自己实践和使用过程中还是出现点问题,自己写点东西记录下。简单说,该控件优势支持同步、异步上传,界面美观官方文档:点击打开链接借鉴文档:点击打开链接________________________________________________________________________________________所需css\原创 2016-06-17 11:27:00 · 15036 阅读 · 1 评论 -
C# MVC webuploader同步上传前后台详解教程(提供同步、异步上传源码下载链接地址)
该篇是webuploader 同步上传教程,这个插件使用需要配置的蛮多的,可以考虑使用插件BootStrap-FileInput本篇涉及到该插件文件上传、自定义参数、图片删除先看效果我在结尾总结下,图片怎么跟当前信息绑定起来的方案。//前台部分,初始化webuploader 在demo.js里 百度文件上传控件原创 2017-11-10 13:55:20 · 5300 阅读 · 5 评论 -
【疑难杂症】fetch()发送options请求后为什么没有跟随发送post/get请求
let formData = new FormData();formData.append("files", files);//上传文件需要formDataformData.append("id", this.uploadId); var data = await fetch(baseUrl + "/api/ExportFile/UploadCredentialsFile",{...原创 2018-11-22 16:57:28 · 2184 阅读 · 0 评论 -
百度地图API实现自动定位城市,省市二联重新地图重新定位
最近遇到定位问题,借助百度地图ApI与若干文章解决了这个问题。相对来说,百度地图API中的示例组合起来就能达到大众的需求了,只是刚接触不知道整体是什么情况,花了点时间了解。————————————————————————————————————————————————————————————第一步,注册账号,在百度地图中申请一个应用,如果不是商用要求特别高,一般的就可以,免费。注意原创 2016-06-26 22:07:08 · 4317 阅读 · 0 评论