2020-3-27原生JS/ZL14：一些常用的快捷键、字符、CSS以及原生JS的使用方法总结

一、常用的快捷键

1、windows+d //快速回到桌面
2、windows + t //快捷视图。
3、Ctrl+Shift+Del 清除Google浏览器缓存的快捷键
4、Ctrl+Shift+R 重新加载当前网页而不使用缓存内容

二、常用的字符表示

1、 / * … * / style的注释正确语句
2、
3、 空格符
4、¥ 元（yen） ¥ ¥
1、通过css可以控制页面左右滑动。
overflow:auto;
overflow-x: hidden;
2、通过css控制超过边框宽度显示**
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
（后二者同时使用才会生效，避免和盒子布局同时使用）
3、在字中间加一道横线
text-decoration:line-through;
4、没有input的页面底部按钮可以用绝对定位
（因为移动端在输入的时候会有键盘框，会将底部按钮弹起，影响页面的美观）
5、阴影设置
box-shadow:0px 5px 8px 0px rgba(0,0,0,0.25);
6、去除输入框的黄色边框
border-style: solid;
outline: none;
7、ipad中flex常用布局
display: -webkit-box;
-webkit-box-align: center;//中线对齐
-webkit-box-pack: center;//居中
-webkit-box-orient: horizontal;//左右
8、display:inline-block;
max-width:100%;//设置段落的最大宽度：
9、 overflow: hidden;
text-overflow: ellipsis;
display:-webkit-box; //作为弹性伸缩盒子模型显示。
-webkit-box-orient:vertical; //设置伸缩盒子的子元素排列方式–从上到下垂直排列
-webkit-line-clamp:2; //显示的行
10、背景拉伸
background: url(‘http://www.cngames.cn/wx//schoolPlan/testimg/olympiad/aszbg1.png’);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: 100% 100%;
-moz-background-size: 100% 100%;
-webkit-background-size: 100% 100%;
-o-background-size: 100% 100%;
11、换行
（1）图片换行
width: 100%;
display: flex;
flex-direction: row;
flex-flow: row wrap;
align-content: space-around;
（2）文本换行
text-align:justift;
text-justify:newspaper;
word-break:break-all;
（3）整合
1、 word-break:break-all;只对英文起作用，以字母作为换行依据
2、word-wrap:break-word; 只对英文起作用，以单词作为换行依据
3、white-space:pre-wrap; 只对中文起作用，强制换行
4、white-space:nowrap; 强制不换行，都起作用
5、white-space:nowrap; overflow:hidden; text-overflow:ellipsis;不换行，超出部分隐藏且以省略号形式出现
12、padding；margin；少用padding、margin，尽量写简单的代码，让页面一次渲染到位，而不是反复触发重绘。
border: 2px solid #00B559 ;边框
box-sizing: border-box;解决超出
display: -webkit-box;设置盒子宽度，超出换行
z-index: 10；页面层级
border-radius: 8px;圆角
position: fixed;保证在页面对应位置显示
position: absolute;绝对定位，以元素容器作为参考系
position: relative;相对定位
position: sticky;仅当元素滚动到页面之外时，元素会固定在页面窗口的顶部。
opacity: 0.5;设置透明度
13、阴影
background-color:#000000;
opacity: 0.5;
width: 750upx;
height: 100%;
position: fixed;
top:0;
left: 0;

三、常用的html标签

1、 标签表示多行纯文本编辑控件，用户可在其文本区域中写入文本
placeholder 提示语
maxlength 规定文本区域允许的最大字符数
cols 规定文本区域内可见的列数
rows 规定文本区域内可见的行数

四、批量修改文件名

1、批量修改文件名
@Echo Off&SetLocal ENABLEDELAYEDEXPANSION
FOR %%a in (*) do (
set “name=%%a”
set “name=!name: (=!”
set “name=!name:)=!”
ren “%%a” “!name!”
)
exit
（代码复制到记事本，将txt文件改成bat文件）