前端初探（1）

今天大致看了一下前端的H5和CSS,记录体会督促自己进步。  代码界流传着这样一句话“最难学的语言是你学的第一门语言”，确实种类繁多的编程语言之间总是有着千丝万缕的相似之处，今天大致看了一点前端H5和CSS的知识，对照着iOS 学习起来感觉得心应手。

架构：

在iOS中总是为文件分类头疼，MVC,MVVC,VPRE,各种设计模式层出不穷。而在前端技术中，似乎无需考虑这些问题。就以最典型的MVC模式为例，前端中 H5,css 类似 View ，JS 类似 ViewController , 细分开来，H5 赋值 View 中的控件部分，css负责渲染控件，JS 承担了大部分的逻辑（V），数据处理(M) 的工作。这样看来就能在前端工作中更好的分配好 三者的任务了，因此在我看来前端所需的设计模式思想更加简洁明了。

元素：

在H5中元素的概念对应着iOS中的控件，都是直接展示在用户面前的界面组成。区别于iOS中完善的坐标系统（x,y,width,height），H5中似乎无法直接对元素进行高度自定义的精准布局定位（据说利用css可以，没试过），H5自带属性只有 (width,height)，位置属性只能根据元素创建代码的先后由系统自定识别排列，当然这点对于脑中自带坐标的同学来说并不是什么难事。同时，作为一门标签语言，H5界面元素有iOS难以想象的简洁，或者说简陋。

属性：

iOS中的引用计数机制很让人头痛，索性前端中似乎不存在内存泄露，野指针等问题（待验证），在 css 渲染 界面时 主要有三种方式：1外部样式表  2 内部样式表  3 内联样式 。外部样式 相当于 设置 了一个在 整个项目中起作用的外部变量文件 ， 内部样式表 相当于只在当前文件中起作用的全局变量， 内联样式 相当于只在当前函数中起作用的局部变量。