实习中遇到的问题

1. 监听输入框实时变化

$("#wifiKey").bind("input propertychange", function (event) {
       if (this.value.length < 8) {
            $("#connectDisabled").addClass("connectDisabled")
        } else {
            $("#connectDisabled").removeClass("connectDisabled")
        }
    });

2. 监听选择框的变化

$("#选择框id").change(function () {
        var selected = $(this).children('option:selected').val();  // value值
        if (selected == 0) {
          ...
        } else {
          ...
        }
    })

3. 去掉button的默认样式

border: none;
outline: none

4.注意属性值不能有空格

5.attr和prop区别

attr 是从页面搜索获得元素值，所以页面必须明确定义元素才能获取值，相对来说较慢。
prop是从属性对象中取值，属性对象中有多少属性，就能获取多少值，不需要在页面中显示定义。

attr和prop怎么选择？

对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。
对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。快速，准确。

例子

<input id="chke1" type="checkbox" />记住密码
<input id="chke2" type="checkbox" checked="checked" />记住密码

像checkbox，radio和select这样的元素，选中属性对应“checked”和“selected”，这些也属于固有属性，因此需要使用prop方法去操作才能获得正确的结果。

$("#chke1").attr("checked"); //undefined
$("#chke2").attr("checked"); //"checked"
$("#chke1").prop("checked");// false
$("#chke2").prop("checked");// true

6.ping不通？添加路由段

route add 172.18.184.0/24 172.18.194.151 -p

7.java的缩进特别严格

8.判断字符串是否含有特定字符

方法一：使用indexOf() 和lastIndexOf()方法

var Cts = "bblText";
if(Cts.indexOf("Text") >= 0 ) {
    alert('Cts中包含Text字符串');
}

indexOf() 方法对大小写敏感！
如果要检索的字符串值没有出现，则该方法返回 -1。
lastIndexOf() 的用法与indexOf()相同，只是是从右想左查找

9.html的role属性

1.告诉辅助设备这个元素所扮演的角色
2.增强语义性
3.更符合W3C标准
4.更有利于搜索引擎优化

10.IE下的下拉框option不支持display样式

因此不支持hide()
解决方法(JQ)：
1.动态给option加个标签并hide();
2.使用remove()

11.antd vue 表单结合时间选择框回显日期数据

1.引入moment，并在方法中挂载

import moment from 'moment'

2.绑定 v-decorator

<a-form-item :label="$tc('通行时段')" :labelCol="labelCol" :wrapperCol="wrapperCol" style="margin-top: 28px;">
    <a-range-picker :show-time="{ format: 'HH:mm:ss' }" 
    format="YYYY-MM-DD HH:mm:ss" 
    :placeholder="[$tc('开始时间'), $tc('结束时间')]"
    @change="onTimeChange" @ok="onTimeOk" :disabled="isLook" 
    v-decorator="['passTime', validatorRules.passTime]" />
</a-form-item>

3..在编辑的时候定义个对应对象

passTime的格式是一个包含moment的对象。

let passTime = [
    moment(record.beginTime || this.visitorTime.beginTime),
    moment(record.endTime || this.visitorTime.endTime)
]

4.用form的setFieldsValue（）回显

this.form.setFieldsValue('passTime', passTime))

最后编辑于：2021.01.30 17:10:41