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

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. [Codeforces 452E] Three Strings

    [题目链接] https://codeforces.com/contest/452/problem/E [算法] 构建后缀数组 用并查集合并答案即可 时间复杂度 : O(NlogN) [代码] #in ...

  2. 【Lintcode】095.Validate Binary Search Tree

    题目: Given a binary tree, determine if it is a valid binary search tree (BST). Assume a BST is define ...

  3. Microsoft SQL Server 数据库

    1. master 数据库 master 数据库记录 SQL Server 系统的所有系统级别信息.它记录所有的登录帐户和系统配置设置.master 数据库是这样一个数据库,它记录所有其它的数据库,其 ...

  4. 【转】Android Menu

    Menu由两种形式,Option menu和Context menu.前者是按下设备的Menu硬按钮弹出,后者是长按widget弹出. Option Menu 当我们按下Menu的硬件按钮时,Opti ...

  5. Spring管理Filter和Servlet(在servlet中注入spring容器中的bean)

    在使用spring容器的web应用中,业务对象间的依赖关系都可以用context.xml文件来配置,并且由spring容器来负责依赖对象 的创建.如果要在servlet中使用spring容器管理业务对 ...

  6. 三 lambda表达式有什么用

    (转载: https://mp.weixin.qq.com/s/-PHOc6p-qKJBktle28AUgA) 一: 直接把代码块赋值给变量 我们知道,对于一个Java变量,我们可以赋给其一个“值”. ...

  7. apache2.2.25+php5.43开启curl失败的解决方案。

    首先还是常规步骤: 1.extension_dir = "C:/server/php/ext" 2.extension=php_curl.dll 3.重启apache,发现curl ...

  8. 在windows10环境下给PHPStorm配置xdebug断点调试功能

    笔者的开发环境: wampserver2.5系统环境包 操作系统:windows10 64位专业版. php版本:php5.512 Apache版本:2.49 好了下面介绍,phpstorm配置xde ...

  9. # program once 用途 及与 ifndef使用异同

    在头文件中用这种写法就是为了该头文件被重复包含时不会出现符合重定义的错误. 效果等同于     #ifndef __xxx__     #define __xxx__     ...    #endi ...

  10. mysql由浅入深探究(四)----mysql事务详解

    什么是事务: 通俗的解释就是对数据库进行的一组完整的操作,这组完整的操作中包含一个或多个操作.解释的太low了,来点官方的:事务就是DBMS中执行的一个完整的逻辑单元,这个逻辑单元中包含一个或者多个操 ...