发表于： 2020-07-13 22:21:49
1 2474
今日完成:
学习<table>资料
tr 元素定义表格行，th 元素定义表头，td 元素定义表格单元。
...
遇到问题:
一部分table自带的样式没有生效
如:<table frame="hsides">
直接在子元素上设置css样式
遇到问题:
status返回200 ok
但报错405
原因:
405错误一般是HTTP使用的method类型不对导致的，访问资源的方法类型支持以下几种
GET
POST
DELETE
HEAD
OPTIONS
PATCH
PUT
TRACE
一般是post改成get就可以了
catch()
JS代码里的catch(e)是用来捕获错误bai的。
js如果出现错误，浏览器则会在console面板中zhi打印出错误。
为了dao在js出现错误的时候，把异常捕获掉，这样程序仍能正常运行下去。
1、如下，如果这样写：
console.log(i);
vara=6;
console.log(++a);
因为i未定义，出现错误，那么js就卡在这里了，预期的输出a的结果也不执行了。
2、如果，使用try catch：
try{
console.log(i);
}catch(e){
console.log(e)
}
vara=6;
console.log(++a)
对于try..catch捕获异常的形式来说，对于异常的捕获，可以有多个catch。
对于try里面发生的异常，他会根据发生的异常和catch里面的进行匹配(怎么匹配，按照catch块从上往下匹配)，
当它匹配某一个catch块的时候，他就直接进入到这个catch块里面去了，后面在再有catch块的话，
它不做任何处理，直接跳过去，全部忽略掉
如果有匹配的catch，它就会忽略掉这个catch后面所有的catch
在写异常处理的时候，一定要把异常范围小的放在前面，范围大的放在后面
js switch 语句
定义和用法
switch 语句用于基于不同的条件来执行不同的动作。
描述:switch(xx){
}
括号中的xx参数是必选的
case n:
代码块
中用n与xx比较,相等就运行代码块,然后break结束,不再运行后面的代码块
不相等就做下一个case的判断
直到运行default下,默认的代码块
适合用于可能产生多结果的值做判断,对应的值输出对应的代码块,也可以用if语句
遇到问题:
list列表传出来的type是数字形式的字符串,每个数字有对应的值,把对应的值传到页面上
遇到问题:怎么对遍历出来的值,再做二次"加工"
方法:用过滤属性filter
错误做法1:
html
<td class="typecss">{{item.type.filter(gettype(type))}}</td>
js
components: {
gettype(type){
switch(type) {
case 0:
return type = "首页banner"
break;
...
错误做法2:
html
<td class="typecss">{{item.type | filter}}</td>
js
components: {
filter(type){
switch(type) {
case 0:
return type = "首页banner"
break;
...
错误:
1.filters是和data等处于同一级,并列关系
2.属性filters在这里后面是要加字母's'的
3.filters括号中是个函数
正确做法:
html
<td class="typecss">{{item.type|op}}</td>
js
filters:{
op(type){
switch(type) {
case 0:
return type = "首页banner"
break;
...
描述:
1.直接在目标遍历数值后面加 | op,op是函数名,是代指,可以任意起
2.在data同级,编辑filters属性,其中包含的是函数op(代指),与html中的函数名对应(绑定)
3.op(type){函数体...},type这个形参同样是代指,可以起任意形参名,用形参在函数体中编辑需要的代码
4.形参对应的实参就是通过html中函数名op绑定的item.type
5.整体就是遍历出的数值,再经函数op过滤后再输出
代码略
页面
返回列表
评论