案例:《简易javascript文字查找&替换》

废话不多说,请看图~!

功能点:

1、点击展开按钮,右侧查找与替换显示,点击查找与替换任意一个才能关闭
2、点击右侧查找与替换任意一个按钮,下面的功能块会显示
3、点击右侧与下边的查找按钮,功能块只显示查找内容
4、点击右侧与下边的替换按钮,功能块只显示替换内容
5、点击查找内容里的输入框,没有输入内容会提示,输入的内容没找到也会有提示。输入的内容找到了,会在上面把它标黄
6、替换内容区域两个框里都没内容,点击替换按钮会有提示
7、替换内容区域第一个框里没内容,会有提示
8、替换内容区域第一个框里有内容末找到,会有提示
9、替换内容区域第一个框里有内容也找到了,但是第二个框里没内容,会提示是否删除
10、替换内容区域两个框里都有内容,也能找到内容,点击后就会把原来的内容替换成第二个输入框里的内容

涉及知识点:

1、字符串的操作方法
2、数组的操作方法
3、return关键字


案例:《简易javascript文字左右移动》

功能点:

1、点击按钮后,左侧没有输入内容会有提示
2、点击按钮后,左边的数字,是移动文字的数量。右侧的数字是左边放内容的总量
3、点击按钮后,左边文字会一个一个移到右边
4、点击按钮后,左边的数字会一直增加
5、点击按钮后,进度条显示
6、点击按钮后,按钮变成灰色,不能再次点击
7、文字移动完成后,按钮可以再次点击,进度条隐藏


涉及知识点:

1、字符串操作的相关方法
2、定时器
3、清除定时器
4、选项卡原理

 

请问怎么才能学习这些炫酷的案例呢?

问的好~请联系QQ:723936083 ,或直接点击报名链接 https://ke.qq.com/course/149980  锁定免费直播坐席!

晚上八点!晚上八点开始!


图片示例:

 


号外!号外!

9月《WEB前端全栈高级工程师》班级已经顺利开班,下期班级开班时间待定!学费恢复原价!

最后0名额!

最后0名额!

最后0名额!

咨询 QQ:723936083

微信:feclass66

 《致学员的一封信》• 一家不吹牛x的培训机构到底行不行?http://apeclass.cn/article/61

从今天起,跟我们一起做一点改变。