第二十八天(2018-09-02)
html:说说你对HTML元素的显示优先级的理解
软技能:解释下CRLF是什么?
题目1:
HTML 元素显示优先级简单来说就是:帧元素(frameset) 优先级最高(frameset 已经不提倡使用了)。其次表单元素 > 非表单元素,即 input type="radio" 之类的表单控件 > 普通的如 a,div 等元素。
z-index是对同一类的元素来说的。
所谓同一类元素,就是指普通元素当中比较,非表单控件直接比较
z-index 的理解贯通需要引用一个该您层叠上下文,拥有层叠上下文的元素要比没有的元素显示层级要高。
此外层叠上下文有着自己特殊的特点。比如这个大神讲的[深入理解CSS中的层叠上下文和层叠顺序]
题目2:
line-height 可以有带单位及不带单位的写法(感觉其实是两种)。
div{
line-height: 24px;
line-height: 1.5;
line-height: 1.5em;
line-height: 150%;
}
对于应用在单个元素上,这几种写法的效果都是一样的(除了 px 需要一些计算)。但由于 line-height是可以被继承的,因此会影响内部子元素的 line-height。简单的可以总结为:
带有单位的
line-height会被计算成px后继承。子元素的line-height= 父元素的line-height*font-size(如果是 px 了就直接继承)而不带单位的
line-height被继承的是倍数,子元素的line-height= 子元素的font-size* 继承的倍数
简单的示例: https://codepen.io/Konata9/pen/oNvZGqo
参考文章:
line-height 3种设置方式的区别
题目3:
递归,循环引用,闭包
题目4:
前端开发工作流程
项目描述
公司开发的项目是类似钉钉的TO B企业管理软件,后端是PHP,只负责提供接口API等,前端采用单页面模式开发,不做服务端渲染,其中产品有小程序,公众号,PC后台管理,使用的技术主要有:vue element taro
产品或功能研讨阶段
每当开发一个新功能或新产品,首先产品经理会开一个简单的交底会议,讨论功能模块的可行性及开发难度,开发周期等。
UI设计阶段
这个阶段一般没开发什么事
开发阶段
文档
比较重要的两样东西“UI设计稿” 和 “产品说明文档” 我们统一放在蓝湖代码托管
代码直接托管在gitlab协作开发
多人协作的话则会采用 gitflow 工作流,一般如果是新项目则会组件拆分,优先开始组件开发。
软件测试阶段
开发完成后将代码上传到svn仓库(其实当FTP用了),由运维人员进行部署及版本管理。
这里补充说明下后端是PHP,在上传代码的时候是和PHP代码一起给运维的,虽然不同仓库。
BUG管理采用tapd
软件发布阶段
这也是又运维直接管控,除非特殊环境问题需要协同解决。