JS快速完成数据库数据显示2

Posted 2020-10-10 sunnymn

知识点1：HttpResponse 与 JsonResponse 的区别？

　　　　HttpResponse (json.dumps(字典或者列表))

　　　　JsonResponse (只能是字典，不能是列表！)，如果非要写列表，那么加上属性safe------>JsonResponse (列表,safe=False)

jQuery扩展有两种方式：

方式一：
jQuery.extend({
     "xxx":function(args){
             alert(args)
       }
})

$.xxx(666)

方式二：
Jquery.fn.extend({
      "xxx":function(args){
            包含关于this的语句；
       }
})

$("#id").xxx(666)  //这的调用不是Jquery，而是一个具体的标签，并且上面的this指的就是这个调用的标签。

自执行函数的用法：

(function(jq){
　　function f1(){}
　　function f2(){}
　　...
　　jq.extend({
　　　　"xxx".function(args){}
　　})
})(jQuery)

$.xxx(666)

本节重点：

　　1. 因为JS中没有python中的格式化函数format，那么需要自己写。

　　　　因为JS中有字符串替换内置函数replace，用法：字符串s.replace("s中的子串"，"用来做替换的字符串")，其实字符串的格式化本质就是字符串的替换。

　　　　

var name = ‘alexegon‘;
new_name = name.replace(‘e‘,‘EEE‘);
结果：new_name: alEEExegon, 只会替换第一处！！！
方式2：
　　把repalce的第一个参数写成正则表达式，格式是/正则表达式/,如果这么写也是替换第一处，如果在后面加上g，则是替换所有符合正则表达式规范。
    即 new_name = name.replace(/正则表达式/g,‘EEE‘),结果是：alEEExEEEgon。
方式3：
　　replace的第二个参数也可以是匿名函数，必须有返回值，那么返回值就会替换正则表达式匹配成功的字符串。
　　name.replace("a",function(k,v){}) 
　　name.replace(/a/,function(k,v){})
　　其中k---->指的是匹配成功的字符串，v----->指的是此字符串的位置
　　注意：k,v的值可以有多组。

格式化：
　　name = "sfsdcdsvd{xxx},vfes{uuuu}"
　　kwargs = {"xxx":‘alex‘,"uuuu":‘18‘}
　　需要写格式化函数，使得 name.format(kwargs)

JS原型：为类增加方法，以后所有对象都可以调用,当字符串对象调用format时，会自动调用后面的函数。
　　String.prototype.format = function(kwargs){
　　　　return this.replace(/\{(/w+)\}/,function(k,v){
　　　　　　return kwargs[v]
　　　　});
　　}
　　
　　name.format(kwargs);

JS中定义类：
　　function Foo(name,age){
　　　　this.name = name;
　　　　this.age = age;
　　}
　　Foo.prototype.func = function(){
　　　　this...
　　}
　　obj = new Foo(‘egon‘,19);
　　obj.func()