工作笔记2

一时失言乱红尘 2021-11-05 16:38 269阅读 0赞

遇到body html 没有铺满的情况下，可以试试

1. body\{

position: absolute;

top: 0;

right: 0;

bottom: 0;

left: 0;

overflow: hidden;

2. html\{  overflow-x: inherit; \}

\----------------------------------------------------------------------------------

transform: scale(.5);

-webkit-transform: scale(.5);

-moz-transform: scale(.5);

-o-transform: scale(.5);

-ms-transform: scale(.5);

\------

box-sizing: border-box;

\-webkit-box-sizing: border-box;

\-moz-box-sizing: border-box;

\-o-box-sizing: border-box;

\-ms-box-sizing: border-box;

---------

弹性盒子。

justify-content:center;水平居中

align-items: center 垂直居中

flex-wrap: nowrap;/\*默认样式，超出不换号，自己平均缩小\*/

flex-wrap: wrap; 换行

flex-flow: column wrap-reverse; 换行

justify-conten: space-between; 实现子集等比例排列

\-webkit-flex: 3;   定义子集分配空间

flex: 3;

\--------------

calc

width:90%;

width: -moz-calc(100% - (10px + 5px + 20px)\*2);

width: -webkit-calc(100% - (10px + 5px + 20px)\*2);

width: calc(100% - (10px + 5px + 20px)\*2);

\--

width: calc((100% - 80px)/4);  做 排列li 比较方便

----------------------------

框框A 字体。太多，太麻烦，提升快秘诀---赖！！

display: block;

width: 249px;

height: 64px;

line-height: 64px;

text-align: center;

margin-left: auto;

margin-right: auto;

box-sizing: border-box;

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

-o-box-sizing: border-box;

-ms-box-sizing: border-box;

border: 1px solid \#756f6d;

===========================================

display: block;

width: 100px;

color: \#666666;

font-size: 16px;

text-align: center;

line-height: 60px;

height: 60px;

==========================================

伪类元素  ：

content: '';

position: absolute;

display: block;

width: 1px;

height: 50%;

background: \#c9c9c9;

right: 0;

top: 50%;

transform: translateY(-50%);

================================================================================================

百度地图简单快速生成

http://api.map.baidu.com/lbsapi/creatmap/

==============================================

mailto：+"邮箱地址" ; 实现点击a标签发送邮件。写入href 里

\----------------------------------------------

去除数组每个元素末尾的字母

map(item => item.replace(/s$/,""))

arrs.map(item => item.replace(/s$/,""))

==================================================================

JS 刷新当前页面

location.reload();

jq 窗口大小改变  : resize()

JS原生写法：

window.onresize =

===============================================================

select,option\{  
/\*Chrome和Firefox里面的边框是不一样的，所以复写了一下\*/  
border: none;  
outline: none;  
/\*很关键：将默认的select选择框样式清除\*/  
appearance:none;  
\-moz-appearance:none;  
\-webkit-appearance:none;  
/\*将背景改为红色\*/  
background:\#fff;  
/\*加padding防止文字覆盖\*/  
padding-right: .14rem;  
\}  
/\*清除ie的默认选择框样式清除，隐藏下拉箭头\*/  
select::-ms-expand \{display: none;\}

居中：

text-align:center;

text-align-last: center;

\-----------------------------------------------------------------

##  http://ruanyf.github.io/es-checker/index.cn.html（检测当前的浏览器是否支持ECMAScript 6） ##

转载于:https://www.cnblogs.com/City-wall/p/10916032.html