随笔档案「2021年1月」 - 大黑ylx

*装饰者模式（Decorator）

摘要：装饰者模式：在不改变原对象的基础上，通过对其进行包装拓展（添加属性或者方法）使原有对象可以满足用户的更复杂需求。 1 <body> 2 用户：<input id="user" type="text" value='user' /> 3 密码：<input id='password' type="p 阅读全文

posted @ 2021-01-29 11:12 大黑ylx 阅读(74) 评论(0) 推荐(0)

*单例模式（singleton）

摘要：单例模式（Singleton）：又称为单体模式，是只允许实例化一次的对象类。 1 // 惰性载入实例 2 var LazySingle = (function () { 3 // 单例实例引用 4 var _instance = null; 5 // 单例 6 function Single() { 阅读全文

posted @ 2021-01-29 10:57 大黑ylx 阅读(131) 评论(0) 推荐(0)

HTML页面转化为带有水印的PDF文件

摘要：我之前写过一篇如何把HTML页面转化为PDF文件，这里就不详讲了，主要讲如何增加水印一、如何增加水印，在什么时候增加水印？在用 html2Canvas 框架生成canvas后，操作canvas增加水印。代码如下： 1 downloadPDF(){ 2 var title = 'RFM' 3 le 阅读全文

posted @ 2021-01-21 17:50 大黑ylx 阅读(750) 评论(0) 推荐(0)

利用 html2canvas+jsPDF 把 HTML元素转化为PDF文件，以及遇到的坑

摘要：一、需求来源：把可视化展示HTML页面打印成PDF文件报表二、html2canvas+jsPDF导出pdf原理：通过html2canvas将遍历页面元素，并渲染生成canvas，然后将canvas图片格式添加到jsPDF实例，生成pdf。三、代码 1 var title = 'RFM' 2 th 阅读全文

posted @ 2021-01-20 15:47 大黑ylx 阅读(2439) 评论(0) 推荐(1)

前端json数据格式化显示

摘要：1、格式化处理 1 var obj = "...";//json格式的字符串 2 var jsonPretty = JSON.stringify(JSON.parse(obj),null,2); 2、显示只需把格式化处理后的json字符串数据放到 pre标签中即可。 3、demo js代码（直接阅读全文

posted @ 2021-01-14 14:58 大黑ylx 阅读(3540) 评论(0) 推荐(1)