0717-0721周结

2017

0717-0721周开发知识点总结：

    1.基于一个陌生框架的开发：

首先要浏览一遍相关的介绍文档，不用详细看具体的实现，但一定要大体知道此框架都有哪些方法，比如json转换的方法/文件上传的方法/各种表单控件的介绍/脚本的编写/demo案例等，知道有这些东西，开发时需要的时候再针对性的看如何实现的，这样效率更高。

其次，其实不管是什么框架，其实现原理都是基于主流的开发框架/工具的(如boorstrap，select2，thymeleaf，js，jquery)，只是在此之上又进行了一定程度的封装，所以一定别看到陌生的东西就打怵，因为其实内部都是你熟悉的。Groovy脚本就可类比java脚本。

最后，新的陌生框架大多也会支持老技术，比如$.ajax({})等前端框架基本都支持，所以开发时若遇到阻碍大可新老结合着来破解，会很大程度上提高开发效率。

    2.前端js中json串的处理

通过ajax等远程调用获得的返回值大都是json格式的字符串。如果是json数组，则可以用var arrPro = JSON.parse(province);将其转换成一个数组，接下来就可以用for循环遍历arrPro数组对其进行处理了。

注意js中对数组的操作：var arr = new Array(); 新建数组

arr.push(“abc”)； 相当于ArrayList的add

   其格式为：   [“abc”]

    3.关于select2 

    3.1最常用的初始化下拉框方法：

         $("#query_province").select2({

                                data: data,

                                placeholder:'请选择省份...',

                                allowClear:true

                           })

         data就是返回的数组格式的json串，形如[{“id”:”1”,”text”:”格瓦拉”}]

   3.2将select2设置为多选：1)直接在select2控件上加multiple=”multiple”；

                                                  2)如果1)不好使，说明该功能被框架禁用了，则可以使用下面的杀手锏

-- 在上面初始化的select2大括号中增加一个属性  multiple: true。

   3.3 select2的回显与清空

        $("#update_province").val(brr).trigger("change");//回显，注意其中的brr一定要是数组格式的json串，参见3.1中的格式，否则无法回显value值。

        $("#update_province").val(null).trigger("change");//这就是清空了

   4.其余的小tips

   1)在js中将json转成字符串 var aToStr=JSON.stringify(a);

   2)取到选中的单选框的值： $(“input:radio[name=’abc’]:checked”).val();或者直接用id选择器；

   3) 如果遇到报错提示query function is not defined，如果函数确实定义了，则可以将函数的定义格式改成 query = function(){***} 。var query = function(){}会不认，function query(){}也会不认。

   4) 隐藏控件的两种方式：a. style=”display:none”  此种方法隐藏块不会占用页面空间； b. style=”visibility:hidden”  此种方法隐藏块仍然会占用页面的空间。

  去掉隐藏统一用$("# province").removeAttr("style");

   5)如何比较一个变量是不是undefined格式：

   If(typeof(abc)==”undefined”){alert(“是undefined类型”)}