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

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. ACM学习历程—HDU 1272 小希的迷宫(并查集)

    Description 上次Gardon的迷宫城堡小希玩了很久(见Problem B),现在她也想设计一个迷宫让Gardon来走.但是她设计迷宫的思路不一样,首先她认为所有的通道都应该是双向连通的,就 ...

  2. 开发工作之外的修炼Live笔记

    “开发工作之外的修炼”这期Live分享了下列话题: [1] 如何发现自己的兴趣 [2] 财富.资源与被动收入 [3] 目标管理 [4] 快速做选择 [5] 时间管理 [6] 如何投资自己 >&g ...

  3. poj3067Japan——树状数组查找逆序对

    题目:http://poj.org/problem?id=3067 利用树状数组查找逆序对. 代码如下: #include<iostream> #include<cstdio> ...

  4. linux 下定位程序假死

    ps -ef | grep 程序名称 pstack 程序的进程ID

  5. EIP权限工作流升级说明-2019/5/23

    增加mysql版本在线预览地址:http://www.eipflow.com:3000/

  6. C++类型起别名的方式

    C++给类型起别名的方式: #include <iostream> using namespace std; #define DString std::string //! 不建议使用!t ...

  7. Kolla多节点环境安装OVN

    安装OVN组件 控制节点 ### 安装ovn-northd # wget https://copr.fedorainfracloud.org/coprs/leifmadsen/ovs-master/r ...

  8. Codeforces Round #403 (Div. 2, based on Technocup 2017 Finals)【A,B,C】

    翻车!翻车! codeforces782A A题: 水. 代码: #include <bits/stdc++.h> using namespace std; typedef long lo ...

  9. Unity学习(十三)场景优化之四叉树

    http://blog.sina.com.cn/s/blog_89d90b7c0102wyfw.html 四叉树是在二维图片中定位像素的唯一适合的算法.因为二维空间(图经常被描述的方式)中,平面像素可 ...

  10. Hyperledger Fabric 替换couchDB

    fabric中默认数据存储的方式是levelDB,一个key/value存储的单机数据库.除此之外还提供了另外一种存储方式:couchDB.同样也是一个K/V 数据库,对fabric而言,相比于前者, ...