CSS 有两个最重要的基本属性,前端开发必须掌握:display
和 position
。
display
属性指定网页的布局。两个重要的布局,我已经介绍过了:flex
grid
本文介绍非常有用的position
属性。我希望通过10分钟的阅读,帮助大家轻松掌握网页定位,说清楚浏览器如何计算网页元素的位置,尤其是新引进的sticky
定位。
网格布局(Grid)是最强大的 CSS 布局方案。
它将网页划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局。以前,只能通过复杂的 CSS 框架达到的效果,现在浏览器内置了。
webpack是一个 模块打包工具,支持所有的打包语法,比如 ES Module
、CommonJS
、CMD
、AMD
。初期的webpack是用来模块打包js的,发展到现在,已经可以打包很多种文件类型,比如 css
、img
。
优化打包速度最有效的方法就是保持 nodejs
和 webpack
为最新版本。
最近有一个项目,考虑到要进行 SEO,所以要做成多页面应用。为了保证开发速度和开发效率,所以决定使用 webpack 做一套模块化配置方案。
下面主要针对一些重要的点提供思路,并不作详解。完整的代码,我会放在 github(项目地址