上周三的时候交给老板目前的项目第一个迭代回顾会的总结。原本是以综述性的表述方式写的,交给他之后表示程序员不要长篇大论。总结要分为优点缺点期望等等块,每块列出条目,简明扼要的表达出来。这里也用这种风格。另外要说的是,可能很多地方是摘抄转述和不精确的个人阶段,开始阶段先这样好了,希望看到自己成长。

1.前端开发工程师必备三种技能:描述网页内容之HTML,描述网页样式之CSS,描述网页行为之JavaScript。

  HTML:Hyper Text Markup Language。超文本标记语言,据说并不能算是一种语言。目前我对于它的了解程度大概就是每个标签是干什么的,标签该怎么排布怎么用,是非常粗浅的水平。不过了解到这样似乎够用了,项目实践中体现出的困难大部分是写了代码但是预期的效果出不来,也就是网页样式很难弄。这部分应该属于标签的属性(Attributes),分的比较清楚的话是CSS的内容。但是HTML5的概念非常的广义,不太懂也就不展开说。

  CSS:Cascading Style Sheets。层叠样式表,通过它实现网页表现与内容分离。对HTML的元素或标签设置样式的话,用到的是选择器,我知道的只有元素选择器、id选择器和Class选择器三种。当然这三种选择器有好多种不同的写法,而且配合一些运算符可以组合出很多特别的效果,参见CSS选择器参考手册。比如id选择器用井号#缀上元素id,这里区分大小写,大括号里写声明,声明用分号隔开,每条声明包括属性和值,用冒号分隔。注意id名不要以数字开头,火狐浏览器不支持。各种写法有待学习,W3School真是个好地方,感慨一下。个人觉得CSS这一部分非常依赖对于细节的理解以及开发设计中积累的经验。首先CSS对于网页样式的控制可以精确到每个像素,同时每一个HTML元素有如此多的属性,再者这些属性又有千差万别的值,而且不同元素不同属性还能以各种方式组合,所以需要清楚理解一切细节,需要在熟悉特性的基础上掌握规律。想起来Training项目中调页面效果花上几天几天的时间,各种穷举尝试,归根结底还是没有学好CSS。

  JavaScript:JavaScript就是JavaScript。我们在网页上进行的一些操作,比如点击鼠标,敲回车,改变焦点,点按钮等等时会实现相应的功能,这些功能通过JavaScript实现。由于开发时我们直接现成的UI,所以对于HTML/CSS的开发设计要求并不太高,那么按照需求,直接针对JavaScript进行学习。另外,JavaScript官方名称是ECMA-262。

2.JavaScript的特点用一句话归纳:高端动态弱类型轻量级,适合面向对象和函数式的编程风格。

  这里面我所理解的术语只有动态、弱类型、面向对象。那么轻量级指的是以少量代码完成一些高级语言的功能;动态语言是指可以在程序在运行时增删改代码,这个在调试的时候有很明显的区别;函数式与命令式这种需要继续学习才能理解,高端。。。是什么还不清楚。当然先不要在意细节。

3.JavaScript与Java的关系就如雷峰塔和雷锋的关系,只是命名上的问题,人们叫习惯了也就无所谓了。

  ECMAScript,Jscript,JavaScript说的都是差不多东西,第一个是标准。另外版本的问题也不必纠结,JS的标准很稳定了,好好学就是。JavaScript1.5即ECMAScript3,1.8即5。另外JS解释器也叫引擎。

4.JavaScript里几个要术语初识。

  对象、数组、初始化表达式、运算符、表达式、声明(语句、陈述、statement)、控制结构、函数、方法、事件、jQuery、AJAX等等。这些东西后面会学到的,以后再说。

5.写JS和调试建议用火狐。

  非要说原因的话,FireFox的爹是Mozilla,Mozilla的爹是Netscape,网景是JavaScript语言的爹。。。说笑啦,因为火狐有好用的插件Firebug。不过现在的浏览器都有类似的功能,做项目的时候用的就是Chrome的开发者工具功能,IE也可以的,F12欢迎你。

6.好吧,每本书的第一章都是我读的最认真的部分。

  而且通过第一章这么个笔记法,好像会拖慢读书的进度,慢慢尝试别的方法,既要保证关键的知识留有思考,也要保证效率,探索中。。。读后面的章节要比第一章更认真。

