phpstorm启用编译less的插件

打开 cmd 控制台，输入下面一行 npm 命令npm install less -g，以安装 less 模块：-g 是全局安装，如果不加会安装在当前目录。（这个安装lessc.cmd的方式是通过 npm（node 的包管理器），所以要求下载好node.js）。安装好lessc.cmd再打开phpstorm - setting - tool - File watchers，新建一个编译less的功能，得到下图界面：

program选择你安装的lessc.cmd路径（可以用everything找到它）

Arguments：选择之前记录的那个目录下 lessc 文件所在的路径， 后面加 $FileName$

Working directory：不用改，默认就好

Output paths to refresh：就是指编译后 css 的存放路径，设置编译后的 css 文件存放的路径以及取什么名字以及后缀。默认就好

然后打勾表示启用功能，level从project改成global，应该是表示编译功能不限于本项目。

通过此方式，保存less文件会得到.css和.css.map文件，

.css.map文件作用是什么？

当用browser访问网站时，如果.css.map文件存在于对应位置，我们F12调试可以显示属性来自less的第几行。

如果网站删除.css.map文件，我们F12调试可以显示属性来自css的第几行，无法得知属性与less文件的对应关系。

object-fit

object-fit CSS 属性指定img或video应该如何适应到img或video使用的高度和宽度确定的范围里。可取值fill | contain | cover | none | scale-down

js设置cookie

js可以根据以下方式设置cookie，制定了键值对、过期时间、保存路径，测试过了，php确实能检测到js设置的cookie

document.cookie = "name=" + "张三" + ";max-age=" + 30*24*60*60 + ";path=/";
console.log(document.cookie);

js只能通过console.log(document.cookie);获取所有的cookie，形如touxiang=https://q4.qlogo.cn/headimg_dl?dst_uin=1404024930&spec=640; name=日落，要想单独获取某键值对，好像只能正则表达式等手段手动拆分。

input，img，iframe等元素没有伪元素

:before和:after伪元素指定了一个元素文档树内容之前和之后的内容。'content'属性，与这些伪元素联用，指定了插入的内容。以我浅显的理解来看，「一个元素文档树内容之前和之后的内容」就是指这个元素是要可以插入内容的，也就是说这个元素要是一个容器。input，img，iframe等元素都不能包含其他元素，所以不能通过伪元素插入内容。