前端圈一年 365 天，天天出新框架，但真正能让你少写代码、少引依赖、少踩性能坑的，其实是浏览器爸爸早已偷偷内置的「原生外挂」。 1. ResizeObserver ResizeObserver 是一

本文重点内容包括：利用history和location实现router的原理、浏览器的localStorage/cookie/indexDB、浏览器的CSRF和XSS攻击安全、跨域问题和浏览器的渲染流

canvas中画线条，线条效果比预期宽1像素且模糊问题；canvas中没有画圆角矩形的API；canvas中有阴影API，但是没有内阴影API。

起因 最近在学习SVG滤镜相关的知识，也在网上看到了很多酷炫的效果，本次给大家带来一个自己学习总结的模拟风的效果~ 如果对SVG滤镜感兴趣的朋友可以也去看看我之前的相关内容 CSS 一行代码让任意元素

一张图结缘于SVG，从此对SVG的线条动画情有独钟。一文带你秒懂SVG，从此你也可以成为别人眼中的SVG大神。

今天遇到一个很有意思的面试题，面试官给我一道题目，要我实现之前它们公司之前写的一个组件。 首先我介绍下这道题，首先我是先想到用flex布局来写头像分布，因为grid布局不能实现头像最后一排不能居中的效

我来介绍一个非常神奇的前端功能：轻易地将文本、视频，还是炫酷的动态内容，统统都能“飞”起来。任何 HTML 内容都能实现画中画模式，

简单的互动效果，通常都是通过javascript实现的，但实际上CSS和HTML也能实现，并且在很多场景下，单纯使用html才是最优解。本文对张鑫旭博客中HTML相关文章和《HTML并不简单》做简单的

常见方案 vh、vw方案：将所有的尺寸根据设计图换算成vw和vh scale方案：根据设计图的尺寸和当前屏幕的尺寸计算缩放的比例 rem方案：根据设计图和屏幕尺寸计算根元素font-size，其他尺寸