• 记录网站MIP改造的经验,不足,和踩的坑


     
    引入百度mip要注意的几个坑和一些经验
    1.模板的坑
    由于40多个模板页面,需要大面积修改,去掉不用的css,js,这本身就是很头疼的事
    但是,小飞兔软件的使用,我还不熟
    2.百度禁止自定义js的坑
    那就只能使用百度自己的js组件
    由于百度的组件,有固定的布局,所以,不得不在修改模板,重新写功能组件
    3.百度mip_img的坑
    mip-img会生成很多页面代码,让页面可读性极差,并借助百度自己的mip.css,打乱原有界面的布局。最头疼的就是图片大小,图片的位置问题。
     
    一些经验和教训
    1.bs+flex:  以后决定,flex到底
    百度mip是禁止使用bs样式的,因为,他禁止使用jquery!草!
    不过,flex布局确实好用,可惜我以前没重视。
      使用bootstrap的html布局,加上flex的css属性,能很快的,写出mip组件。
     
    2.em,rem,vm,媒体查询
     做响应式页面,模板用了em,让我懵了,还需要再熟悉一下,关于媒体查询的max,min,以及书写的顺序,也是有点懵
     
    3.浮动和定位,让页面的各种块,飞了起来
     注意使用clear进行清除,但最高效的办法是使用blank类
    清楚浮动的万能方法还是不熟
     
    4.使用阿里云字体库,会,但也不是很熟
     
    5.vscode技巧
    可以用vs快速清除空格
    可以用vs的折叠展开,更快的梳理html模板
     
    6.二分法定位css样式的冲突
     6000多行的css,层层嵌套的html,在冲突发生的时候,让人有种砸键盘的冲动。
    使用二分法,删除3000行,第一次定位冲突,再删除1500行,定位第二次,再删除750行,定位第三次,一次次下去,最终能找到冲突的位置。
     
    7.落下不少课程,时日无多了。得赶紧回头,敲课程了。
     
    在千锋得到了系统的知识,这点很重要。没有这系统的培训,面对问题,会一头雾水。现在还有很多知识,要赶紧学踏实了。我跟一些同学的差距,有点大了。
     
    无论年龄,决心一直走web之路,可以的话,走的死!前端后端,一把梭。然后要做自己的app!加油!
  • 相关阅读:
    解决tomcat启东时一闪而过的问题
    如果数据库中的时间类型与mybatis的时间类型对应关系
    el 表达式中某一项过长时需要截取字符串长度,当悬停的时候显示全部内容
    ubuntu/linux系统中安装jdk以及eclipse(附图解详细步骤)
    Unity利用SMSSDK实现短信验证码(附代码)
    Unity利用Share SDK实现QQ、微信及微博第三方登录及定制内容分享(附代码)
    Unity编辑器扩展
    VR中射线点击按钮的实现
    Unity中几个特殊路径在各个平台的访问方式
    多态
  • 原文地址:https://www.cnblogs.com/cn-oldboy/p/12573883.html
Copyright © 2020-2023  润新知