不吃丸子
获得徽章 7
- #每天一个知识点# Vue组件component标签：
<component></component>标签是Vue框架自定义的标签，它的用途就是可以动态绑定我们的组件，根据数据的不同更换不同的组件，依is的值，来决定哪个组件被渲染。评论点赞 - #每天一个知识点# AJAX的四种回调函数：
jQuery.ajax()提供的 jQuery.ajax() 的 callback 函式其中有 4 個 callbacks:
beforeSend
complete
error
success
当Ajax request 送出到完成，按照：
1、beforeSend
2、success or error
3、complete
调用你定义的 callback 函式，不管成功或者失敗
beforeSend 及 complete定义的的 callbacks 都会被调用
success 或 error 的 callback 则看 Ajax request 的成功或者失败结果來决定调用谁。展开评论点赞 - #每天一个知识点# JSP页面中<%!%>与<%%>与<%=%>
1.<% %>叫做脚本片段，其中写的内容会翻译在Servlet的Service方法中，显然我们可以在Service方法中定义局部变量或者调用其他方法，但是不能在Service中再定义其他的方法，也就是我们可以在<%%>中定义局部变量或者调用方法，但不能定义方法。在jsp页面可以有多个脚本片段，但是多个脚本片段之间要保证结构完整。
2.<%!%>称作声明，其中写的内容将来会直接翻译在Servlet类中，因为我们可以在类中定义方法和属性以及全局变量，所以我们可以在<%!%>中声明方法、属性、全局变量。
3.<%=%>称作jsp表达式，用于将已经声明的变量或者表达式输出到网页上面。
4.直接写在jsp页面<body></body>中的代码称作模板元素，将来会Servlet的Service方法中的out.write("___")中，作为输出内容。
示例1：
<body>
<% for (int i=0;i<3;i++) {%>
out.print(i*2);
<%} %>
</body>
输出：
out.print(i*2);out.print(i*2);out.print(i*2);
示例2：
<body>
<%! int sum=1; %>
<% int sum=8; %>
<h3>----<% out.print(sum++); %></h3>
<h3>----<%= this.sum %></h3>
</body>
输出：
----8
----1展开评论点赞 - #每天一个知识点# jQuery修改css样式
1、设置文本颜色：
$('p').css('color', 'red');
这个例子将把所有的段落元素的文本颜色设为红色。
2、隐藏元素：
$('button').click(function(){
$('p').css('display', 'none');
});
点击按钮后，这个例子将把所有的段落元素隐藏起来。
3、更改链接颜色：
$('a').mouseenter(function(){
$(this).css('color', 'orange');
}).mouseleave(function(){
$(this).css('color', 'blue');
});
当鼠标悬停在链接上时，这个例子将把链接的文本颜色改为橙色；当鼠标离开时，将把链接颜色恢复为蓝色。
4、更改背景颜色：
$('.box').hover(function() {
$(this).css('background-color', 'yellow');
}, function() {
$(this).css('background-color', 'white');
});
当鼠标悬停在元素上时，这个例子将把元素的背景颜色改为黄色；当鼠标离开时，将把背景颜色恢复为白色。
5、实现动画：
$('button').click(function(){
$('p').css({
'opacity': 0.5,
'height': '+=50px'
});
});展开评论点赞 - #每天一个知识点# c:forEach序号：
status.index从0开始；status.count从1开始。
<table width="300" border="0" cellspacing="0" cellpadding="0">
<tr>
<th>序号0</th>
<th>序号1</th>
<th>名称</th>
</tr>
<c:forEach var="item" items="${ list}" varStatus="status">
<tr>
<td>${ status.index}</td>
<td>${ status.count}</td>
<td>${ item.name}</td>
</tr>
</c:forEach>
</table>展开评论点赞