Slog95_使用React框架进行前端开发7

ArthurSlog

SLog-95

Year·1

Guangzhou·China

October 11th 2018

个人网站：http://www.arthurslog.com

CSDN：https://blog.csdn.net/u010997452/article/list/1

GitHub：https://github.com/BlessedChild/ArthurSlog

NPM：https://www.npmjs.com/~arthurslog

掘金：https://juejin.im/user/59f2a424f265da432f305c66/posts

简书：https://www.jianshu.com/u/b9ebe10f0534

segmentfault：https://segmentfault.com/u/arthurslog/articles

勇于敢则杀 勇于不敢则活 此两者 或利或害 天之所恶 孰知其故？

开发环境MacOS(Mojave 10.14 (18A391))

信息源

userAgent: http://www.w3school.com.cn/jsref/propnavuseragent.asp

Less: http://lesscss.org/

Webpack: https://webpack.js.org

jakoblind: https://webpack.jakoblind.no/

开始编码

参考 W3C 标准

凭借 userAgent，我在页面加载前对页面进行填充

在这里 我分成了 mobile 和 pc 两套页面

当判断客户端是移动端的话，就装载 mobile端 的页面

当判断客户端是pc的话，就装载 pc端 的页面

工程的结构也 更新为 更加明显的结构

同时，设置 html节点的font-size为一个定值

页面上的字体采用 css3 的 rem单位特性（随着根节点font-size的大小变化而变化）

这次也重写了部分 pc端 页面的样式

更新了README，描述了 产品的设计框架

工程文件已经上传至Github：https://github.com/BlessedChild/ArthurSlogStore_1

至此，实现了mobile端 和 pc端 的页面适配。

如果你喜欢我的文章 欢迎点赞 留言

谢谢