快到周末了,做个一周总结~
错题本
最近有做后台管理的框架,在最一开始搭建框架的时候就遇上整体
margin不为0,导致有空隙很难看。
不管是在局部vue中还是在对body样式进行修改都无用。
最后是在f12检查元素的时候发现了这个class:
修改padding:0就好了~
开发中想要查看点击后的
input的样式,然鹅点击调试页面中的组件会导致焦点转移,每每尝试都只能查看到未点击的样式。无果,询问大佬Get开发调试新技巧√
点击:focus即可查看点击后的样式了~
重头戏来了,这个问题我询问了两位大佬都无果——当时本来是在开发菜单组件,想要测试一下父组件传过来的数据于是随便写了个事件绑在按钮上。然后,这个按钮竟然,完全没反应。百度上找了半天没有能够解决这个问题的方案,先后请教了两位大佬最终也是没有找到问题所在(大佬表示我运气不好~)。后面我自己在上下划拉找代码的时候看到在不为人知的底部竟然有——多出来的一个
script标签,里面记录了一个图片url。 TAT
经验册
- 为了保证页面在各种大小的屏幕上适配,请您使用
%来对组件间距与大小进行调节; - vue中的scoped有可能会导致你希望全局修改的样式无法正常加载,请您去掉scoped后再次尝试;
- 确认样式时可以使用
!important来强制修改(尽量少用~);