这周做了三件事，用 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。
三、我的网站
域名下来了，我的网站。
