我的前端之路的start

   这是我第一次写博客,心中难免有点小激动,我也是才近入前端这个行业才小半年。在这期间我经历过无数个不知原因的坑,当然后来也都给解决了。也经历过一气呵成的完成网页的前所未有的喜悦感,也曾为了完成网页,通宵奋战的码代码的成就感。经历了这么多的坑,也慢慢的总结了很多前端方面的bug。总的来说,前端页面遇到的问题无非是浮动问题,和定位问题,很多都是这两方面的原因。

   浮动问题:有左浮动,右浮动,当一个margin:0 auto;就不能浮动了,当很多内容时,不要忘记清除浮动,clear:both;清除浮动就是固定在那个位置了,下面在清除浮动的位置继续添加内容,讲的有点绕,等以后在组织语言重新说说。

定位问题:定位有固定定位,相对定位,绝对定位。其实我的理解,是绝对定位在相对定位的基础上定位的,也就是上一级是relative,下一级是absolute,相对于上一级的top,bottom,left,right而动的。还有就是两个同级的relative,谁的z-index高,谁就在谁的上面。这是我经历过的。

   总之我感觉前端页面标签要清晰,结构分明,css属性要用合适的属性去添加,减少不必要的代码,让人一目了然,为后期的维护打下坚实的基础。在我目前遇到的人中,很多人都对前端有不正确的认识,他们以为前端就是写页面的,会用个css属性,加个js就是前端了。其实不是的,当你真正的进入前端这个行业时,你就知道了其实你错了,前端不只写页面这么简单。写页面很简单,但你能写出一个高质量的页面吗?你能减少http的请求吗?你能css写出不用图片代替的任意的几何图形吗?你能让js在服务器上跑起来吗?。。。

    现在是一个看脸的社会,当一个产品出现在客户面前的首先是他的界面,其次才是功能。功能都是封装好的,看不见的。而前台页面是看的见的。你做的好看不好看直接影响到客户对产品的满意度。对于当下,大道致简,任何东西简单化,功能模块化,让人一目了然。前台页面对客户也好,代码对前端开发人员也好,都是很有好处的。现在前端开发,也都遵循后台开发模式,也是模块化开发,什么MVC MVP 也都前台开发了,近两年来前端框架也都出来了,最出名的有angular.js  react.js,但他们的根本还是js,所以原生js还是要学好,现在很多大公司面试都很注重原生js。

  现在h5很火,其实就是在原来html4的基础上加了很多标签,也去掉了很多不用的标签,使标签语义化,结构更加清晰。加了视频标签,代替了flash,增加了canvas,可以随便在上面做你想做的东西,画动画,通过js控制,实现你想实现的效果。其实现在更火的是app,app原来都是原生开发,iOS,Android,开发一个项目周期很长 ,而现在h5的出现,更多的是混合开发,周期减少一半,成本也减少一半左右,所以,现在前端开发人员要了解的东西很多,要知道ng,react,node.js, grunt打包工具,ajax,w3c标准,css3,特别是css,很多大神都认为写css没什么难度,就像玩具一样,没有挑战性,的确,不同的人运用css就会有不同的效果,有的人能用css写出js的特效,而有的人就只能写个页面,虽然css很简单,但是越简单的东西越复杂,你是或写css的时候,思考过他这个属性是怎么来的,怎么定的,为什么要这样这样设计,这都是很多人忽略的。所以我准备最近做一件事,就是每天介绍一个css属性,把他的制定方案,从前到后的发展做个总结,让大家知道这个这个样式的属性来源,制定的来源,让大家对这个样式的属性有个更深层次的理解。

   说了这么多,就是想告诉大家,告诉正在学习前端的同学们,前端这个行业是值得你学习的,前端的发展还是很有钱途的。在接下来的每一天,我都会更新一个css属性的前后发展,让大家对css有个更深的认识,让我们一起在前端的路上越走越远。

 

posted @ 2016-07-19 23:38  chinageek  阅读(289)  评论(0)    收藏  举报