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