我是一颗草，哪里荒凉往哪里长

) 操作符的功能类似于( . )链式操作符，不同之处在于，在引用为空(null 或者 undefined) 的情况下不会引起错误，该表达式短路返回值是 undefined。当我意识到逗号(,)是一个独立的操作符时，我感到很惊讶，而且从来没有注意到它的存在。逻辑运算符（ || ）：对于一组操作数的逻辑或（||，逻辑析取）运算符，当且仅当其一个或多个操作数为真，其运算结果为真。||= 空赋值运算符 ：逻辑空赋值运算符 (x ||= y) 仅在 x条件为假的时候对其进行赋值，与或的供能差不多。

我们在实际项目开发中，经常会遇到字符串模版替换的问题，在最开始的时候，我们使用“+”号进行拼接替换的，但实际项目中的情况比这更加复杂，可能有很多变量需要拼接替换，如果都使用+号的话，不仅仅替换起来比较困难，还很容易出错，出错后，定位问题也比较困难，后续的维护更是困难重重，即便后面有了ES6模版字符串，但针对复杂的字符串模版替换依然满足不了需求，比如，在搜索文章中，我们需要根据关键字找到对应的文章，并且筛选出文章后，在文章中筛选的关键字进行标红处理。方法五：使用正则表达式中的非贪婪模式来实现。

例如这里url.protocol的返回值是’https:’，ftp.protocol的返回值是’ftp:‘。URL构造函数中传入的地址必须是绝对地址，非绝对地址就会报错，如果第一个参数是相对地址，那么后面的base必须有是觉得地址，若第一个是觉得地址，第二个可不传参。host：URL地址中host主机地址，包括协议端口号，这里url.host的返回值是’www.zhangxinxu.com:80’。ftp协议中比较常见。例如这里url.port的返回值是’80’，ftp.port的返回值是’‘。

void是一个一元运算符，接受单个操作数，可以是任何类型，返回一个 undefined。void 在表达式的左边，void 右边的表达式可以是带括号形式（例如：void(0)），也可以是不带括号的形式（例如：void 0）。在一些箭头函数中，若此函数没有对应的返回值，可能会造成一些不可预估的问题，安全起见，对没有返回的函数，可以在前面加上void。在使用立即执行的函数表达式时，可以使用void运算符让js引擎吧一个function关键字识别成函数表达式而不是函数声明。立即调用的函数表达式。

1、本质区别: link属于html标签,link不仅能加载CSS文件，还能定义RSS、rel连接属性等。5、操作dom: link 支持使用javascript改变样式 （document.styleSheets），后者不可。2、加载顺序：页面被加载的时，link会同时被加载，而@import引用的CSS会等到页面被加载完再加载。3、兼容性：mport只在IE5以上才能识别，而link是HTML标签，无兼容问题。4、权重：link方式的样式的权重 高于@import的权重。

在网页开发中, 一比一的复制UI设计的时候 , 往往需要一些工具来帮助你精准的量尺寸, 这些测量都是手工的测量, 往往有误差 , 操作很繁琐 有了它 你按下ALT键 就可以很直观的帮助你看到精准尺寸使用方法可以在网页中直接引入网页中不支持直接 script 导入 可以找到源码 然后复制到浏览器的调试面板 的 console 上选择你要查看的元素 按住ALT建即可。

justify 可以使文本的两端都对齐在两端对齐文本中，文本行的左右两端都放在父元素的内边界上。然后，调整单词和字母间的间隔，使各行的长度恰好相等。text-align常用的属性是left、center、right，具体的可参考css解释，今天重点记录的对象是。方案二：使用样式伪类的方法，使其变成非最后一行，推荐使用最后一种方式。针对多行文本最后一行文本两端对齐不生效的处理方案。基本原则就是使最后一行的文本变成非最后一行。方案一：添加一行元素使其变为非最后一行。

（参考：MDN:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/MAX_SAFE_INTEGER）答案是document. All，包含文档中每个元素的 HTMLAllCollection（来自 MDN:https://developer.mozilla.org/en-US/docs/Web/API/Document/all）。太奇妙了，是否存在不等于自身的值？

利用数组的filter()+indexOf()3、数组的indexOf()

