摘要： HTML5 一个最简单的html5页面模版如下： HTML5新元素 HTML5新API HTML Geolocation HTML Drag and Drop HTML Local Storage HTML Application Cache HTML Web Workers HTML SSE 语义 阅读全文

摘要： FileReader 对象允许Web应用程序异步读取存储在用户计算机上的文件（或原始数据缓冲区）的内容，使用 File 或 Blob 对象指定要读取的文件或数据。 其中File对象可以是来自用户在一个<input>元素上选择文件后返回的FileList对象,也可以来自拖放操作生成的 dataTran 阅读全文

摘要： 最近再看jQuery源码时，发现了一个这样有趣的事。 看下面一段代码： 输出结果如下： 这和我们预期相符，a应该是jquery的一个实例，下面引用一段高程的原话。 要创建一个构造函数的新实例，必须使用new操作符。以这种方式调用构造函数实际上会经历以下4个步骤： 所以使用new操作符调用构造函数（其 阅读全文

摘要： 在使用React开发中我们经常会遇到上传图片的情况，如果要使的上传的图片符合一定的规格，那么便要在客户端对上传的图片进行一定的裁剪，这个时候我么便可以使用到 react-cropper这个图片裁剪组件，可以帮助我们轻松的实现图片裁剪功能。使用步骤如下： 这两句分别引入Cropper组件和它的样式，C 阅读全文

摘要： 在中台产品的研发过程中，会出现不同的设计规范和实现方式，但其中往往存在很多类似的页面和组件，给设计师和工程师带来很多困扰和重复建设，大大降低了产品的研发效率。我们（蚂蚁金服体验技术部）经过大量的项目实践和总结，沉淀出一个中台设计语言 Ant Design。旨在统一中台项目的前端 UI 设计，屏蔽不必 阅读全文

摘要： 参考资料： 阮一峰：Flex 布局教程：语法篇 阮一峰：Flex 布局教程：实例篇 A Complete Guide to Flexbox 一、基本概念 采用 Flex 布局的元素，称为 Flex 容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为 Flex 项 阅读全文

摘要： 参考：CSS: 常用的元素居中方法 CSS居中布局总结 1.水平居中 （1）文本水平居中 （2）块级元素水平居中 ①设置margin ②display:inline-block+text-align:center 这样可以使一块级元素拥有一些inline元素的特性。 ③absolute+transf 阅读全文

摘要： 一、为什么JavaScript是单线程？ JavaScript语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。那么，为什么JavaScript不能有多个线程呢？这样能提高效率啊。 JavaScript的单线程，与它的用途有关。作为浏览器脚本语言，JavaScript的主要用途是与用户互动 阅读全文

摘要： 在不添加任何样式的情况下，以下的html代码呈现如下： 上面是在谷歌浏览器中的默认样式。可以发现<button>默认带有padding和border。 我们可以添加以下代码来消除默认样式： 现在，<button>的默认padding被消除了，但是可以看到按钮之间还是有默认的间隔，这是inline-b 阅读全文

摘要： 一、安装Node.js Node.js可以直接从官网下载，按照默认的安装方式安装即可。 二、安装webpack Webpack可以使用npm安装，新建一个空的练习文件夹，在终端中转到该文件夹后执行下述指令就可以完成安装。 三、安装webpack-dev-server 四、生成package.json 阅读全文