这周做了三件事，用 js 写了一个简易计算器，加深对 js 的认识；学习了 css 的 flex 布局；我的网站域名申请也通过了，这是我的网站地址 梦林小栈。

一、 简易计算器总结

1. form 表单元素

• 按钮 button
• 文本框 input
• 下拉框 select

<select id="operator">
  <option value="1">大于</option>
  <option value="2">小于</option>
  <option value="3">等于</option>
</select>

2. jquery 获取/设置表单元素的值

<input id="one" type=“text">
<script>
    // 获取表单元素的值
    var value = $('#one').val();
    // 设置表单元素的值
     $('#one').val(3);
</script>

3. js 数据类型

• 数值 Number
• 字符串 String
• 布尔 Boolean
• 未定义 Undefied
• 空 Null
• 对象 Object

3.1 字符串数据类型常用方法

方法/属性	说明
‘menglin’.length	字符串长度，这里是 7
‘menglin’.substring(2)	截取字符串 "nglin"
'menglin'.charAt(1)	获取字符串指定下标的字符"e"
'menglin'.replace('e', 'a')	替换字符串中的字符"manglin"
'menglin'.indexOf('e')	获取字符 e 在字符串中的下标位置 1

3.2 数据类型相互转换

其他类型转布尔值 Boolean

• Boolean(value)
• Null、Undefined 转为布尔值是 false；
• Number 转布尔值只有 0 是 false，其它都是 true；
• String 转布尔值只有空字符串 ''（就是一个引号，里面没有内容） 是 false，其它都是 true。

其它类型转数值 Number

• Number(value)
• Null、Undefined 转数值类型都是 0；
• 布尔值 false 转数值类型是 0，true 是 1；
• 字符串中空字符串转数值类型是 0，‘12’ 这种数值类型字符串转数值类型结果为 12，'xx' 这种字符类型的字符串转数值类型结果为 NaN。

其它类型转字符串 String

• String(value)
• 不管什么类型转字符串类型，都是在外面加个引号就行了。

4. =、==、=== 区别

= 一个等于号表示 赋值，比如 var vaule = 2；

== 两个等于号用来比较两个值是否相同，比如 12 == ‘12’ 返回 true。两个等于号只会比较值，不会比较数据类型；

=== 三个等于号也是用来比较两个值是否相同，比如 12 === ‘12’ 返回 false。三个等号不仅仅是比较值，还会比较值的数据类型是否相同。

二、flex 布局

我在 这篇文章 里学习的 flex 布局，写的很详细。

到目前为止，我学习的 css 布局方式有：

• div 盒子模型，margin、padding；
• position 布局，有三个值 relative、absolute、fixed；
• display: inline-block; 布局；
• float 布局；
• flex 布局； display: flex。

三、我的网站

域名下来了，我的网站。