前端拿到UI给的蓝湖设计稿，该如何开始写？
因为之前一直写的后台系统的简单业务，这次改别的项目的UI，需要自己写css还有一些布局，还涉及到大屏，有用到echarts,所以有一些问题想请教下大家：
问题1: 设计稿是1920*1080的，我画页面的时候，宽高怎么去写呢，比如一些很细节的宽200px，边距40px,我要去写固定值么，但这样在我笔记本上看着元素就很大·· 不太知道怎么去布局写
问题2:echarts我之前没写过，刚刚看了下文档，很多参数需要配置，UI给的图有一些很细节的间距，或者大小，要怎么去处理呢？有没有经验或者注意事项可以给我参考一下呢
其他暂时还没想到，自己对样式这块太菜了，就是很难受哇
共有3个答案
问题1:
看场景,如果需要兼容多种屏幕,可能只需要版心居中.
如果需要响应式,这需要用rpx等解决方案.
数据大屏可能需要针对不同屏幕采用不同布局,或者只适配指定的屏幕.
关于布局可能性比较多,就算你把效果图发出来,有可能大家想的和设计想的不一样你还得重写.
问题2:
echarts入门很简单,可以自定义的地方非常多(所以官方文档特别长),但是不一定是需要100%还原设计图的,只要该表达的内容都表达出来,看起来几乎一样就行了,不必扣像素.
设计图只是做参考,几乎不可能100%还原出来.特别是某些设计喜欢用苹果平方和weight=500的中等加粗.你只需要把你能实现的实现出来,不能实现的和设计说无法实现就行了(前提是你真的知道无法实现).按自己想法改设计图不推荐,99%的可能设计会向你甩锅
问题1: 对于宽高，因为有很多的屏幕尺寸，一般都是响应式的，就是你需要确定哪部分是固定宽度，哪部分是自适应的(可以使用 flex 布局)， 这个需要和产品沟通一下
问题2： Echart 有很多配置项可以调整样式，可以尽量和 UI 一致，如果真做不到可以和产品沟通一下，有些效果其实不和设计保持一致也可以满足需求。
1.布局可以考虑rem或者百分比。可参考下面的文章
- 基于等比缩放的大屏自适应方案
2.echart给你几个参考网站，找到一个合适的自己微调一下
https://www.makeapie.cn/echarts
http://echarts.zhangmuchen.top/#/index
-
时长：90min 面试官问得很灵活，是根据学了什么来问的，收获很大。 自我介绍 虚拟列表实现（答得不好） 聊到了执行环境（聊了蛮久） 手写执行环境伪码 面试官说写一个闭包结合写的伪码来讲述执行环境原理 聊到了继承 有几种继承，它们的缺点是什么（没答得太好，用call继承的方案叫啥名儿忘记了，我说用call继承会让重复逻辑的函数重复创建，造成资源浪费，面试官说 错，然后进行了解释）PS：感觉我这么答
-
#蓝湖##蓝湖实习# TIMELINE： 01-22投递🗳︎——01-23HR约面📢——01-24进行一面🎙︎ PROCESS： - 做个简单的自我介绍 - 介绍自己的项目 - 针对项目进行提问 - 反问环节 DETAIL： 1. 面试官开始就问了一些工具上的东西。比如Auto Layout以及Variants等。 2. 针对项目，面试官重点问Material Design、Design T
-
领导给了一张jpg上面没标注，我是安装蓝湖自己去看还是
-
一面 一小时 1. 项目难点 2. 首页优化 3. 围绕着项目难点展开,一句八股没问,面试官说,他不喜欢问八股,从项目描述就能看出来个大概 4. 阅读过什么书籍?讲讲书里边都讲什么? 5. code 1. 使用reduce实现filter 2. 实现一个弹窗组件/函数,该函数初始化时调用:要求: 1. 每个自然日弹出一次 2. 最多弹出三次 二面 一小时 1. react和vue的区别 2. pi
-
如图的效果：边框包裹文字，文字垂直左右居中。试过一些方式，但是移动端（安卓和苹果）查看的时候垂直方向总是有肉眼可见的不垂直居中（安卓和苹果显示效果不一致），有么有好用的方式进行设置。
-
大概面了有50min，面试官很温柔，问题如下： 自我介绍 ； 实习经历，项目经历简单介绍一下，基本上是按照简历来展开问的 ； 对简历项目中的实现接口怎么设计测试用例，有没有遇到跨域问题 ； 为什么想做测开？ 自己的职业规划 ； 代码题：查找字符串s1在字符串s2中出现次数最多的字符，输出这个字符以及出现的次数 ； hashMap和hashTable的区别 ； SpringBoot相较于Spring