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动画 | |||
posted on 2020-06-30 13:19 浪漫的程序猿Plus 阅读(213) 评论(0) 编辑 收藏 举报