记录网站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！加油！