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注册用户名检测 

标签：compute,运算,demo,javascript,plus,按钮,字符串,一些,minus
来源： https://www.cnblogs.com/weijia-JCJSSL/p/15958593.html