码迷,mamicode.com
首页 > 编程语言 > 详细

python之路_day86_blog 评论楼

时间:2017-12-26 21:57:47      阅读:185      评论:0      收藏:0      [点我收藏+]

标签:分割   regex   时间   size   length   width   返回   arch   若是   

一、自定义属性

  我们知道,在前端页面渲染的过程中,我们可能会需要用到一些后端传来的参数,这种参数的获取我们一般是通过模板语言渲染得到。但是当这些参数是在js文件中被用到(js代码若是单独以文件形式被引用,模板语言不能被渲染)时,怎么办呢?我们可以在页面写一个无实际用处的标签,通过给此标签自定义属性,用于存放我们想要的的参数。实例如下:

技术分享图片

  然后,我们就可以在js代码中找到此标签后,便可以取到其相应的自定义属性,应用实例如下:

技术分享图片

二、json补充

  如下图,讲述了js和python中关于json对象所能接受的类型,均只能序列化所示的5中数据类型,对于date对象显然是不可以用json进行序列化,但是我们models中的时间类型存的就是date对象,如果需要将此date对象通过序列化传至前端,我们怎么办呢?

技术分享图片

  如下例,在python中通过strftime将date对象转换为指定形式的时间字符串,然后便可进行序列化,实例如下:

技术分享图片

三、js中字符串对象函数及方法

  具体方法及函数介绍如下:

x.length         ----获取字符串的长度

 x.toLowerCase()        ----转为小写
 x.toUpperCase()        ----转为大写
 x.trim()               ----去除字符串两边空格       


----字符串查询方法

x.charAt(index)         ----str1.charAt(index);----获取指定位置字符,其中index为要获取的字符索引

x.indexOf(findstr,index)----查询字符串位置
x.lastIndexOf(findstr)  

x.match(regexp)         ----match返回匹配字符串的数组,如果没有匹配则返回null
x.search(regexp)        ----search返回匹配字符串的首字符位置索引

                        示例:
                        var str1="welcome to the world of JS!";
                        var str2=str1.match("world");
                        var str3=str1.search("world");
                        alert(str2[0]);  // 结果为"world"
                        alert(str3);     // 结果为15
                        

----子字符串处理方法

x.substr(start, length) ----start表示开始位置,length表示截取长度
x.substring(start, end) ----end是结束位置

x.slice(start, end)     ----切片操作字符串
                        示例:
                            var str1="abcdefgh";
                            var str2=str1.slice(2,4);
                            var str3=str1.slice(4);
                            var str4=str1.slice(2,-1);
                            var str5=str1.slice(-3,-1);

                            alert(str2); //结果为"cd"
                            
                            alert(str3); //结果为"efgh"
                            
                            alert(str4); //结果为"cdefg"
                            
                            alert(str5); //结果为"fg"

x.replace(findstr,tostr) ----    字符串替换

x.split();                 ----分割字符串
                                 var str1="一,二,三,四,五,六,日"; 
                                var strArray=str1.split(",");
                                alert(strArray[1]);//结果为"二"
                                
x.concat(addstr)         ----    拼接字符串

  在js中,对字符串进行切片需要用到slice()方法,具体应用实例如下:

技术分享图片

四、DOM对象聚焦

  在我们的blog项目中,我们需要对对已有的评论进行评论时,我们需要点击相应的“回复”按钮,点击完任意一个“回复”按钮,我们都需要聚焦到评论输入框上,这时候我们就要用到focus()方法,具体应用实例如下:

技术分享图片

五、js中parseInt()

  在html标签中的内容,即使是数字,但是当我们通过text方法取到,其实际还是字符串的数据类型,当我们需要将其转换成数据类型时,我们就需要用到parseInt()方法,它就是将数字形式的字符串强转成数字类型的方法,应用实例如下:

技术分享图片

 

python之路_day86_blog 评论楼

标签:分割   regex   时间   size   length   width   返回   arch   若是   

原文地址:https://www.cnblogs.com/seven-007/p/8120055.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!