前端常用的方法

最新推荐文章于 2022-08-09 15:52:33 发布

_Guava

最新推荐文章于 2022-08-09 15:52:33 发布

阅读量427

点赞数

分类专栏：前端常用方法文章标签：前端

本文链接：https://blog.csdn.net/M_Hapic/article/details/90291397

版权

前端常用方法专栏收录该内容

3 篇文章 0 订阅

订阅专栏

常用的方法集合

一些常用的前端使用的函数方法、文件，进行记录和分享

一些常用的前端使用的函数方法、文件，进行记录和分享

记录下常用的方法或文件，也分享给大家，也希望有比较好的方法或替代方案可评论留言，本人菜鸟才学疏浅还望见谅多加指点！

js实现复制文字到剪切板不需要插件兼容安卓和ios 19.03.28

传送门：https://blog.csdn.net/M_Hapic/article/details/88870311

获取url后面的参数方法 19.04.01

function GetQueryString(name){
	var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
	var r = window.location.search.substr(1).match(reg);
	//if (r!=null) return unescape(r[2]); return ' ';
	if (r!=null) return decodeURIComponent(r[2]); return ' ';
}

前面一直用了unescape(),但是后面发现unescape()中文会乱码，传送门： https://blog.csdn.net/unopenmycode/article/details/78835545

只显示两行，且第二行结尾处超出部分以省略号显示 19.04.08

//只显示两行+省略号
.test {
    color:#333;
    width:8.8rem;
    word-break:break-all;
    text-overflow:ellipsis;//显示为省略号
    display:-webkit-box;//对象作为伸缩盒子模型显示
    -webkit-box-orient:vertical;//设置或检索伸缩盒对象的子元素的排列方式
    -webkit-line-clamp:2;//显示行数## 标题文字 ##
    overflow:hidden;
} 
//只显示一行+省略号
.dome{
   	white-space:nowrap;
    text-overflow:ellipsis;//显示为省略号
    overflow:hidden;
}

map()

array = Array.from(obj);//对象转数组类型
array.map((item,index)=>{ return item*2;})

flex布局

.parent{
	display:flex;
	box-flex :3 ;
	-webkit-box-flex : 3 ;
	-moz-box-flex : 3 ;
}
.child1{
	display ：box;
	display : -moz-box;
	display : -webkit-box;
	-moz-box-orient : vertical;
	-webkit-box-orient : vertical;
	-moz-box-flex : 1;
	-webkit-box-flex : 1;
	box-flex :1;
}

es6-promise构造函数 “处理异步请求后统一出口” 19.03.21
传送门：https://www.cnblogs.com/whybxy/p/7645578.html
IOS overflow-x:scroll;元素滑动空白的bug
-webkit-overflow-scrolling:touch；