[真传弟子]JS-王相博|2017年05月22日的日报-技能树.IT修真院

发表于： 2017-05-22 22:22:35

1 1134

今天学习的知识：

之前一直觉得switch、case语句几乎没用过，总觉得缺点儿，今天学习了一下，switch（变量）{

case 变量的值：do some things ; break ; default是可选值，如有，则是在所有case都不匹配时执行default的语句。

}

学习sort（）方法，该方法在原数组上排序，不生成副本。

如果使用不带参数的sort（）是按照字符编码顺序进行排序，简单测试了几个，*>1>@>A>a ; 还学习了简单的数字排序，如果不加入排序函数，则会按首位优先排序，加入一个return a - b 的函数，即可实现按数字的大小进行排列，调换ab的顺序，就会倒序排列。

寻找三级联动地区插件。

准备小课堂。

明天计划的事情：

学习三级联动的知识，设计自己的方案。有预感还会遇到很多新的问题，嘿嘿，毕竟底子薄。

遇到的问题：

不知道如何读取三级联动的数据。

收获：

听了需求讲解，了解了一些不太确定的东西，比如轮播图限制数量的问题，其他的在原型里基本都能找到，还有一个小框在原型里重复了，做的时候注意不要写重。

常见表单验证的优缺点？

一.背景介绍

JavaScript 可在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。以减轻后台数据传送压力，提高数据传送的质量和效率。

二.知识剖析

了解一下表单验证

H5自带的表单验证属性

在点击提交时进行本地验证demo

利用手工js代码

if/switch，或者正则表达式，+DOM操作

缺点：代码量大，耗时多
优点：相比于第三方库，可以减少加载的js文件大小，样式灵活
如果网站的表但很少，或者格式简单，或者对性能的要求高，可以手工写demo2

利用js第三方插件

优点：全站适用，手工代码量少

缺点：有可能加重服务器负担，样式相对固定

链接

三.常见问题

何时进行验证？

四.解决方案

输入时进行实时验证(.keydown) 京东注册
退出焦点时验证(.onblur) demo3
提交表单时进行本地验证亚马逊登录

五.编码实战

            
                var regP = /^\d{6,16}$/;
                var regU = /^([A-Za-z0-9\S]){5,16}$/;

                $("input:first").blur(function(){
                   var user = $("input:first").val();
                   if (regU.test(user) == true ){
                    $("p:eq(1)").html("输入正确")
                   }else{
                    $("p:eq(1)").html("请输入正确的用户名")
                   }
                });

6.拓展思考

这些验证方法的优缺点是什么？

第一种京东的方法还是挺好的，毕竟大公司，获取焦点时显示提示，随着输入的过程，符合要求后给予用户通过验证的反馈，缺点是会影响一些性能，这个缺点也是很小的，一般情况下注册页都是单独出现的，所以只是执行几个keydown这种小函数应该也谈不上影响性能。第二种失去焦点验证，会导致用户输入完账号后发现上边不符合标准，还要点回去进行修改，也是会影响一些用户体验。第三种提交时才验证，这种就有些故意为了降低服务器而设置的表单验证了，考虑机器的成分大，对用户体验不够重视，是不被推荐的验证方式。