美文网首页
总结css布局前要准备什么

总结css布局前要准备什么

作者: 岚亦水 | 来源:发表于2018-01-27 20:40 被阅读31次
    总结css布局前要准备什么

    我是一个java的程序员,入行时间不算太长,算是一个初级,可能是因为学习的时候还算是比较努力,在没有约束和规则的情况下,开发过几个小游戏和项目,自以为我也是一个会开发的人了,拥有了程序员的逻辑思维。自从遇到了我的学霸师傅,我才我发现自己是一个多么可笑的井底之蛙。

    人就是这样,可耻的只在自己看到的视线中感到自我满足,比如大多数我们按部就班的上班,生活,吃饭,以为这叫努力。不浪费青春。但比起那些创业每天辛苦12个小时,还要承担风险的人相差甚远。但那些创业的眼里,看到马云和刘强东企业初期的构建和计划 ,会不会也会有一种类似于我现在这样的差距感呢?

    这里并非是说师傅的经验有多么充足,可能也不及那些10以上的资深源码农,但是师傅的代码思维和性能优化,全局维护,开放封闭原则的确是我见过最厉害的角色。我很庆幸,一个二流大学出来的我,可以遇到一个学霸的师傅指导,是我三生有幸。

    先说说这期的指导课程:

    css布局和编写总结css布局前需要准备点什么

    虽然我们同时后台开发,但是作为企业的特殊性,前后端的工作都是一起做的,没有单独的UI ,也没有H5,更不会有js的指导,只有遇到了问题,就上官网api搜索。但像我这样的小白,只有按照自己的思维解决问题,但是对于前端的css样式,是我最头痛,效率最慢的事情,因为到今天我才发现,我没有一个框架的思维去实现样式。对,你听得没错,谁说后台交互,项目搭建才有框架,框架无处不在,在我们日常的总结和归纳的思维中,只有真正学会框架的布局css样式,才能实现高效的开发。

    在构建一个页面的css,大概需要实现

    1. 页面板块评估2. 抽出难点样式3. 模块化,分模块编写4. 统一整合5. 调整边界和浏览器兼容问题6. 性能调优,提高用户体验和清晰度

    关于页面评估​(1)就是浅显的讲无论你操纵多大的盘子,都得熟悉你的内容分为哪几个容器,是东西南北中,还是东中南,在上手设计之前,一定要清晰你需要的板块是由那些构成。

    关于难点样式。​(2)每个样式实现之前,对一个页面比较炫酷的,或者不常见的样式要有一个提前功课的过程,在操纵时候,方可得心应手。

        (3)​在所有布局清晰,并且大小样式都是OK了以后,就可进行单个模块化的设计,但这个时候大多会出现重复的模块拼凑在一个页面,这是很常见的现象,只有一步一步一个脚印,完全把一个小模块的样式实现完美以后,再去做另一个样式,否则后面维护和调整的不止一个地方,肯定会崩溃的。补充说明的是,模块的设计里面最好不要带position的相对漂移等设计,因为在下一个统一整合的过程中,说不定会影响整个页面的浮动效果,对于一个初学者来说,页面的东西到处跑的时候,考虑是否是我们自己可以应付的过来的事情。

    (4)在页面板块评估,模块化,整合都已经到位的时候,作为一个非专业的页面,其实已经算是OK了,在不登台大项目的时候,其实还是可以上线,只能用于小项目,但是如果是一个持久的长期的项目看待,最后俩个环节也是非常重要的,整个页面设计好以后,一定要在各个浏览器使用观察一下,看看有没有什么个别熟悉不兼容部分浏览器的问题,比如,<ul>

    (5)想去掉默认的黑点这样的操纵~等。保证各个浏览器样式都还OK的时候,进入到最终版样式调优,看看页面效果都呈现的情况下,没有快闪,各各插件之间的冲突问题。

    ​无论是后台还是前端,都是一个长久的持续的积累和思考的过程,我相信再慢慢的实际操纵中,拥有一个整体布局整合的思维,对于初学者来说会上手比较快。祝我早日成功!

    相关文章

      网友评论

          本文标题:总结css布局前要准备什么

          本文链接:https://www.haomeiwen.com/subject/zddoaxtx.html