一.样式问题
1.利用样式list-style:none;去掉无序列表li前面的小点后,左边有一部分空余空间,由于用chrome开发,网上查询后说是浏览器内核问题,所以添加-webkit-padding-start:0px;解决问题。
2.相对定位和绝对定位问题
在一个组件中,比如一个input框的变化可能会影响另一个input的布局,这时利用divd的相对定位和绝对定位解决布局问题,
父DIV设置为相对定位,子DIV设置为绝对定位。
父级的相对定位:是要把子DIV的绝对定位的起点以父DIV左上角为起点,如果没有就默认屏幕左上角了。
子DIV的绝对定位:是无视父DIV下别的元素。
3.覆盖问题
下拉框显示时,涉及到可能会覆盖下面的输入框,这时用z-index:1;解决,默认z-index:0;数字越高,优先级越高,也就是离用户越近, 注意:Z-index 仅能在定位元素上奏效(例如 position:absolute;)!
二.粗心问题
1.*ngFor位置错误
开始是这样写的
结果这样显示的:(每个li间都有空行,怎么去都去不掉,原来是自己的)
其实正确写法应该这样的:
显示正常了:
三.技术问题
1.省市区三级联动显示(读取json文件)(怎么触发显示下拉框和隐藏下拉框,配合mouseover,mouseout)
Http服务读取json文件时可能遇到的坑,参考这个文章:https://www.cnblogs.com/lillian0525/p/7344600.html
2.input输入框可以显示输入历史记录
3.angular2组件接口的定义