股票论坛个人日志——第五周：前端设计之文章、评论界面+个人中心优化

团队日志：

https://blog.csdn.net/Seb_Veeeettle/article/details/105749143

个人工作

• 文章动态主页设计
• 文章详情页面设计
• 文章的评论页面设计
• 个人中心修改优化

心得体会

最近俩周非常粗糙的学习了大量JavaScript知识，对于一些页面动画和脚本有了一定的认识，但是还是非常不系统的，下面进行一下系统地梳理。

JavaScript是一种计算机编程语言，可以像等其他编程语言那样定义变量，执行循环等。主要执行在浏览器上，为HTML页面提供动态效果,而且JavaScript是一种脚本语言，它的代码是解释执行的，也就是解释一句代码后就会执行这句代码。

Js变量声明

js是弱类型语言，弱类型并不是说数据本身没有类型，而是变量没有类型。如一个变量a，a的值既可以是字符串类型，也可以是数值类型

js使用关键字var 声明变量：var a ; 或者 var a = 1.2; 或者 var a,b,c;

由于js的弱类型特点，我们可以这样编写代码：

var a = 1.2;

a = “hello”;

切记：js中没有int a = 1; 这种写法

Js数据类型

js定义了6种数据类型，其中有5种原始类型：Boolean、Number、String、Null、Undefined，和一种Object类型

函数

函数是js中低一等的对象，它不仅具有普通对象的构造函数、属性等，最重要的是它可以被调用。通常一个函数用来完成一个特定动作，而且可被重复调用，和那些面向对象的编程语言中的方法相似。鉴于函数在js中的重要地位，js提供了多种语法来声明、使用函数。实际上声明函数就是创建js的Function类的对象

Js变量作用域

• 在script标签内直接定义的变量是全局变量，对整个页面的所有js代码都有效
• js预先定义了一些全局变量，比如说name，测试时候要注意 js引擎在执行代码之前，会把所有的全局变量声明放在顶部，赋值语句位置不变
• 在if、循环等语句中声明的变量，只要声明语句执行过，变量就会被提升为全局变量
• 变量可重复声明并会发生覆盖，使用变量时值为前面最后一次声明的值 在函数内定义的变量是局部变量，局部变量不会提升为全局变量，所以外面不可访问
• 在两个嵌套的函数中，外层函数定义的变量对内层函数有效，反之无效 在两个不是嵌套关系的函数中定义的变量对彼此都无效
• 特别注意嵌套函数内变量的使用

在JavaScript中，无论是全局变量还是函数，都在window对象的属性，window对象表示整个浏览器窗口，不仅仅js内容，整个HTML页面（包括所有元素和CSS内容）也都在window对象的管理之下，浏览器每打开一个标签页面就会创建一个window对象，浏览器窗口有时候会打开多个页面，也就对应多个window对象，每个window对象几乎互不影响。除此之外window对象还提供了另外一些全局对象

window的全局属性

location地址栏对象（href 属性、reload()）

screenX 浏览器左边框距显示屏左边界的距离

screenY浏览器上边框距显示屏左边界的距离

document 页面文档对象，表示一个html页面
　　
window的全局函数
alert()、confirm()、prompt()、close()、open()、setInterval()、clearInterval()、setTimeout()、clearTimeout()