|
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动画 | |||