logo头像

总有人间一两风,填我十万八千梦

好文章推荐系列——HTML

SVG 入门指南(看完,对SVG结构不在陌生)

SVG,即可缩放矢量图形(Scalable Vector Graphics),是一种 XML 应用,可以以一种简洁、可移植的形式表示图形信息。目前,人们对 SVG 越来越感兴趣。大多数现代浏览器都能显示 SVG 图形,并且大多数矢量绘图软件都能导出 SVG 图形。

深入理解Shadow DOM v1

Shadow DOM是用于创建Web组件的主要技术之一,另外两个是自定义元素和HTML模板。 Web 组件的规范最初是由Google提出的,用于简化Web小部件的开发。本教程的范围仅限于shadow DOM。

A simple guide to HTML <head> elements

常用的 HTML 头部标签

曾几何时,我们已经不再手写 HTML 标签。Emmet、Markdown 等工具让我们「健步如飞」,但是我们真的了解这些标签了吗?这篇文章着重介绍了一些我们容易忽视和用错的头部标签,特别是 iOS 等针对移动设备的一些标签。这是一篇非常基础的标签索引,其中 iOS 设备部分对设计师也有参考作用。

H5 项目常见问题汇总及解决方案

这是一篇还算比较新的文章(2017-3-26),作者总结了一些前端开发过程中的常见问题,虽然有些问题可能不算是“常见”,但是看过一遍之后留下点印象也是可行的,到时候如果真遇到了不会解决的问题就知道去哪里找答案了~

HTML5 进阶系列:文件上传下载

HTML5 中提供的文件API在前端中有着丰富的应用,上传、下载、读取内容等在日常的交互中很常见。而且在各个浏览器的兼容也比较好,包括移动端。作者在该文中介绍了一些上传下载的 API,包括 FileList 对象和 file 对象、Blob 对象和 FileReader 对象等。

图片上传知识点梳理

在日常项目开发中,图片上传是一个十分常见的场景。在这篇文章中,作者通过简单的代码,解析了图片上传的各个知识点,包括样式自定义、图片校验、图片上传预览、图片上传与上传进度展示和拖拽上传。

requestAnimationFrame 知多少?

html5 提供了一个专门用于请求动画的 API,即 requestAnimationFrame(rAF),顾名思义就是 “请求动画帧”。这篇文章就是带你深入理解 rAF 背后的原理。

支付宝打赏 微信打赏

听说赞过就能年薪百万