工作日记

15款VSCODE必备插件：

https://blog.csdn.net/qq_38906523/article/details/77278403

div始终在屏幕中心：

注意margin-left和margin-top是减去宽高的一半

指定div在右

首先，不得不承认学了这么久的前端，还菜如狗。

今天帮别人做网站的时候，我发现登陆按钮一直没办法往右，处于图2左边的位置，左想右想，还是想不通这是为什么，后来在搜索答案的时候，发现了一句人人应该都知道的话：程序的解析，是从上往下的，于是乎，我把login这个div放到了nav-list的上面，当程序从上往下解析的时候，最先解析的是login这个div，所以它就在最右。就当是个工作日记，下回再见，拜拜！

上代码：

图1

图2

4：鼠标移上去，放大缩小容器里面的图片：

CSS：

记得一定要给父元素加上overflow:hidden

正则匹配手机号：

var regPhone = /^1[3|4|5|7|8][0-9]{9}$/;

regPhone.test(13656748889)

正则匹配中文

var reg = /[\u4e00-\u9fa5]/g;

匹配a链接中的href以及它后面的值：

\bhref="([^"]*)"[^>]*>([\s\S]*?)

正则匹配手机号：

var regPhone = /^1[3|4|5|7|8][0-9]{9}$/;

regPhone.test(13656748889)

正则匹配中文

var reg = /[\u4e00-\u9fa5]/g;

匹配href里面的内容

\bhref="([^"]*)"

撑开父元素

.clearfix:after { content:""; display: block; clear:both; }

使用Flexible实现手淘H5页面的终端适配

https://github.com/amfe/article/issues/17

改变input中placeholder的颜色

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #999;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #999;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #999;
}

webpack打包的时候，提示错误：

ERROR in ./static/frontpages/css/scene-online.css (./node_modules/css-loader!./static/frontpages/css/scene-online.css)
Module build failed (from ./node_modules/css-loader/index.js):
Unclosed string (87:22)

  85 |     font-size: 18px;
  86 |     color: #0093dd;
> 87 |     font-family: '黑体'', Tahoma, Geneva, Verdana, sans-serif;
     |                      ^
  88 | }
  89 | .progress-list ul li {
  90 |     position: relative;

 @ ./static/frontpages/css/scene-online.css 2:14-87
 @ ./static/frontpages/js/scene-online.js

这个时候只要把单引号变成双引号就行了

jQuery返回上一页

history.back(-1):直接返回当前页的上一页，数据全部消息，是个新页面
history.go(-1):也是返回当前页的上一页，不过表单里的数据全部还在

滑动到底部

$(".bg ul li img").click(function(){
    $("html,body").animate({"scrollTop":$(document).height()})
})

JetBrains热更新配置

https://zhangjia.tv/574.html

webstorm格式化快捷键

ctrl+alt+l

VSCODE识别VUE文件

文件 > 首选项 > 设置 > 点击右侧3个点选择打开setting.json > 右侧选择用户设置

radio出现多选是因为没有加同一name

javascript获取元素opacity的方法

window.getComputedStyle(dialog).getPropertyValue('opacity')

语法：

let style = window.getComputedStyle(element, [pseudoElt]);

注：
第一个是要获取计算属性的元素，第二个伪类元素，对普通元素必须null