前端配置文件決定某個變數取值

『壹』 如何在當前頁面用php 獲取js 變數的值

1、首先我們創建一個test的php文件。

『貳』 關於thymeleaf的使用

瀏覽器忽略一切不能夠識別的屬性

例如 th:text="xxxx" ,這樣的屬性瀏覽器會忽略，對於html5的標准屬性寫法 也是支持的

屬性只需要 data-開頭  例如 ：data-th-text(html5標准寫法)=>th:text寫法

加入這個原因官方解釋為了 不讓我們的IDE在校驗html文件時 出現煩人的警告。

常用屬性

th:text--計算表達式的值，把結果 填充到 當前的標簽內 即tags 的 body替換，類似於 jquery 的 text() 方法。

th:utext--與 th:text類似 但是其不轉碼表達式的計算結果  比如 這種標簽類的文本計算出來後 會被 th:text轉碼

表達式語法

變數訪問表達式 ${....},例如 ${user.name}

消息訪問表達式 #{...},主要是訪問 配置文件中的值 支持國際化的顯示

url表達式 @{....} 處理url使用

片段表達式 ~{...} 引入其他片段使用

表達式中 可用的字面量

字元串：用單引號包裹 『this is demo』  例如

111

param.true22

也可以省略 單引號

數字 ： 123.1  0.1 9 

-1.5

布爾：true false 

null 字面量： null

字面量標記： one  param1 等

字元串連接 用加號  『this is』+'demo'

文字替換 |this is demo ${test}|  其中 test為 某個變數或者 變數的字面量標記

二元運算符  + - * / %  加 減 乘 除 取余

一元運算符 - 取負

二元邏輯運算  or  and

一元邏輯運算 ！ not  都是取反的意思

比較運算符  > , < , >= , <= ( gt , lt , ge , le )

等值比較  == , != ( eq , ne )

條件判斷  （if）? （then）

(if) ? (then) : (else)

(value) ?: (defaultvalue)

多語言的支持

Welcome to our grocery store!

thymeleaf

th:text="#{}"---獲取 properties文件中的 數據

html5的格式可以寫成  data-th-text=""

${x} will return a variable x stored into the Thymeleaf context or as a request attribute.

${param.x} will return a request parameter called x (which might be multivalued).

${session.x} will return a session attribute called x .

${application.x} will return a servlet context attribute called x .

想要 th:text展示標簽 即富文本展示的時候 採用  等   使用 th:utext代替

like ${user.name} for 「get the variable called user, and call its getName() method」).

Variable Expressions: ${...}

Selection Variable Expressions: *{...}

Message Expressions: #{...}

Link URL Expressions: @{...}

Fragment Expressions: ~{...}

一個綜合的表達式

'User is of type ' + (${user.isAdmin()} ? 'Administrator' : (${user.type} ?: 'Unknown'))

消息中嵌入參數

Welcome to our grocery store, Sebastian Pepper!

多個參數用逗號分開 

key值也可以用參數

Welcome to our grocery store, Sebastian Pepper!

#ctx : the context object.

#vars: the context variables.

#locale : the context locale.

#request : (only in Web Contexts) the HttpServletRequest object.

#response : (only in Web Contexts) the HttpServletResponse object.

#session : (only in Web Contexts) the HttpSession object.

#servletContext : (only in Web Contexts) the ServletContext object.

Established locale country: US.

使用星號表達式

Name: Sebastian.

Surname: Pepper.

Nationality: Saturn.

而且 $和 *的取值方式還能通用

『叄』 前端性能優化有哪些方法

前端性能優化的方法有：

一、減少http請求數

常用的減少http請求數有以下幾種：

1、合並圖片。當圖片較多時，可以合並為一張大圖，從而減少http請求數。經常變化的圖片可能不太合適，變化相對穩定的就可以考慮。合並大圖除了能減少http請求數外，還可以充分利用緩存來提升性能。

2、合並壓縮css樣式表和js腳本，他們的共同目的都是為了減少http連接數。

3、去掉不必要的請求。開發寫代碼或者系統升級之後殘留的無效請求連接。

4、充分利用緩存。這里說的緩存是客戶端側緩存或者說瀏覽器緩存。Expires頭信息是客戶端側緩存的重要依據，格式類似於Expires:sun ,20 Dec 2017 23:00:00 GMT。

如果當前時間小於Expires指定的時間，瀏覽器就會從緩存中直接獲取相關的數據信息或html文件，如果當前時間大於Expires指定的時間，瀏覽器會向伺服器發送請求來獲取相關數據信息。

以Apache為例，可在Apache的配置文件httpd.conf中設置Expires。

二、圖片優化

優化方法：

1、盡可能的使用PNG格式的圖片，它相對來說體積較小。

2、對於不同格式的圖片，在上線之前最好進行一定的優化。

3、圖片的延遲載入，也叫做賴載入。

三、使用CDN

CDN即內容分發網路，可以使用戶就近取得所需內容，解決網路擁擠的狀況，提高用戶訪問網站的響應速度。

四、開啟GZIP

GZIP即數據壓縮，用於壓縮使用Internet傳輸的所有文本資源。開啟GZIP的方法很簡單，到對應的web服務配置文件中設置一下即可。以Apache為例，在配置文件httpd.conf中添加。

五、樣式表和JS文件的優化

一般我們會把css樣式表文件放到文件的頭部。比如，放到＜head>標簽中，這樣可以讓CSS樣式表盡早地完成下載。對應js腳本文件，一般我們把他放到頁面的尾部。

六、使用無cookie域名

無cookie域名的概念：當發送一個請求時，同時還要請求一張靜態的圖片和發送cookie時，伺服器對於這些cookie不會做任何使用，也就是說這些cookie沒什麼用，沒不要隨請求一同發送。

『肆』 Jmeter參數設置

jmeter參數化的四種方式：

1、CSV Data Set Config:CSV配置文件，用於參數取值范圍較大的時候使用，該方法具有更大的靈活性；

2、User Variables:用戶參數，用於參數取值范圍很小的時候使用；

3、User Defined Variables:用戶自定義變數，一般用於test plan中不需要隨請求迭代的參數設置；

4、函數助手_CSVRead的參數化，功能相比CSV Data Set Config較弱；

方法一：CSV Data Set Config/CSV數據配置文件。

步驟：1.添加線程組->2.添加請求->3.配置文件->4.添加CSV->5.運行檢查結果

場景：一次查詢10個類型的數據

3.配置文件，這個只有1個參數：

方法二：添加用戶參數，配置用戶參數。其它的同方法一類似。

方法四：函數助手，跟CSV 類似，但沒CSV 靈活方便，不用了。