React项目指导

使用webpack需要安装的依赖

此系列为网页设计中经常使用到的垂直居中解决方法，通过本文进行详细地总结。

CSS-编程技巧

• 使用百分比而不是固定的宽度。或者使用相对的宽度：vw, vh, vmin, vmax
• 在大屏幕上要有一个固定宽度的元素时，使用 max-width，让其不用media query就能自适应小屏幕
• 在 img, object, video, iframe 加上 max-width: 100%
• 当需要填充元素的背景图片时，使用 background-size: cover 让图片能保持原始比例。在移动设备上使用高解析图片不是明智的做法
• 制作 grid 页面时让 viewport width 来决定每一列的数量。Flexbox 或者 display: inline-block 就可以做到
• 当制作多栏的的文字区块时，设定 column-width 而不是 column-count，让你在小屏幕上会得到一个栏位

Quasar

Quasar是一款基于Vue.js开发的UI框架，可以让你轻松构建网站简洁明快的界面，更重要的是它还能让你轻松做好RWD（响应式网站设计），除此之外还能帮助你加上PWA，使你的网页变成手机上的App。

这是一个系列笔记，来自《Web前端黑客技术揭秘》这本书，属于进阶内容，可以进一步提高Web开发的能力。