一叶凉夏

这里是CSS笔记1.css选择器分为基础选择器和复合选择器2.*{}为通配符选择器，使用他可以将整个网页的样式进行修改3.关于字体：其中font-weight中的属性值：normal 正常， bold 粗体， bolder 特粗， lighter 细体在实际开发中，设置变粗变细一般是使用数字比如normal就是400，再往上加就是变粗700相当于bold 4.font-style：设置文本风格其中属性值有normal：将文本设置为默认值，italic：将文本设置为斜体 5.字体总结： 6.文本对齐：text-align：其中有center居中 right 右对齐 left左对齐text-decoration：文本装饰：其中有 none 取消线的格式（常用）underline下划线 line-through删除线 文本缩进：text-indent用于指定文本第一行的缩进：em当前文本元素的一个文字大小比如text-indent：2em 就表示段落前开头空两行7.文本总结： 8.emmet语法： 9.id选择器： 10.后代选择器：例如...

3.grid布局： 划分行列 grid-template-columns：列宽 grid-template-rows ：行高 12345.container { display: grid; grid-template-columns: 100px 100px 100px; grid-template-rows: 33.33% 33.33% 33.33%;} 其中几个参数就是几行几列 12345.container { display: grid; grid-template-columns: repeat(3, 33.33%); grid-template-rows: repeat(3, 33.33%);} repeat重复几次 1grid-template-columns: repeat(2, 100px 20px 80px); 将100px 20px 80px重复两次 1234.container { display: grid; grid-template-columns:...

这里是HTML笔记1.a元素中的target属性的值： _blank：浏览器新打开页面加载 _self：默认目标，在相同窗口加载 _parent：父窗口打开 _top：载入包含这个超链接的窗口 2. < img>标签： src属性用于描述路径 alt属性用于加载不成功时显示内容 title属性用于鼠标悬停在图片上显示提示文字 3.< div>标签：用于布局，div内的字体独占一行 下一个div块会自动另起一行 4.< b>加粗 < strong>加粗且强调 < i>文字倾斜 < em>倾斜且强调 < pre>保留文本的换行和空格 宽度5.< sub>和< sup>设置文本的上标和下标 上标就比如是（二次方）的形式6.转义字符：(&lt; ) 小于号（<） (&gt; )大于号 ( &amp;) 与号（&）(&nbsp;) 空格 (&times; )乘号×(&divide;)...

作为css的复习手册1.选择器css选择器分为五类： 简单选择器 元素选择器 比如<p>对标签进行选择 id选择器 # 类选择器 . 通用选择器 * 分组选择器 a, p, span 组合器选择器 后代选择器 a p span 子选择器 div > p这个选择器只会选中子代的p元素，不包含孙子元素等等，只是最近一层的 相邻兄弟选择器 div + p （div跟p在同一个父元素中，这个选择器会选择紧跟着div的p元素） 通用兄弟选择器 div ~ p 选择跟div同级的所有兄弟p元素 伪类选择器 锚伪类 a:hover, :visited, :active, :link 伪类 div:hover, :focus, :checked, :disabled, :enabled css伪类 :first-child 第一个子元素 :first-of-type :last-child，相对于父元素的第几个子元素还是同级 :nth-child(n)选择作为其父第n个元素（选同级） 比如 ul...

5.27 flex布局 1.flex-direction：主轴的方向 row 默认左端 row-reverse 右端 column 变为垂直方向，起点为上沿 column-reverse 垂直方向，起点为下沿 reverse就是反转的意思 2.flex-wrap：一条轴线排不下，如何换行 nowrap 默认不换行，硬塞 wrap 换行，多的往下面排 wrap-reverse 换行，第一行在下面，多的往上面排 3.justify-content：在主轴上的对齐方式 flex-start 左对齐 flex-end 右对齐 center 居中 space-between 两端对齐，项目之间的间隔相等 space-around...

js知识点1.常见的值和引用类型值： undefine 字符串 数值 bool symbol 引用： 对象 数组 null 2.深拷贝与浅拷贝对于一种问题，比如对象的引用 let obj1 = obj2 obj1.name = “aa” 那么，obj2的name也会因此改变，这就是浅拷贝 这两个对象实例都是指向的同一块内存空间，如果是深拷贝的话，就不会出现这种问题。深拷贝就相当于是把原对象通过递归的方式，将原对象原原本本的复制过去。这样，这个对象实例就变成了一个独立的个体，有着自己的内存空间。 12345678910111213141516171819202122232425function deepClone(obj={}){ if(typeof obj !== 'object' || obj == null){ // 如果传入的不是对象或者为空的话，那么就给他按原值返回 //因为后面需要递归进行调用，如果遇到值，就可以直接进行赋值 ...

...

1.函数的参数为对象当一个函数的参数为对象的时候，需要准确的传入与对象内名称一致的参数字段例如 123456789function test({page=1,pagesize=10){ page*=1; pagesize*=1; const total = page*10+pagesize console.log(total); return total;}test({page:0,num:2,pagesize:10}) 这个测试的结果就是10，中间存在一个其他项num，但是不影响，这个函数会准确的找到同名的字段进行赋值，而且只会去找同名的，如果你缺少一个需要的字段，并且在函数定义的时候没有去给他一个初值，那么返回的结果就会是一个NaN。

修改代码后，需要将项目重启 我目前的操作是先将服务关闭，删除，然后重新启动 pm2 stop all pm2 delete all pm2 start ./bin/www