1. 程式人生 > >python之路_day86_blog 評論樓

python之路_day86_blog 評論樓

ice 前端 開始 span 轉換成 可能 height tar 結果

一、自定義屬性

  我們知道,在前端頁面渲染的過程中,我們可能會需要用到一些後端傳來的參數,這種參數的獲取我們一般是通過模板語言渲染得到。但是當這些參數是在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 評論樓