一、自定義屬性

　　我們知道，在前端頁面渲染的過程中，我們可能會需要用到一些后端傳來的參數，這種參數的獲取我們一般是通過模板語言渲染得到。但是當這些參數是在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补充的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。