JavaScript系列
rookieLink
月光皎洁,万物喜其滋润,盗贼恶其光明
展开
-
iOS系统html2canvas生成图片显示不出来问题(其实是中文显示不出来)
html2canvas转换dom元素为图片,iOS移动端显示不出来的情况问题我遇到此问题使用了大量的网上方法都没有解决,后来发现英文的显示没有问题。中文及其后面的元素都会显示不出来。()并且会绘制很长时间解决办法经过多次尝试,发现设置文字的font-family可以正常显示.wrap { font-family: sans-serif;}我并未尝试其他的字体是否可以正常渲染出来,大伙有兴趣可以自己尝试一下...原创 2021-11-02 17:18:23 · 1335 阅读 · 0 评论 -
异步加载js文件
异步加载js文件html是解析一行执行一行,因为同步加载js文件会阻塞页面解析,所以当引入的代码没有对dom进行操作时,可以进行异步加载js文件注: js文件中代码请尽量不要修改dom结构,这涉及到重绘(repaint)和重流(reflow)的概念异步加载js文件的方式(1)defer属性这种方式只在IE浏览器中可用,会在页面解析完成之后进行无,并且允许<script>标...原创 2020-01-22 10:13:27 · 293 阅读 · 0 评论 -
JavaScript中null和undefined的比较
null 和 undefinednull和undefined都是代表空/没有的意思, 但是其中还是有一些区别, null代表空值, undefined代表没值nullnull往往代表意料之中的没值,通常是由认为赋值,并且会在之后的操作中对其进行赋值(当然,不是一定赋值);let person = null; // => nullundefinedundefined 一般代表不是...原创 2020-01-22 10:07:21 · 186 阅读 · 0 评论 -
JavaScript中的数据类型转换
把其他数据类型转化为number类型发生的情况:(1)isNaN:调用Number方法(2)parseInt、parseFloat、Number(3)数学运算:+ - * / %(4)基于“==”比较的时候,有时候也会把其他值转化为数字类型的值转化为数字类型转换规律:布尔类型的值true: 1,false: 0null: 0,undefined: NaN字符串类型的值: 如...原创 2020-01-13 22:21:43 · 127 阅读 · 0 评论 -
JavaScript技巧之实现原生Object.keys()
Object.keys()方法用来获取一个对象的所有自身可枚举属性,然而,这个语法是在ECMAScript5中才可以使用,对于一些老旧的浏览器,没有支持这个语法,我们又该如何正确获取一个对象的自身可遍历属性呢?源代码对于那些只是为了获取这个功能的朋友,我们不浪费时间,直接贴出来代码实现,我们之后会对这个代码实现思路进行一步步分析,有兴趣同学可以继续看下去:Object.keys = Obje...原创 2019-02-02 17:16:57 · 745 阅读 · 0 评论 -
详解JavaScript的运行机制:Event Loop(事件轮询机制)
前言有人称Event Loop为事件循环机制,而我更愿意将其解释为事件轮询机制,在之后的内容中你会感受到这一点的区别在哪里。说是事件轮询机制,我们也可以说是任务轮询机制,因为英文是Event Loop,所以我们在此文中将其翻译为事件轮询。阅读本文之前,首先对JavaScript的单线程和异步要有一定的了解,对此不了解的可以先阅读一下我的另一篇博文《JavaScript的单线程和异步》。在讲J...原创 2019-01-02 09:44:40 · 1167 阅读 · 0 评论 -
JavaScript的单线程和异步
我们都知道JavaScript是单线程语言,但有没有想过JavaScript为什么是单线程语言,而不采用效率更高的多线程呢?并且一个单线程语言又是如何能够实现异步操作的呢?接下来我们详细讨论JavaScript的单线程和异步实现。1、 JavaScript的单线程众所周知,JavaScript是单线程语言,试想一下,如果面试官问你JavaScript为什么是单线程,你会怎样回答?我们首...原创 2019-01-01 14:54:38 · 486 阅读 · 0 评论