打开csdn,它显示我已经创建这个号第45天了。这个阶段学习的内容是特效开发.
1、自适应屏幕分辨率
确立参考系,定义标准设备的屏幕宽度和字体大小
比例公式(等式左右两边比例尺相同,从而达到等比例缩放的目的):标准屏幕宽度 / 标准字体大小 = 新的屏幕宽度 / 新的屏幕字体大小
将页面样式中的 `px` 单位换算并替换为 `rem`,方法是`?rem = 元素的尺寸 / 标准字体大小`
绑定窗口的 `resize` 和 `load` 事件,触发事件时计算出新的屏幕宽度时的字体大小,设置 `html` 的字体大小。
2、css预编译工具-sass
预编译就是在编译环节发生之前,提前进行一次编译。其目的通常是将一个浏览器无法识别的语法提前编译成浏览器能够识别的语法。例如: css预编译 将 sass 转换为 css,js预编译 将 ts 转换成 js 等。sass有特定的语法。
3、bootstrap
`bootstrap` 是一个用于制作页面界面的框架关于bootstrap,我在学习的过程中主要是学习的它的各种类。这些类能够让我们的页面更统一美观。我认为我自己是属于只能简单的使用它却并不了解它的原理。经常使用的有网格布局,颜色,container,from-control等,主要用于修饰页面。
4、react
react是一个js的核心库,特点如下:
声明式:也就是js中的数据决定页面最终渲染的结果
组件化:一个包含所有外观和行为的,独立可运行的模块,称为组件。组件化的思想可以将复杂页面,化繁为简的进行设计,组件可提高代码复用性
一次学习,跨平台编写:使用 `react` 可以开发 桌面web页面,移动端页面,移动app,桌面app等。
最后在陆老师指导下我们我们完成了一个论坛项目。必须承认的是我很难在没有任何代码可借鉴的情况下去完成这个项目,有一些功能自己没有学会,准确的来说是没有了解过如何实现它。而且相对react来说,bootstrap的使用我更熟练,至少在学过的部分如此。