python之路_自定义属性、json及其他js补充

一、自定义属性

　　我们知道，在前端页面渲染的过程中，我们可能会需要用到一些后端传来的参数，这种参数的获取我们一般是通过模板语言渲染得到。但是当这些参数是在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（）方法，它就是将数字形式的字符串强转成数字类型的方法，应用实例如下：

转载于:https://www.cnblogs.com/seven-007/p/8120055.html

python之路_自定义属性、json及其他js补充相关推荐

python之路_面向对象
1 >>> dict #类型dict就是类dict 2 <class 'dict'> 3 >>> d=dict(name='egon') #实例化 4 ...
python之路_文件操作解析
文件操作一.操作文件三要素 1. 路径 #文件存放的具体位置的路径 2. 编码 #文件打开的的编码格式:utf-8 3. 模式 - rb:以字节的方式只读 obj = open('D:\ ...
python之路_计算机编码及运算符介绍
1. Pycharm使用 2. 字符串格式化作用:将数字和字符串相结合占位符:%s代表字符串,%d代表整数类型格式: #实例1msg = "我叫%s,年龄是%d,爱好%s&qu ...
python之路_前端基础之Bootstrap 组件
文档内容参考地址:http://v3.bootcss.com/components/ 一.图标如下例,Star文本前有一个空格: <button type="button" ...
python之路_前端基础之jQuery入门2
一.样式操作 1.css样式 <body> <div class="c1">111</div> <script src="jqu ...
python最新排名_最新编程语言排名：JS位列第一 Python超Java
Redmonk新一轮的编程语言排名出炉,从使用量上看,Python超越了Java跃居第二,JavaScript仍保持领头羊的位置. 统计中对使用量的计算拉取的是Github和Stack OverFlo ...
python怎么验证两个json是不是一样_比较Python中的两个JSON树
我有这种JSON树的文件夹结构.有什么方法可以将它与同类的Json树进行比较以获得差异(文件丢失或不同的文件属性(日期,crc,..)),并将其作为具有不同/缺失文件名称的列表返回.比较Python中 ...
python读取json数据格式问题_浅谈Python中的异常和JSON读写数据的实现
异常可以防止出现一些不友好的信息返回给用户,有助于提升程序的可用性,在java中通过try ... catch ... finally来处理异常,在Python中通过try ... except .. ...
python生成json接口_基于python的Flask框架写json接口并且结合eolinker进行接口测试
一.前言很多时候为了提高软件开发的效率,后端程序人员理想状态下应该编写程序测试接口供前端程序人员进行测试,以便前端的开发.笔者由于项目的需求近期尝试学习了一下测试接口的编写,以Python+Flas ...

python之路_自定义属性、json及其他js补充

python之路_自定义属性、json及其他js补充相关推荐

最新文章

热门文章