2019年02月_liu__software

转载 SVG <foreignObject>简介与截图(html转图片)等应用

一、从SVG文本换行说起SVG和CSS几乎可以看成是同一个年代出来的东西，但是在Web界面展示这块，CSS长期统领江山，SVG偃旗息鼓，直到这些年，SVG开始乘势而上。时势造英雄。当年web网页都是以图文展示为主，所以门户，博客这些网站兴起。而SVG擅长的是图形展示，对于文本呈现，只能嘿嘿一下，跟CSS相比那可就弱了几条街。举个最简单的效果，文本换行。在CSS下，当我们一段文字很长的时候，...

2019-02-14 15:01:28 3463

转载 html2image原理简述

前言看到 TJ 大神 star了dom-to-image，也一直很好奇html怎么转 image那么就翻下源码，看下是如何实现的，其实一共就不到800行代码，还蛮容易读懂的工作原理使用svg的一个特性，允许在<foreignobject>标签中包含任意的html内容。（主要是 XMLSerializer | MDN这个api将dom转为svg）所以，为了渲染那个d...

2019-02-14 14:58:31 1105

转载 ES6中的迭代器(Iterator)和生成器(Generator)

前面的话　　用循环语句迭代数据时，必须要初始化一个变量来记录每一次迭代在数据集合中的位置，而在许多编程语言中，已经开始通过程序化的方式用迭代器对象返回迭代过程中集合的每一个元素　　迭代器的使用可以极大地简化数据操作，于是ES6也向JS中添加了这个迭代器特性。新的数组方法和新的集合类型(如Set集合与Map集合)都依赖迭代器的实现，这个新特性对于高效的数据处理而言是不可或缺的，在语言的其他...

2019-02-14 14:56:57 173

转载 JavaScript语言对Unicode字符集的支持详解

这篇文章主要介绍了JavaScript语言对Unicode字符集的支持详解,需要的朋友可以参考下上个月，我做了一次分享，详细介绍了Unicode字符集，以及JavaScript语言对它的支持。下面就是这次分享的讲稿。　一、Unicode是什么？　　Unicode源于一个很简单的想法：将全世界所有的字符包含在一个集合里，计算机只要支持这一个字符集，就能显示所有的字符，再也不会有乱...

2019-02-14 14:54:52 640

转载 DOM中监听节点变化的事件(变动事件)的用法 — 第13.4.6节

DOM变动事件的用法事件支持IE9+ DOM2级的変动事件是为XML或html的DOM设计的，不特定于某种语言。一：变动事件的分类有7种，最常用的浏览器支持最多的有3种，下面黑体？ 1. DOMSubtreeModified：在DOM结构中发生任何变化时触发； 2. DOMNodeInserted：在一个节点作为子节点被插入到另一个节点中时触发； 3. DOMNo...

2019-02-14 14:52:04 484

转载 ArrayBuffer：类型化数组

目录分配内存视图视图的生成视图的操作复合视图 DataView视图应用 Ajax Canvas File 参考链接类型化数组是JavaScript操作二进制数据的一个接口。这要从WebGL项目的诞生说起，所谓WebGL，就是指浏览器与显卡之间的通信接口，为了满足JavaScript与显卡之间大量的、实时的数据交换，它们之间的数据通信必须是二进制的，而不能是传...

2019-02-14 14:45:29 664

Base64是一组相似的二进制到文本(binary-to-text)的编码规则，使得二进制数据在解释成radix-64的表现形式后能够用ASCII字符串的格式表示出来。Base64 这个词出自一种MIME数据传输编码。 Base64编码普遍应用于需要通过被设计为处理文本数据的媒介上储存和传输二进制数据而需要编码该二进制数据的场景。这样是为了保证数据的完整并且不用在传输过程中修改这些数据。Bas...

2019-02-14 14:43:42 365

原创 TypedArray，ArrayBuffer，DataView对象文档

TypedArray甲TypedArray对象描述的底层的类似阵列的视图的二进制数据缓冲。没有名为global的属性TypedArray，也没有直接可见的TypedArray构造函数。相反，有许多不同的全局属性，其值是特定元素类型的类型化数组构造函数，如下所示。在以下页面中，您将找到可用于包含任何类型元素的任何类型化数组的公共属性和方法。new TypedArray(); // new...

2019-02-14 14:39:28 361

細水、長流√的专栏