![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
rogerwang@f2e
码中自有颜如玉,码中自有黄金屋!
展开
-
html转pdf之使用Paged.js加页眉页脚
目录前言一、Paged.js是什么?二、使用三、效果图总结前言 项目中需要对一个动态渲染的长html页面进行pdf导出,导出样式要求每隔一个a4纸的高度加上头和尾,最终的效果就是导出的每一页pdf都含有完整的页眉和页脚样式。 简单的html布局和css没法实现该效果,有考虑用canvas做固定间隔的画布但方案和技术掌握尚不成熟只能待日后再尝试,最终使用Pageed.js实现了功能。一、Paged.js是什么?Paged.js是一个免费的开源JavaScript库,它在浏览器中对内容进行原创 2021-08-19 00:30:29 · 4800 阅读 · 11 评论 -
Promise对象和async函数的使用场景
目录一、接口请求结果的处理二、解答面试题总结前端编写代码过程中经常会使用Promise搭配async实现异步编程,这里简单记录下二者搭配使用的几种场景。一、接口请求结果的处理/** * 模拟接口请求(接口请求支持promise的前提下) * @param key 模块参数 */function fakeQuery (key) { return new Promise((resolve, reject) => { const responseDuratio原创 2021-07-12 22:42:06 · 282 阅读 · 0 评论 -
js树形结构和扁平数组相互转换
some utils树结构扁平化偏平数组树状化树结构扁平化/** * 把嵌套数组转成平铺数组 * @param data <Array> * @param childName <String> 子集节点的名称 * @return newData <Array> */const flatTree = (data, childName = 'children') => { if (!Array.isArray(data)) { c原创 2021-07-01 21:29:38 · 1124 阅读 · 0 评论 -
初探Javascript中的装饰器
目录js装饰器概述作用于类的装饰器作用于类属性的装饰器js装饰器概述装饰器decorators,用于在不同的类之间进行属性或行为的共享和扩展。作用于类的装饰器/** 定义一个作用于类的装饰器 */function log (target) { target.log = (msg) => { console.log(msg) } return target}@logclass Utils { // ...someMethods}Ut原创 2021-06-24 00:31:59 · 163 阅读 · 0 评论 -
H5微信分享
1.引入微信jssdk的js文件到要分享的H5页面2.通过后台接口获取微信开发者账号信息//获取微信开发者信息function getWxInfo(){ $.ajax({ type: "POST", url: "获取开发者信息的接口地址", data: { 'url': location.href.split('#')[0], }, ...原创 2019-02-22 17:21:31 · 361 阅读 · 0 评论 -
h5下拉刷新和上拉加载插件mescroll
// 官网:http://www.mescroll.com/api.html// 基本使用:// 创建MeScroll对象 var mescroll = new MeScroll("area", { up: { auto: true, //是否在初始化时以上拉加载的方式自动加载第一页数据; 默认false isBounc...原创 2019-02-22 17:24:13 · 951 阅读 · 0 评论 -
h5移动端设置rem字体
// 移动端设置rem字体var setRemFont = function(baseSize, uiSize) { baseSize = baseSize || 24; // 1rem等于多少px,用来设置转换比例 uiSize = uiSize || 750; // 设计稿的大小 var htmlEle = document.documentElement; // html标签 va...原创 2019-02-26 17:17:17 · 1727 阅读 · 0 评论