JavaScript - 随笔分类 - 大黑ylx

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

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

posted @ 2021-01-21 17:50 大黑ylx 阅读(749) 评论(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 阅读(2425) 评论(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 阅读(3520) 评论(0) 推荐(1)

全屏滚动的原理

摘要：下面代码是用vue来写的 1、HTML结构 1 <template> 2 <div id="wrap"> 3 <div id="main"> 4 <div class="page">1</div> 5 <div class="page">2</div> 6 <div class="page">3</ 阅读全文

posted @ 2020-12-16 16:40 大黑ylx 阅读(392) 评论(0) 推荐(0)

前端内存泄露问题

摘要：最近发现项目有个bug，同时运行多个任务的时候，前端页面报内存不足而导致页面崩溃，这很明显就是内存泄露了。我查看了一下，运行的过程中，因为运行时间很久，所以前端和后台约定了，用计时器setInternal定时去请求后台运行状态，当运行状态为完成时，前端会清除定时器。我预估是因为计时器而导致的内存泄露阅读全文

posted @ 2019-12-30 15:31 大黑ylx 阅读(1557) 评论(0) 推荐(0)

复杂对象的深拷贝

摘要：在做项目的时候，经常因为忘记对象的深拷贝，给自己挖了很多坑。一些简单对象的深拷贝，可以用Object.assign()、JSON对象的parse和stringify、JQ的extend等，但是对复杂对象就不行了，所以花点时间来弄一下复杂对象的深拷贝。我是用vue框架写代码的，所以写法可能会有些不一样阅读全文

posted @ 2019-10-14 15:28 大黑ylx 阅读(435) 评论(0) 推荐(1)

JavaScript基本数据类型——Symbol

摘要：JavaScript的基本数据类型有：（1）Undefined、（2）Null、（3）Boolean、（4）String、（5）Number、（6）Symbol、（7）Object。ES6 增加了Symbol类型，下面主要是讲Symbol类型的一些相关知识点。 Symbol的特性 1、实例是唯一且不阅读全文

posted @ 2019-09-19 14:38 大黑ylx 阅读(2206) 评论(0) 推荐(0)

随机打乱数组

摘要：随机打乱数组元素，结果是无法预测的。阅读全文

posted @ 2018-10-19 09:27 大黑ylx 阅读(270) 评论(0) 推荐(0)

唯一重复的数字

摘要：找出数组中唯一重复的数字，时间复杂度为O(n)，空间复杂度O(1)。阅读全文

posted @ 2018-10-19 09:21 大黑ylx 阅读(237) 评论(0) 推荐(0)

iframe的缺点

摘要：iframe的缺点：（1）iframe阻塞主页面的onload事件。（2）搜索引擎的检索程序无法解读这种页面，不利于SEO（搜索引擎优化）。（3）iframe和主页面共享连接池，而浏览器对相同域的连接有限制，所以会影响页面的并行加载。（4）iframe之前需要考虑这两个缺点。如果需要使用if 阅读全文

posted @ 2018-10-14 11:01 大黑ylx 阅读(235) 评论(0) 推荐(0)

常用浏览器内核

摘要：常用浏览器的内核：（1）IE：trident内核（-ms-）（2）FireFox：gecko内核（-moz）（3）Safari：webkit内核（-webkit）（4）Opera：以前是presto内核，Opera现已改用Google Chrome的Blink。（-o-）（5）Chrome 阅读全文

posted @ 2018-10-14 10:25 大黑ylx 阅读(145) 评论(0) 推荐(0)

JSONP

摘要：JSONP主要是用来解决跨域问题，原理是动态插入script标签。ajax请求受同源策略影响，不允许进行跨域请求，而script标签src属性中的链接却可以访问跨域的js脚本，利用这个特性，服务器不再返回JSON的脚本数据，而是返回一段调用某个函数的js代码，在src中进行调用，这样实现了跨域。JS 阅读全文

posted @ 2018-09-30 12:01 大黑ylx 阅读(147) 评论(0) 推荐(0)

闭包及作用域

摘要：一、作用域（1）作用域：执行上下文。每个函数都有自己的执行上下文和活动对象。这些环境用于储存上下文中的变量、函数声明、参数等。只有函数才能制造作用域。（2）this：是一个指向函数执行环境的指针。this永远指向最后调用它的对象，并在执行时才能获取值，定义是无法确认它的值。注：call() 、阅读全文

posted @ 2018-09-26 15:42 大黑ylx 阅读(240) 评论(0) 推荐(0)

原型与原型链

摘要：一、原型：在JS中，所有对象都是Object的实例，并继承Object.prototype的属性和方法，但有一些是隐性的。（1）所有的引用类型（包括数组、对象、函数）都具有对象特性；可自由扩展属性。（2）所有的引用对象都有隐性原型属性（proto），但也是一个普通的对象。（3）所有函数都有一个阅读全文

posted @ 2018-09-26 15:27 大黑ylx 阅读(176) 评论(0) 推荐(0)

EventEmitter事件派发器

摘要：最近一直在做秋招的笔试题，EventEmitter居然出现过几次了，说明它还是很重要的，就学了一下，JavaScript源代码还是挺好理解的。对于Event事件大家应该都很熟悉，比如dom中的button，可以通过addEventListener/attachEvent（IE）添加click事件处阅读全文

posted @ 2018-09-17 10:28 大黑ylx 阅读(652) 评论(0) 推荐(0)

Array类型的操作方法

摘要：1、检测数组（1）instanceof操作符，它假定只有一个全局执行环境，如：（2）ECMAScript 5 新增了Array.isArray() 方法，目的是最终确定某个值到底是不是数组。如 2、转换方法：（1）toLocaleString()：经常与toString()、valueOf 阅读全文

posted @ 2018-07-25 14:53 大黑ylx 阅读(204) 评论(0) 推荐(0)

字符串字符统计

摘要：题目描述统计字符串中每个字符的出现频率，返回一个 Object，key 为统计字符，value 为出现频率1. 不限制 key 的顺序2. 输入的字符串参数不会为空3. 忽略空白字符来源：牛客网阅读全文

posted @ 2018-05-14 10:59 大黑ylx 阅读(351) 评论(0) 推荐(0)

颜色字符串转换（正则）

摘要：题目描述将 rgb 颜色字符串转换为十六进制的形式，如 rgb(255, 255, 255) 转为 #ffffff1. rgb 中每个 , 后面的空格数量不固定2. 十六进制表达式使用六位小写字母3. 如果输入不符合 rgb 格式，返回原始输入代码来源：牛客网阅读全文

posted @ 2018-05-08 20:38 大黑ylx 阅读(1143) 评论(0) 推荐(0)

将字符串转换为驼峰格式

摘要：题目描述 css 中经常有类似 background-image 这种通过 - 连接的字符，通过 javascript 设置样式的时候需要将这种样式转换成 backgroundImage 驼峰格式，请完成此转换功能1. 以 - 为分隔符，将第二个起的非空单词首字母转为大写2. -webkit-bor 阅读全文

posted @ 2018-05-07 11:07 大黑ylx 阅读(1306) 评论(0) 推荐(0)

随笔分类 - JavaScript