36js

1.简版计算器
结构	组成		标签
用户输入:	两个输入框		input
算法符号:	加减乘除余		select
计算:	计算按钮		button
结果显示:	文本innerHTml. 文本框value		p. type=text
	算法
用户正确输入
1. 判断运算符号		switch语句
2. 字符装换		parseFloat强制转换
3. 判断除数是否为0		if语句
用户错误输入
1. 输入第一框为空		if
2. 输入第二框为空		if
3. 为空时,不执行switch		var flag = true; 标记
		标记为真,执行switch代码
2.网页日历开发
结构	组成		标签
切换月份年份	上一月, 2020, 下一月		p标签
当前月份	七月		h5
周一到周日	日,一,二,三,四,五,六		ul li
日期	1....31		ul
	算法
获取并修改年		date.getFullYear()...;
获取并修改月		date.getMouth()... ; // 0-11
		let arr=['一月','二月'....];
获取每月的天数		new Date(cYear, cMonth+1, -1).getDate()+1;
获取每个月的第一天是周几		new Date(cYear, cMonth, 1).getDay();
获得当前号数		date.getDate();
		if(i ==cDay){html += '<li class="active">' + i + '</li>' ;} else.....
点击事件	prev...	date.setMonth(date.getMonth()-1);	add();
	next...	date.setMonth(date.getMonth()+1);	add();
3. 正则表达式的编写思路
用途	正则表达式是构成搜索模式的字符序列
	当您搜索文本中的数据时,您可使用搜索模式来描述您搜索的内容
	正则表达式可以是单字符,或者更复杂的模式
	正则表达式可用于执行所有类型的文本搜索和文本替换操作
步骤
	需求	所有情况都要考虑到,考虑越多越实用
	迭代
	实现
常用正则:	https://www.w3cschool.cn/regexp/m2ez1pqk.html
进行测试:	var text =	` `;
	var exp =	/ ()+/ig
	console.log(text.match(exp));
4. 网页的弹窗广告位
5. DOM动画