2.语言概述-JavaScript权威指南笔记的更多相关文章

  1. 1.语言概述-JavaScript权威指南笔记

    上周三的时候交给老板目前的项目第一个迭代回顾会的总结.原本是以综述性的表述方式写的,交给他之后表示程序员不要长篇大论.总结要分为优点缺点期望等等块,每块列出条目,简明扼要的表达出来.这里也用这种风格. ...

  2. javascript权威指南笔记--javascript语言核心(四)

    对象: 通过引用(而非值)来操作对象: var obj = {"x":1,"y":2}; var copyObj = obj; copyObj.x = 5; c ...

  3. javascript权威指南笔记--javascript语言核心(三)

    1.var用来声明一个或多个变量.全局变量是全局对象的属性,它无法通过delete删除. 如果var语句中的变量没有指定初始化表达式,那么这个变量的初始值为undefined. 变量声明语句会被提前到 ...

  4. javascript权威指南笔记--javascript语言核心(二)

    1.函数作用域:在函数内声明的所有变量在函数体内始终是可见的.这意味着在变量声明之前甚至已经可用. *“声明提前”:javascript函数里声明的所有变量(但不涉及赋值)都被提前至函数的顶部. fu ...

  5. javascript权威指南笔记--javascript语言核心(一)

    1.javascript的数据类型分为两类:原始类型和对象类型. 原始类型包括字符串.数字.布尔值.null.undefined. 对象是属性的集合,每个对象都由“名/值”对构成.数组和函数是特殊的对 ...

  6. javascript权威指南笔记--javascript语言核心(六)

    通过ECMAScript 3创建的属性都是可写的.可枚举的.可配置的. 在ECMAScript 5中,数据属性的4个特性分别是它的值.可写性.可枚举性.可配置性.存取器属性的特性是读取.写入.可枚举性 ...

  7. javascript权威指南笔记--javascript语言核心(五)--getter和setter属性

    getter和setter属性: var p = { x:1.0, y:1.0, get r(){ return Math.sqrt(this.x*this.x + this.y * this.y); ...

  8. javascript权威指南笔记

    最近每天工作之余看下js的细节部分,时间不是很多,所以看的进度也不会太快,写个博客监督自己每天都看下. 以前不知道的细节或者以前知道但是没注意过的地方都会记录下来,所以适合有一定基础的,不适合零基础新 ...

  9. 2.词法结构-JavaScript权威指南笔记

    今天是第二章.所谓词法结构(lexical structure),就是写代码中最基本的东西,变量命名,注释,语句分隔等,这是抄书抄的... 1.字符集,必须是Unicode,反正Unicode是ASC ...

随机推荐

  1. Money Systems

    链接 分析:来看看背包九讲里面的一段话: 对于一个给定了背包容量.物品费用.物品间相互关系(分组.依赖等) 的背包问题,除了再给定每个物品的价值后求可得到的最大价值外,还可以得 到装满背包或将背包装至 ...

  2. git学习 7 git每次push都输入用户名 密码

    用如下命令改成SSH的方式 git remote rm origin git remote add origin git@github.com:username/repository.git git ...

  3. Elasticsearch的前后台运行与停止(rpm包方式)

    对应,这es的下载,需要rpm包. Elasticsearch-2.4.3的下载(图文详解) 建议用root用户 [root@djt002 elasticsearch-2.4.3]$ pwd/usr/ ...

  4. WPF学习系列之二 (依赖项属性)

    依赖属性;(dependency property)  它是专门针对WPF创建的,但是WPF库中的依赖项属性都使用普通的.NET属性过程进行了包装.从而可能通过常规的方式使用它们,即使使用他们的代码不 ...

  5. AngularJs(Part 5)--与后台联系

    AngularJS内置了$http这个服务来与后台联系.(默认会把接受到的数据转换为json)当然,还有一个$resource来提供与RESTful后台联系的服务. $http服务    $http比 ...

  6. CF-835C

    C. Star sky time limit per test 2 seconds memory limit per test 256 megabytes input standard input o ...

  7. file -i haha.csv

    user@user-desk ~/Downloads/largetrd$ file -i LT_Largetrd.csvLT_Largetrd.csv: text/plain; charset=utf ...

  8. DOM,date,字符串

    ECMAscript Dom doc Bom Browerwindow --窗口. location --地址栏. history --历史. document --文档. statue --任务栏& ...

  9. Automake使用说明

    说明 从零开始编写automake工程非常复杂也没有必要,我们只要能看懂开源项目的automake即可,然后根据自己实际情况进行修改即可,下面给出两个比较好的参考项目,其中spice-gtk涵盖了使用 ...

  10. 51nod1255(栈)

    题目链接:http://www.51nod.com/onlineJudge/questionCode.html#!problemId=1255 题意:中文题诶- 思路:对于当前字符 s[i],若其不在 ...