题记 :

JavaScript 是 Web 的编程语言。所有现代的 HTML 页面都使用 JavaScript。本文主要记录在工作学习中遇见的容易出错或者比较少见的坑点集锦。

数组 map 方法

map 方法可以很方便的操作js 数组，使得数组成员发生特定规律的变化。但是记住处理方法中一定要记得返回当前的元素。

举个🌰：

  var itemArrary = this.data.diffStartSelectArrary;

  itemArrary = itemArrary.map(function(item, index) {
          if (indexFlag == index) {
                  item.selected  = true;
          } else {
                  item.selected = false;
          }
          return item;
  });

html data-* 属性

定义和用法

• data-* 属性用于存储私有页面后应用的自定义数据。

• data-* 属性可以在所有的 HTML 元素中嵌入数据。

• 自定义的数据可以让页面拥有更好的交互体验（不需要使用 Ajax 或去服务端查询数据）。

• data-* 属性由以下两部分组成：
  1 属性名不要包含大写字母，在 data- 后必须至少有一个字符。
  2 该属性可以是任何字符串

注意：

• 自定义属性前缀 “data-“ 会被客户端忽略。
• 自定义属性前缀 “data-“ 如果包含大写字母，可能会被客户端转成小写。

深拷贝与浅拷贝

        let pageStack = ["1","2","3"];
        let pageStack1 = pageStack.slice(0);
        let pageStack2 = pageStack;
        let [...pageStack3] = pageStack;
        console.log((pageStack == pageStack1) + "  " + (pageStack2 == pageStack) + "  " + (pageStack3 == pageStack));

log

false  true  false

字符串转数字

parseInt

parseFloat

+ 'str'

post 方式打开新浏览器窗口

// function clickName() {
//   const temp = document.createElement('form');
//   temp.action = 'https://ldam.motouat.com.cn/api/external/login';
//   temp.method = 'post';
//   temp.style.display = 'none';
//   const PARAMS = {
//     userName: 'jin',
//     // password
//     password: 'string',
//   };

//   Object.keys(PARAMS).forEach((key) => {
//     const opt = document.createElement('textarea');
//     opt.name = key;
//     opt.value = PARAMS[key];
//     temp.appendChild(opt);
//   });

//   document.body.appendChild(temp);
//   temp.submit();
// }
// document.addEventListener('click', () => {
//   clickName();
// });
// clickName()

js axios 拦截器

instance.interceptors.response.use(
  (response) => {
    console.log(' ========= response ', response);
    const { code, data, msg } = response.data;
    if (code === 0) {
      return Promise.resolve(data);
    }
    return Promise.reject(msg);
  },
  //
  function (error) {
    console.log(' ========= ');
    return Promise.reject(error);
  }
// 箭头函数 不能正确调用 reject 
  // (err) => () => {
  //   console.log(' ========= ');
  //   return Promise.reject(err);
  // }
);

onunload

Chrome浏览器规定当触发window.onunload事件之后，alert()/confim()/prompt()等模态对话框不再允许弹出

文件引用中出现 路径错误

1. 确保路径正确
2. 被引用文件中是否出现了语法错误
3. 被引用文件中是否出现了不存在的引用文件