#萌新前端实习三周总结##

696 阅读2分钟

快到周末了,做个一周总结~

错题本

最近有做后台管理的框架,在最一开始搭建框架的时候就遇上整体margin不为0,导致有空隙很难看。
不管是在局部vue中还是在对body样式进行修改都无用。
最后是在f12检查元素的时候发现了这个class:

body占满.png

修改padding:0就好了~

开发中想要查看点击后的input的样式,然鹅点击调试页面中的组件会导致焦点转移,每每尝试都只能查看到未点击的样式。无果,询问大佬Get开发调试新技巧√ 查看点击后的样式.png

点击:focus即可查看点击后的样式了~

重头戏来了,这个问题我询问了两位大佬都无果——当时本来是在开发菜单组件,想要测试一下父组件传过来的数据于是随便写了个事件绑在按钮上。然后,这个按钮竟然,完全没反应。百度上找了半天没有能够解决这个问题的方案,先后请教了两位大佬最终也是没有找到问题所在(大佬表示我运气不好~)。后面我自己在上下划拉找代码的时候看到在不为人知的底部竟然有——多出来的一个script标签,里面记录了一个图片url。 TAT

两个script.png

经验册

  • 为了保证页面在各种大小的屏幕上适配,请您使用%来对组件间距与大小进行调节;
  • vue中的scoped有可能会导致你希望全局修改的样式无法正常加载,请您去掉scoped后再次尝试;
  • 确认样式时可以使用!important来强制修改(尽量少用~);

任务书

  • 学习flex布局;
  • 增强自我解决问题的能力;
  • 思考未来职业发展路线;
  • 多看看一线互联网公司的前端团队文档:淘宝百度360京东腾讯