在html5中，新增了很多语义化的标签。如footer、header之类的，今天的主角是dialog标签😂 顾名思义，就是用来定义对话框的。目前只有Chrome和Safari支持该标签，所以用的不多，不过确实挺好用的🤞 别担心，有官方的polyfill。 使用方法 1. 基础的用法 {代码...} 可以open属性控制dialog是否显示，效果如下： 看看浏览器渲...

viewport、强制浏览器全屏、IOS的Web APP模式、可点击元素出现阴影（这个我觉得真没必要去掉，用户点击是需要反馈的，而这个背景色刚刚好提供了一种反馈）等等，太多啦，这些相信大家百度一下就可以查到很多资料😂

...或文件名或电话号码，等等。而且您想在客户端过滤它们，这意味着您没有在服务器端请求搜索数据并返回结果。您只想输入“ rand”并使其过滤列表以包括“ Randy Hilpert”和“ Danika Randall”，因为它们中都包含该字符串。其他所有内容均未包含在结果中。

相信大家昨天的朋友圈大部分是这样的 又或者是这样的... 起因是，腾讯新闻做了一个，可以生成带有"国旗"的图片H5网站，扫码即可以体验：活动好像已结束... 那么，如何自己实现一个简单的例子呢？用html2canvas插件简单到飞起！ html2canvas 顾名思义，其作用就是将html的指定dom节点转换成canvas画布，假设页面布局如下...

在默认情况下，浏览器在加载CSS时将终止页面的样式呈现（同步加载），也就是加载CSS会阻塞DOM树的渲染（但并不会阻塞DOM树的构建），可以简单理解为：当在加载CSS的同时，也在构建DOM树，只是没有应用上样式😊。

刚好最近遇到这个小需求，记得很早之前都是用JS处理，毕竟那时候年少无知。切换类的操作可以用Checked伪类实现，成本会比较低一点，那么先来列一下功能要点：

最近挺忙的，这次抽空写写文陶冶下情操，浏览器滚动真的天天见日日见啦，比如你现在看的这篇文章，往下看就必须得滚动，这篇文章主要聊聊滚动相关的一些方法跟属性，还有一些有趣的例子🎈 文章涉及到的方法或属性在文末会放链接，方便大家自行查阅！

像刻度这种东西都是重复性的，说到重复我就想到了repeating-linear-gradient，看名字就能知道是重复线性渐变，它能更方便的实现隔行变色的功能，如果你想画一个背景，它是重复、隔行的，那么用它就没错了；

IntersectionObserver接口，提供了一种异步观察目标元素与其祖先元素或顶级文档视窗(viewport)交叉状态的方法，祖先元素与视窗(viewport)被称为根(root);

本文列举了一些列比较不常见的Web API，内容较多，所以有关兼容性的内容在本文不会出现，大家可以自己去查阅。 以下案例能配动图的我尽量去配了，以免内容枯草乏味，但是如果内容有误，也请大家亲喷或者纠正?

像rate评分组件一般都用javascript写，大概一年前，我在简书写过一篇文章原生Javascript实现星星评分组件，感兴趣的可以去看一下，很久之前写的，我不知道之前的代码有多啰嗦，所以这次将是一个全新的尝试，用css实现一个rate评分 ❗ 核心代码也就三行?

content属性需要与before及after伪元素配合使用，作用是可以定义伪元素所显示的内容，本文主要列举content的可选值及实用的案例与技巧?

html中的contenteditable，他是一个全局属性，可以大致理解为"可以使一个元素处于可编辑状态"，像极了textarea，不过还是存在许多不足跟问题，比如没有change钩子等，本文不作深入探讨❌

首先画一个简单的盒子:利用::before与::after画两个圆角值（radius）不同的不规则圆形:父元素设置overflow: hidden最后加上animation动画让两个不规则圆形旋转起来即可?

表单元素中，有一个pattern属性，可以自定义正则表达式（如手机号、邮箱、身份证..）；valid伪类，可以匹配通过pattern验证的元素；invalid伪类则相反，可以匹配未通过pattern验证的元素；于是就可以随便搞啦，上面的效果图只是做一些简单的效果，更多效果以及限制大家就发挥自己的想象力咯；