前端配置文件决定某个变量取值

『壹』 如何在当前页面用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 灵活方便，不用了。