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

原文地址:https://www.cnblogs.com/cn-oldboy/p/12573883.html

时间: 2024-11-08 14:20:39

记录网站MIP改造的经验,不足,和踩的坑的相关文章

我县政府网站集群建设经验总结

一.我县政府网站集群建设成果 国家十八大会议明确指出做好信息化工作是目前各个行业的重点,作为我县信息中心的负责人,作为政务服务试点县,经过一年的努力,使得政府网站集群建设取得一定成果. 最近打开我区政务网站,市民们可以看到,本来特别落后,相对严肃.死板的政府网站集群现在已经有了很大变化,新版政府网站集群建设(目前新版的系统为:We7网站集群内容管理系统平台为支撑)不仅仅是提供信息发布和查询.浏览的单调和基础的功能了,而是将政务服务服务和在线办事的功能加强了,贯穿了整个网站集群的始终,市民不仅可以

微信小程序豆瓣电影项目的改造过程经验分享

在学习微信小程序开发过程中,一部分的难点是前端逻辑的处理,也就是对前端JS的代码编辑:一部分的难点是前端界面的设计展示:本篇随笔基于一个豆瓣电影接口的小程序开源项目进行重新调整,把其中遇到的相关难点和改进的地方进行讨论介绍,希望给大家提供一个参考的思路,本篇随笔是基于前人小程序的项目基础上进行的改进,因此在开篇之前首先对原作者的辛劳致敬及感谢. 1.豆瓣电影接口的小程序项目情况 豆瓣电影接口提供了很多相关的接口给我们使用,豆瓣电影接口的API地址如下所示:https://developers.d

MVC网站(Spring Mvc)编写经验总结

单个网站使用MVC架构模式经验总结,包含具体网站包分类.包内类的编写.注意事项等方面.本人认为,按照如下包分类及编写方法,已经满足一个简单普通网站(主要针对java)的编写需求. MVC主要层级 数据库持久层(model) 常见应用的有Hibernate.Mybatis等持久层框架. 1. dao(repository) 此包中包含的类,是针对不同数据库的基本操作. 针对关系型数据库,是常见的CRUD(可能包含分页.模糊查询和排序等)操作,目前在JAVA EE中形成了JPA规范. 针对非关系型数

Yahoo团队总结的关于网站性能优化的经验(转)

英文原文:http://developer.yahoo.com/performance/rules.html 中文原文:http://www.ha97.com/2710.html 1.尽量减少HTTP请求次数 终端用户响应的时间中,有80%用于下载各项内容.这部分时间包括下载页面中的图像.样式表.脚本.Flash等.通过减少页面中的元素可以减少 HTTP请求的次数.这是提高网页速度的关键步骤.减少页面组件的方法其实就是简化页面设计.那么有没有一种方法既能保持页面内容的丰富性又能达到加快响应时间的

夺命雷公狗—玩转SEO---78---手机排名优先索引---MIP改造

MIP闪电算法,主要应用在独立手机站,m.baidu.com,主要功能是缓存网站上的   图片   js   css   到百度的mip服务器中. 我们可以查看下mip规范 上面就已经很明确的标注出来了,我们传统的     <html>   标签需要改造成<html mip>  ,然后到   https://www.mipengine.org/validator/validate/   网站上即可将自己网站的代码放进去进行校验了,而且网站上还有一个例子: <!DOCTYPE

.Net Mvc过滤器观察者模式记录网站报错信息

基本介绍: 观察者模式是一种对象行为模式.它定义对象间的一种一对多的依赖关系,当一个对象的状态发生改变时,所有依赖于它的对象都得到通知并被自动更新.在观察者模式中,主题是通知的发布者,它发出通知时并不需要知道谁是它的观察者,可以有任意数目的观察者订阅并接收通知.观察者模式不仅被广泛应用于软件界面元素之间的交互,在业务对象之间的交互.权限管理等方面也有广泛的应用. 第一步:自定义过滤器错误类(MyExceptionFilterAttribute.cs) 1 using Sam.OA.Common;

关于网站搭建的小经验!!

1.首先大家需要了解两个单位Byte和bit 计算机上有两个最基本的单位,Byte(字节)和bit(位),二者的换算关系是1Byte=8bits. 100Mbps(100M bits per second)独享带宽,换算到我们日常熟悉的文件大小,要除以8:也就是说100Mbps带宽,理论下每秒可以下载的文件大小约是12.5MB(MByte). 2.用于视频点播时候的在线人数 如果用100M去点播普通电影(600kbps)的,产生一次顺畅点播需要每秒传递的数据大小600/8≈80KB左右,100M

对8250驱动程序改造的经验总结

1.对现有驱动进行拷贝,然后进行局部修改2.不必过多深入系统内核驱动的调用过程,区分好哪些是需要修改的,哪些是内核驱动自带的3.对于要修改的内容,参考别人成功的例子,看哪些需要修改的4.必要时,可以先把原拷贝先不加载进驱动,把自己拷贝的驱动加载进去5.谨记要实现的功能,按步骤实现6.知道每个模块的作用与功能,哪些是涉及硬件,哪些是涉及系统的,一般来说,进行设备.驱动的注册时,一般不涉及驱动,只有应用层调用时才进行硬件的相关调用. 7.对串口驱动程序的改造时如果是采用外部模块加载的方式,即insm

简单、强大记录网站日志。

using System; using System.Collections.Generic; using System.Web; using System.Text; using System.Reflection; using System.Collections; using System.Collections.Specialized; using System.Text.RegularExpressions; using System.IO; namespace Utils { ///