注意：null也是一个对象 typeof(null) === Object。

但是filter：blur设置磨砂效果，不仅会作用在自身元素上面，对子级同样生效，所以一般在自身元素上面实现自身效果同时要加上伪类。backdrop-filter属性出现后，磨砂效果就会更加逼真，并且设置磨砂效果对子级元素无任何影响，故简化了很多代码。以往我们实现磨砂效果一般是用背景透明度和阴影来实现的，但这种效果给人看起来比较僵硬，也无法更加灵活的变更效果。如今，filter属性可以实现磨砂效果，案例如下。

首先把所有的样式文件在初始化的时候就加载进来，切换时候将指定的根元素类名进行切换，默认在根做作用域下定义好CSS变量，只需在不同的主题下更改CSS变量对应的取值即可。SCSS的混合+CSS类名切换，主要是将使用到mixin混合的地方编译为固定的CSS以后，再通过类名切换去做样式的覆盖。缺点：首屏加载时会牺牲一些时间加载样式资源（相对于前几种预设好的主题，这种方式的样式定义在首屏加载基本可以忽略不计）不同的样式定义不同的类名，切换主题，修改对应的类名即可。优点：实现了按需加载，提高了首屏加载时的性能。

它与 localStorage 相似，不同之处在于 localStorage 里面存储的数据没有过期时间设置，而存储在 sessionStorage 里面的数据在页面会话结束时会被清除。2、在新标签或窗口打开一个页面时会复制顶级浏览会话的上下文作为新会话的上下文， 这点和 session cookies 的运行方式不同。3、打开多个相同的 URL 的 Tabs 页面，会创建各自的 sessionStorage。1、页面会话在浏览器打开期间一直保持，并且重新加载或恢复页面仍会保持原来的页面会话。

问题:定义了一个表单类型的json文件进行渲染表单,当input-number中有数字值时候,表单校验依然提示请输入。在进行数字检验时候,检验规则里面多了一个pattern:null, disabled:false的检验,在数字校验规则中,如果是非空验证加了pattern或disable等,检验就会失败。在源码的基础上进行修改，当有对应的属性的时候，才会加上此属性，否则不加。表单中数字输入框校验不生效。

sockjs-node报错、sockjs-node双向通道、浏览器热更新

内存泄露

我思考了一会，这让一个值既是1又是2又是3的，不可能吧，这肯定是一个伪命题，但突然我灵光一现，对象属性不是可以拦截吗，我能不能在这上面做文章，于是就有了接下来的代码。以上3中都是可以满足条件需求，第四种是以对象的形式来满足的。第四种 Object.defineProperty()第二种修改对象原型上的toString方法。2&&a==3表达式成立？第一种，对象字面量属性修改。

对象深浅拷贝大集合

跟递归拷贝差不多 不一样的是这里面多了一个缓存 如果克隆过了 就不需要重复克隆了。如果解构的是单层对象 则以引用地址不共用。对象的解构赋值是浅拷贝 不能用于深拷贝。

2、在伸缩盒子中，设置此属性不生效，伸缩盒子中flex-wrap默认是nowrap属性，当设置了flex-wrap属性是nowrap时候，align-content属性不生效。但在 2024 年的Chrome 123 版本中， CSS 原生可以使用 1 个 CSS 属性 align-content: center进行垂直居中。1、由第一个例子可以看出，设置垂直居中，必须有设置对应的高度，居中方才生效，故此属性只针对块级元素和行内块元素生效，对行内元素不生效。

end（可选）：到该位置前停止读取数据，默认等于数组长度。如果为负值，表示从末尾开始计算。start（可选）：从该位置开始读取数据，默认为 0。如果为负值，表示从末尾开始计算。还可以接受第二个参数，用来对每个元素进行处理，将处理后的值放入返回的数组。通过扩展运算符实现的是浅拷贝，修改了引用指向的值，会同步反映到新数组。将指定位置的成员复制到其他位置（会覆盖原有成员），然后返回当前数组。如果为负值，表示倒数。参数的逆运算，将一个数组转为用逗号分隔的参数序列。将两类对象转为真正的数组：类似数组的对象和可遍历。