工作小总结

1、prop 修改 radio或者checkbox  的选中状态 checked=true/false.

2、input的 input事件,能监听输入状态的改变。

但是 如果是js改变input的值,这样oninput就监听不到,解决方法:

js改变input值的时候,主动触发下  $('#inputID或者Class').trigger('input');

3、防止图片抖动

在外层包裹一个div:

overflow: hidden;
    height: 0
    padding-bottom:41%
 <div class="banner">
            <img class="banner-img" src="static/images/swiper1.jpg" alt="">
        </div>
.banner
    overflow: hidden;
    height: 0
    padding-bottom:41%
.banner-img
    width:100%

  4、swiper的 父级和自身元素变化的时候自己刷新

paginationType:'fraction',  使用数字下标
                    observeParents:true,
                    observer:true

  5、js改变input的值,不会触发监听。

js改变input的值,这时候input的值虽然改变了,但是不会触发input 、change 、blur 之类的事件,需要在改变值之后,执行一个this.trigger('事件类型'),手动触发一下这个事件。

 $this.trigger("input");
 $this.trigger("blur");

 6、。。。宽度不设置,父级加上min-width:0

white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
min-width:0
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
.父级{
    min-width:0
}

 7、2行。。。 ...

 display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;

 8、place

.yx_order_cancelle_area textarea::-webkit-input-placeholder{
    font-size: 0.1897rem;
    color:#999999;
    padding: 0.05rem;
}
.yx_order_cancelle_area textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */
    font-size: 0.1897rem;
    color:#999999;
}
.yx_order_cancelle_area textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    font-size: 0.1897rem;
    color:#999999;
}
.yx_order_cancelle_area textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    font-size: 0.1897rem;
    color:#999999;
}

 9、视频宽高

$('.upload_video_temphd_wrapfn').on('change','.upload_video_temphdfn',function () {
            // 获取input的file video
            var video = this.files[0];
            // 获取url
            var url = URL.createObjectURL(video);
            // 创建video对象
            var video_ele=document.createElement('video');
            // 设置video src
            video_ele.src = url;
            // 展示加载视频蒙版
            $.showloading();

            video_ele.load()
            // 视频数据加载完成后
            video_ele.oncanplaythrough=function () {
                $.hideloading();
                // console.log(video_ele)
                // URL.revokeObjectURL(url)
                // document.getElementById("getDuration").innerHTML="这段视频的时长为:"+this.duration;
                // document.getElementById("getDuration2").innerHTML="这段视频的宽为:"+video_ele.videoWidth;
                // document.getElementById("getDuration3").innerHTML="这段视频的高为:"+video_ele.videoHeight;
}
        })

 10、下载文件 如果content-type 是

application/octet-stream

这是 rar的响应头,如果是这个就会是下载,而不是打开
posted @ 2019-05-06 09:35  盖大楼  阅读(113)  评论(0编辑  收藏  举报