前言 📢最近准备春招啦了，所以整理了一些前端高频大厂面试题，分享给大家，如有问题欢迎留言指正，面试专栏我会长期更新，欢迎大家点赞🤞、收藏📌，关注➕，感谢！

Hello，大家好，我是 Sunday。 当各种框架以及复杂的 JS 知识开始充斥着我们的工作环境时。谁还能够记得，以 CSS 来构建更加良好的用户体验，也是前端的一个重要组成部分~~

买不到劳力士不要紧！自己做一个不也一样用！ 手把手带你用Canvas实现一个会走能用的劳力士手表！ 无痛入门Canvas！

在Web布局中，现代CSS特性就可以更好的帮助我们快速实现，例如等高布局，水平垂直居中，经典的圣杯布局、宽高比例、页脚保持在底部等。在本文中，我将会介绍一些不同的CSS属性来实现这些效果！

不知道大家有没有关注 CSS 的迭代，总感觉平常关注 javascript 要远多于 CSS。最近看了一篇国外文章，发现很多用法没有了解过，今天就来跟大家分享这几个实用的 CSS 概念和技巧。

结合自己多年的 web 开发经验，加上最近集中看的几本 CSS 的书籍、一些高阅读量的文章、W3C 的规范和 MDN 的教程，整理了这份应对简单面试的 CSS 基础指南。一文领进门，专精靠个人。

先看UI稿 思考 刚开始想着拿两个圆角来拼，但发现中间接触过渡效果很差 需要丝滑的话，想到贝塞尔曲线/正弦曲线，但这样太麻烦，需要用canvas来画 图形计算器 贝塞尔曲线 最后想到用斜边加圆角来拼，

CSS Gird布局也叫二维网格布局系统，可用于布局页面主要的区域布局或小型组件。网格是一组相交的水平线和垂直线，它定义了网格的列和行。我们可以指定将网格元素放置在与这些行和列相关的位置上。

前端布局 一、自适应 自适应就是一套代码，不管屏幕大小怎么变化只有页面的元素大小的变化，不会出现表格三列变两列的样子，那种是响应式，烦死了每次领导和设计都跑过来让我修改一个页面说是自适应窗口的变化，结