看枯燥的书~!其实可以这样玩~!

Author: smoke520 / Category: web前端

    最近正在研究js中,看了《javascript基础教程》有一阵子了(图灵的书),但是觉的基础的知识不牢固,虽然一些例子的代码比较使用,但是不能对自己有真正的提高,而且概念也不清晰,所以我就停下来好好学习下js的基础部分,我现在主要看的俩本书是《javascript权威指南》大犀牛和《javascript高级程序设计》(图灵的书),单单看大犀牛的时候,这个闹心啊,枯燥加没意思,而且越看越烦,这时我突然想其了我们技术部“刘老尸”(其实是我们的技术总监)的一句话:“一本书你不可能全看明白,因为有的东西你不能一下子就悟懂,所以同时看俩本书,交叉着看,会有不错的效果”。所以我就尝试了一下,《javascript权威指南》大犀牛和《javascript高级程序设计》交叉着看,别说,效果还不错,概念清晰了,牙口好了,胃口也好了,记住了“交叉看书法”!

action english 1 and 2

Author: smoke520 / Category: action english

ACTION ENGLISH 1

sound engineer, (a person who make sound better) 录音师

AMERICAN SLANG 美国俚语

Rumor has it that… 据说…… ;人们都说……
ex:Rumor has it that Andy is a nice guy. 人们都说安迪是个棒小伙。
Rumor has it that he is a rather difficult sound engineer. 人们都说那个录音师很难相处.  

重点词句

None of that matters. 无关紧要。 You matter to me. 你对我很重要。
matter to you 对你重要. not matter to you.对你不重要
ex:Your opinion really matters to me.你的意见对我很重要
You matter to me .你对我很重要.
It doesn’t matter .不要紧.

counterfeit watches genuine scars.(片中)
counterfeit 假的。counterfeit money 假币
genuine 真的   true真的(爱情) ,true love ;real真的 (友情)  real friends
genuine  true   real 反义词:  counterfeit  

be worth doing。。。deserving of ; giving satisfaction  值得……
worth 值得
ex.This car isn’t worth the money you paid for it.你买的那部车不值那么多钱.

ACTION ENGLISH 2

cartoon, (a film made by photographing a series of drawings)卡通;动画片

AMERICAN SLANG 美国俚语

Oh, Come on!:用强调的语气时,表示不相信。用平白的语调时,表示快点。连续说两遍的时候,表示加油。

重点词句

Who do we like for this? 凭以往的经验,这会是谁干的?
Who do you like for…   凭以往的经验,会……
ex:Who do you like for the best actress at tomorrow’s Oscar’s?  凭以往的经验,你觉得明天的奥斯卡最佳女主角会是谁?
Who do you like for the soccer game tomorrow night, Brazil or Germany?  凭以往的经验,你觉得明天晚上的足球赛是巴西赢还是德国赢?

Oh, Gee! 表示没想到,感到惊讶!            同义词:Gosh!        Oh my God!
Oh, no! 表示发牢骚、抱怨。   Oh, oops! 在犯了个小错误的时候说。

Go ahead. 请便。
ex:Do you mind if I smoke here?  No, go ahead. 我可以抽烟吗?没问题,请便吧。

我和Web前端工程师的距离

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一个横,我还的为了那个竖而努力啊!!!!

自己的代码是不是应该完美无缺?

Author: smoke520 / Category: web前端

     昨天和经理聊的时候,听到这么一个故事:有三个不同职业人被判了死刑。第一个牧师去绞刑架的时候,他发现绞刑架的扳手坏了,这时候他说:“这是上帝的安排”。第二个律师去的时候,他发现绞刑架的扳手也坏了,他说:“既然这样的话,我就有权利选择活下去了,这就和我没关系了”。当第三个工程师上去的时候,他说原来是这有问题啊,然后他就修好了绞刑架的扳手,结果他死了。

    就是这样一个故事,让我感受很深,要是我处处要求自己写的代码必须非常完美,就有可能让我转进一个怪圈,程序员也许会经常进到自己的世界里,去想为什么要这么写,最近学习js的我也有这个倾向。完美归完美,但是真正的项目中,要学会变通,不能写着写着就忘了这个原则,要清楚自己的目的。要不就会出现自己原来想开发割草机,但是作出来的产品给人家描述的时候感觉像汽车了,那就Over了!

《Css the missing manual》有感

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就好了,但是这个作者在写书的时候可能没用篇幅来写,所以只能期待更好的书出现,但是看了这本书并不遗憾,因为毕竟有收获啊。不同的人看,也许会有别的更好的体会,所以,大家都来读吧,然后交换体验。

迁移博客中

Author: smoke520 / Category: life

迁移博客中,敬请期待!