1.nginx 是一个高性能的HTTP和反向代理服务器，常用于分布式服务器管理.
它常用于做负载均衡(通过调用多台服务器达到此目的)
静态资源输出更快，可以对资源实现gzip压缩后输出(这也是本文为什么用它做静态资源访问的一个重要原因)
适合解决跨域问题和反向代理(因为谁也不想看到在本域名下看到访问其他域名的情况发生,跨域可导致csrf攻击,这是本文用它的第二个原因)
占用内存少,秒启,能快速切换结点,防止宕机
2.es6 是ECMAScript的第六个版本,如果想要学好vue.js等js框架,这是必须要学会的一门语言,推荐学习地址如下:http://es6.ruanyifeng.com/
3.vue.js是一款前端模板渲染引擎,类似于后端的jsp,beetl等模板引擎.当然结合node环境也可作为后端渲染用.(官网已支持)
说了上述几点,让我们来回答几个为什么"htmlcode">
//html结构
<div id="app">
{{ message }}
</div>
//js模块
var app = new Vue({
//会检索绑定的id 如果是class 则是.class即可绑定
el: '#app',
data: {
message: 'Hello Vue!'
}
})
2.class与style绑定
<div class="static"
v-bind:class="{ active: isActive, 'text-danger': hasError }">
</div>
data: {
isActive: true,
hasError: false
}
渲染结果为:<div class="static active"></div>
3.常用的绑定事件
//输出html <div v-html="rawHtml"></div> //绑定id或class <div v-bind:id="dynamicId"></div> //绑定herf <a v-bind:href="url" rel="external nofollow" ></a> //绑定onclick <a v-on:click="doSomething"></a>
2.和服务器怎样进行通讯
在这里推荐大家使用axios进行和服务端的请求,然后将请求后的数据交由vue.js处理.
关于axios的使用例子链接地址
3.常见的流程控制语句 数据校验 自定义指令
//if 语句
<h1 v-if="ok">Yes</h1>
//for 循环语句
<ul id="example-1">
<li v-for="item in items">
{{ item.message }}
</li>
</ul>
数据校验及其表单控件绑定链接地址(https://cn.vuejs.org/v2/guide/forms.html)
以下四点参考官网api,不再做介绍了
4.深入响应式怎样实现(在第一次页面初始化填值后，如果发生改变要修改怎么做)"htmlcode">
server {
listen 4000;
server_name www.test.com;
charset utf-8;
index /static/index.html;//配置首页
//这边可使用正则表达式,拦截动态数据的请求,从而解决跨域问题
location = /sellingJson.html {
proxy_pass http://192.168.100.17:8090/vueHelpSellingcar.html;
}
#配置Nginx动静分离，定义的静态页面直接从static读取。
location ~ .*\.(html|htm|gif|jpg|jpeg|bmp|png|ico|txt|js|css)$
{
root /static/;
#expires定义用户浏览器缓存的时间为7天，如果静态页面不常更新，可以设置更长，这样可以 节省带宽和缓解服务器的压力
expires 7d;
}
}
2.后端请求返回json数据（以java为例）
@RequestMapping("/vueHelpSellingcar.html")
public void vueHelpSellingcar(HttpServletRequest request,HttpServletResponse response) {
//若干操作后,返回json数据
JSONObject resultJson = new JSONObject();
resultJson.put("carbrandList", carbrandList);
resultJson.put("provinceList", provinceList);
//进行序列化,返回值前端
try {
byte[] json =resultJson.toString().getBytes("utf-8");
response.setHeader("Content-type", "text/html;charset=UTF-8");
response.getOutputStream().write(json);
} catch (Exception e) {
e.printStackTrace();
}
}
3.前端调用vue示例
//html模块
<div v-if="carbrandList.length" class="char_contain">
<p v-for="brand in carbrandList" id=" {{brand.brand_id}}">{{brand.brand_name}}</p>
</div>
//js模块 页面加载后,自动去获取动态资源
let v={};
$(function() {
axios.get('http://test.csx365.com:4000/sellingJson.html')
.then(function(data){
//定义一个vue对象,方便模板渲染
v =Object.assign(v, new Vue({
el : '.char_contain', //绑定事件名
data : {
carbrandList : data.data.carbrandList, //数据流
}
}));
})
.catch(function(err){
console.log(err);
});
});
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
3月27日消息，苹果宣布2024年全球开发者大会（WWDC）将于6月10日至6月14日举行，巧合的是，这次大会与端午假期重合。
苹果官方表示：
在线参加 Apple 每年规模最大的开发者盛会。亲眼见证 Apple 最新平台、技术和工具的发布。了解如何创建和改进你的 App 和游戏。与 Apple 设计师和工程师互动交流，与全球开发者社区建立联系。以上活动均免费在线举行。
探索各种新的工具、框架和功能，助力你打造出理想的 App 和游戏。通过视频讲座学习新技能，与 Apple 专家进行一对一会面，以推进你的项目，完善你的构思。
Swift Student Challenge 旨在支持和鼓舞下一代开发者、创作者和企业家。太平洋时间 3 月 28 日，我们将公布今年的获奖者名单。获奖者将有资格参加在 Apple Park 举办的特别活动。我们还会选出 50 名杰出获胜者，他们将受邀前往库比提诺，获得为期三天的非凡体验，包括参加 Apple Park 的特别活动。
RTX 5090要首发 性能要翻倍！三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB，每个模块容量为2GB。其速度预设为32 Gbps（PAM3），但也可以降至28 Gbps，以提高产量和初始阶段的整体性能和成本效益。
据三星表示，GDDR7内存的能效将提高20%，同时工作电压仅为1.1V，低于标准的1.2V。通过采用更新的封装材料和优化的电路设计，使得在高速运行时的发热量降低，GDDR7的热阻比GDDR6降低了70%。