javascript的一些小demo
2022/3/3 11:15:02
本文主要是介绍javascript的一些小demo,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
为了熟悉js的知识点,在网上找了一些小demo练手,主要有以下几个。
ps:先准备一个一个的做完,抽空再记录一下思路。
1.简易计算器的实现(已完成)
需求:实现+、-、*、/等运算功能的计算器,可以使用小数点
基本的想法是:
①数字、小数点、运算符点击写入:写一个文本框input和一些按钮button,为按钮绑定点击事件,点击按钮获取按钮节点的值,并将按钮的值添加到文本框中
②点击=按钮获取运算结果:因为涉及到运算优先级的关系,要先计算乘除法,而后再计算加减法,因此要先将其拆分为只包含乘除的法的运算单元,计算完毕后再计算加减法。写两个函数模块,一个是输入为只包含加减法的算术字符串,输出为运算结果的字符串,compute_plus_minus('1+2-3');另一个是输入为只包含乘除法的字符串,输出为运算结果的字符串,compute_multiply_divide('1*2/3')
③加减乘除的实现:获取按钮值后进行判断,如果是加法就将前一个数和后一个数相加,其它的类似。
流程:
①使用正则表达式对获取到的input.value按加减号进行拆分:nums=inp.value.split(/[\+\-]/)得到运算单元列表nums,symbol_plus_minus=inp.value.match(/[\+\-]/)得到加减运算符列表
②对nums中的运算单元进行for循环遍历,使用compute_multiply_divide()对每一个计算单元进行计算,得到新的nums,它的每一个成员都为不包含运算符的数字字符串
③将新的nums和symbol_plus_minus合并为只包含加减法的字符串,使用compute_plus_minus()进行计算
难点:
compute_plus_minus()、compute_multiply_divide()的实现需要正则匹配分割,注意要先判断字符串中是否有运算符号,不然split的时候会报错
2.表单验证
3.二级菜单
4.电子时钟
5.选项卡
6.无缝滚动
7.图片切换
8.省市级联
9.Jquery制作二级菜单
10.jQuery制作选项卡
11.Ajax注册用户名检测
这篇关于javascript的一些小demo的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-15鸿蒙生态设备数量超8亿台
- 2024-05-13TiDB + ES:转转业财系统亿级数据存储优化实践
- 2024-05-09“2024鸿蒙零基础快速实战-仿抖音App开发(ArkTS版)”实战课程已上线
- 2024-05-09聊聊如何通过arthas-tunnel-server来远程管理所有需要arthas监控的应用
- 2024-05-09log4j2这么配就对了
- 2024-05-09nginx修改Content-Type
- 2024-05-09Redis多数据源,看这篇就够了
- 2024-05-09Google Chrome驱动程序 124.0.6367.62(正式版本)去哪下载?
- 2024-05-09有没有大佬知道这种数据应该怎么抓取呀?
- 2024-05-09这种运行结果里的10.100000001,怎么能最快改成10.1?