23
Nov
Author: smoke520 / Category:
web前端
ECMA-262中,把对象定义为“属性的无序集合,每个属性存放一个原始值,对象或函数。”
每个对象都有类定义,可以把类看作对象的配方。类不仅要定义对象的接口(开发者访问的属性和方法),还要定义对象的内部工作(使属性和方法发挥作用的代码。)
程序使用类创建对象时,生成的对象叫做类的实例;由类创建对象实例的过程叫做实例化。
对象定义存放在一个构造函数中,构造函数不是一种特殊的函数,它只不过是用于创建对象的常规函数。
一种面向对象语言需要向开发者提供四种基本能力:
1 封装–把相关的信息存储在对象中的能力。
2 聚集–把一个对象存储在另一个对象内的能力。
3 继承–又另一个类得来类的属性和方法的能力。
4多态–编写以多种方法运行的函数或方法的能力。
ECMAScript支持以上这些要求,因此可被看作是面向对象的。
23
Nov
Author: smoke520 / Category:
web前端
今天下午的时候,听见“火日立”说关于一个高度自适应的说法:在样式表中定义html和body标签的都为height:100%,这样在页面中写入div的时候样式写为height:100%,这个div就能自适应高度100%了。其实高度自适应的原理是继承父级的高度,只要父级高度height:100%,子级就能自适应了。ie在默认的情况下,html高度默认是100%,但body缺不是;而火狐的html高度默认也不是100%,所以这就是为什么定义html和body标签的都为height:100%。但是我不知道为什么html标签要定义height:100%。希望能有高手给我解释一下。smoke520
23
Nov
Author: smoke520 / Category:
web前端
最近正在研究js中,看了《javascript基础教程》有一阵子了(图灵的书),但是觉的基础的知识不牢固,虽然一些例子的代码比较使用,但是不能对自己有真正的提高,而且概念也不清晰,所以我就停下来好好学习下js的基础部分,我现在主要看的俩本书是《javascript权威指南》大犀牛和《javascript高级程序设计》(图灵的书),单单看大犀牛的时候,这个闹心啊,枯燥加没意思,而且越看越烦,这时我突然想其了我们技术部“刘老尸”(其实是我们的技术总监)的一句话:“一本书你不可能全看明白,因为有的东西你不能一下子就悟懂,所以同时看俩本书,交叉着看,会有不错的效果”。所以我就尝试了一下,《javascript权威指南》大犀牛和《javascript高级程序设计》交叉着看,别说,效果还不错,概念清晰了,牙口好了,胃口也好了,记住了“交叉看书法”!
23
Nov
Author: smoke520 / Category:
web前端
今天在JunChen::Wish Room 1906看见了一篇谈谈Web前端工程师的定位的文章,感触比较深。
在现在这个公司已经快有7个月了,一晃眼,半年的时间过去了。半年的时间自身提高最大的就是xhtml+css,再学下去就是浏览器(或者相应播放器)的渲染/重绘原理了,这方面的知识就的多去查看一些国外的英文资料了,也可以说到了一个我的瓶颈了。最近再专研javascript,这是成为Web前端工程师必须要玩精的东西,起步也是相当的困难,毕竟学校里面学的东西还是太浅,以后研究的日子就的看我自己了。还好公司最近改版停滞了,上面再重新策划商业模式,也就有了我这段时间可以学学我自己想要发展的东西,改版在开始的时候,也将是面临更大挑战的时候,这个项目过了,我的xhtml+css也就可以拿出手了。但这只是我职业生涯刚刚开始的第一步,算是一小步辉煌吧。说实话,大连这个环境真正的交互师和Web前端工程师真的太少了,可以说接近于零(如果有大连真正高手的话,希望能和我联系,我这有一个好的交互师和我这么个Web前端工程师o(∩_∩)o…哈哈!)
再来说说我的Web前端工程师,其实大环境真的不是很好,因为现在大多数的公司还是有着美工和程序员这样的概念,对交互师和Web前端工程师根本就不怎么重视,但是冷门也好,很多人玩的东西也许就没意思了,所以,我会坚持到成为page builder!
来说page builder最基础的要求吧:
(X)HTML + CSS,从入门到精通
JavaScript,基本的 Ajax 和 framework
Semantic + Accessibility,主要是思想、理念上
浏览器(或者相应播放器)的渲染/重绘原理
其他 RIA 相关技术和理念
我现在有的只是字母t一个横,我还的为了那个竖而努力啊!!!!
23
Nov
Author: smoke520 / Category:
web前端
昨天和经理聊的时候,听到这么一个故事:有三个不同职业人被判了死刑。第一个牧师去绞刑架的时候,他发现绞刑架的扳手坏了,这时候他说:“这是上帝的安排”。第二个律师去的时候,他发现绞刑架的扳手也坏了,他说:“既然这样的话,我就有权利选择活下去了,这就和我没关系了”。当第三个工程师上去的时候,他说原来是这有问题啊,然后他就修好了绞刑架的扳手,结果他死了。
就是这样一个故事,让我感受很深,要是我处处要求自己写的代码必须非常完美,就有可能让我转进一个怪圈,程序员也许会经常进到自己的世界里,去想为什么要这么写,最近学习js的我也有这个倾向。完美归完美,但是真正的项目中,要学会变通,不能写着写着就忘了这个原则,要清楚自己的目的。要不就会出现自己原来想开发割草机,但是作出来的产品给人家描述的时候感觉像汽车了,那就Over了!
22
Nov
Author: smoke520 / Category:
web前端
用时一周,读完了《Css the missing manua》这本书,中文命为《css实战手册》,本书讲解了CSS的基础知识,又分享了很多实践的心得。运用大量的例子剖析css、应用css, 讲述经常要用到但让人迷糊的CSS页面布局方法,最后还提出一些CSS”习惯”,遵循这些”习惯”能够更好地创建和组织CSS。
过多恭维的我就不多说了,因为对css的喜爱有一段时间了,所以一些基础的内容对我来说就算是巩固了。但是我觉得这本书对想学习css的入门者来说,是一本很不错的好书,是我目前发现的讲解最详细,最容易叫人掌握的书,这么说呢,作为一本入门的书,这绝对是一本好的课本。如果我刚学的时候,要是能有一本这样的书,那就完美了。唯一的遗憾就是高级技巧和实战高级经验能再多点就跟完美了。
下面说说我的心得吧:
1. 书写格式 这是个没有正确答案的问题,以为换行书写和不换行书写都各有各的好处,也许是我看他书里排版的原因吧,我感觉换行书写如果在代码行数过几百的情况下,好像能看的更加清晰点,但是不换行书写在能统一书写属性顺序的情况下也是不错的选择。等我最近尝试下俩种方法后在作决定吧。
2.类前加写应用html标签 比如div#Content或者span.TextBtn,这样的书写方式能方便日后对定义的这些id和class能够清晰的早到他们用在了那个标签下,是个不错的小技巧。用在大量的编码中,会看到它更大的用处。
3. 一个小技巧,当定义border的时候,如果有只有一个或是俩个边是没有的,这样的定义:border:1px solid #000; border-top, border-left:0;这样定义方法看起来又省代码,有清晰,是个可取的方法,border3个属性的顺序虽然没要求,但是在团队编写的时候,统一方法还是有必要的。
4. first-letter、first-line 这俩个属性的方法在定义新闻最终页面的时候,可以应用在 P 上,可以作出不错的效果,怎么使用,看看属性手册吧,我就不熬述了。
5. ie7和ie6的bug应用hack的优先级 个人推荐再ie7下编写网页,然后应用hack去坚固ie6,这样当ie6推出舞台那天,我们只要删掉这些钩子,样式表就干净了,毕竟ie7是会淘汰ie6的,所以,更早的适应新浏览器,是个更好的决定。(具体的hack方法,在看书的时候找吧,都说了,就没意思了,如果有需要,咱可以单独提供,但是估计你也会呵呵,其实hack不少呢。)
6. position的页面布局,书中讲到了position布局页面的方法,其实是个不错的主意,毕竟换了一种思路了啊,可以在一些简单的宣传页面采用,而且这样写不会出现恶心的bug,因为没有浮动吗,但是唯一的缺点就是最中间的高度要高于俩侧,这是的恶心的问题,具体的方法自己去12章找吧。
7.*html ul.nav a{height:1px}这个ie6下扩大可点击区域的bug。可以在P219下看见详细用法。
8.利用position的z-index属性和一些图片,可以作出一些不错的徽章效果,实例如何,就去书中找吧。
9.关于打印样式的样式表 最终的决定还是单独写一个样式表为宜,再编写的时候考虑的话会更添加麻烦的。(其实用户打印的一般是最终页面,所以打印的话,html的标签正确使用是至关重要的,图片只要包含logo就可以,多的话会让用户打印的时候讨厌。)
10. 最后 里面提供的样表属性查询不错,是身边的一个好工具,呵呵。
好了,本书我的体验就是这些了,书中要是能有一些更新奇的用法出现和多讲一些hack就好了,但是这个作者在写书的时候可能没用篇幅来写,所以只能期待更好的书出现,但是看了这本书并不遗憾,因为毕竟有收获啊。不同的人看,也许会有别的更好的体会,所以,大家都来读吧,然后交换体验。