WEB前端随笔

css省略号  字符及英文文本溢出

width: 67%;white-space: nowrap;text-overflow: ellipsis; overflow: hidden; word-break: break-all;

:after{content:"";display:block;height:0;clear:both;visibility:hidden}

/* 显示两行，省略号 */

text-overflow: -o-ellipsis-lastline;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  line-clamp: 2;

  -webkit-box-orient: vertical;

 

 css英文数字自动跟随行尾换行-> 

word-break: break-all;

 

input placeholder设置样式
  /* 使用webkit内核的浏览器 */
  /* Firefox版本4-18 */
  /* Firefox版本19+ */
  /* IE浏览器 */

::-webkit-input-placeholder{color: #cccfdb;} 
:-moz-placeholder{color: #cccfdb;}                
::-moz-placeholder{color: #cccfdb;}            
:-ms-input-placeholder{color: #cccfdb;}         

函数默认值 兼容ie写法

function example(a,b){

  var a = arguments[0] ? arguments[0] : 1;//设置参数a的默认值为1

  var b = arguments[1] ? arguments[1] : 2;//设置参数b的默认值为2

  return a+b;

}



function example(){

  var a = arguments[0] ? arguments[0] : 1;//设置第一个参数的默认值为1

  var b = arguments[1] ? arguments[1] : 2;//设置第二个参数的默认值为2

  return a+b;

}

 

前端 注意问题和疑难bug总会
obj或array内置元素复杂度高的时候,indexOf取不到值,无法做-1判断,转成字符串再索引,判断是否相同

UC 浏览器 图片命名不能带广告adv ad等英文 图片不能改后缀名后直接使用

小程序 first-child last-child失效 nth-child有效

定位一定要写全left top

//javascript原型深层理解
https://www.cnblogs.com/wangfupeng1988/p/3977987.html

http://jquery.cuishifeng.cn/regexp.html JQ网址
JQ插件构造函数写法 网址 https://www.cnblogs.com/ajianbeyourself/p/5815689.html#undefined

js window.open 会引起浏览器拦截提示

隐藏一个a,attr加链接,加点击事件 class[0].click

第二种

	$('.startVideoBtn').on('click', function(e){

        var newwindow = window.open('about:blank');
            $.ajax({    
						type: 'post',
						async:false,
						url: '',
						data: {},
						dataType: 'json',
						success: function (res) {
                                var url = "www.baidu,com";
								newwindow.location = url;
									
                        },
                        error:function(err){
								newwindow.close();
						}
    })

 

图片剪裁 copper.js 参数 圆形切
https://blog.csdn.net/qq727013465/article/details/51823231#comments

 

淘宝镜像

$ npm install -g cnpm --registry=https://registry.npm.taobao.org

vue3.0 加element admin系统

https://github.com/kuangshp/admin-web-vue3-typescript

 

textarea placeholder 标签闭合不能有空格

在iOS上，输入框默认有内部阴影，但无法使用 box-shadow 来清除，如果不需要阴影，可以这样关闭：
input,textarea {
    border: 0; /* 方法1 */
    -webkit-appearance: none; /* 方法2 */
}
ios 电话会自动抓取需要禁止


电话拨打
13800138000

webView
 打电话须调用app端公共方法

html js 组件化开发设计模式 

https://blog.csdn.net/github_36091081/article/details/82788638

滚动条模板

.lst1::-webkit-scrollbar{width: 7px;}
.lst1::-webkit-scrollbar-button{width: 2px;height: 5px;}
.lst1::-webkit-scrollbar-track{background: #f1f1f1;border: thin solid #f1f1f1;box-shadow: 0px 0px 3px #f1f1f1 inset;border-radius: 10px; }
.lst1::-webkit-scrollbar-thumb{background: #d5d6dd;border: thin solid #d5d6dd;border-radius: 10px;}
.lst1::-webkit-scrollbar-thumb:hover{background: #d5d6dd;}

checkbox样式重置

.checkbox{
	border: none;
	appearance: none;/*关键代码*/
	-webkit-appearance: none;
	outline: none;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
	width: 14px;
}
.checkbox::after{
content: url('/img/company/resumesearch/def_check.png');
}

.checkbox:checked::after{
	content: url('/img/company/resumesearch/checked.png');
}
.checkbox:disabled{
	content: url('/img/company/resumesearch/def_check.png');
}
.checkbox:checked:disabled{
	content: url('/img/company/resumesearch/checked.png');
}

var startTime = this.start_time.replace(/-/g,""); 
var end_time = this.end_time.replace(/-/g,""); 
if(end_time-startTime<0){
    this.$message.error('结束时间不能小于开始时间');
}