2022-47~48周(11.07-11.20) 项目问题整理

新知识

1、好文学习

暂无

2、Range范围

DOM中的范围 createRange()

3、getSelection及Selection对象

Window.getSelection()方法返回一个 Selection对象，表示用户选择的文本范围或插入符号的当前位置。

4、chrome-extension编写要点

开发测试QQ小程序时，获取cookie步骤有些繁琐且频繁，故而萌生写一个插件一键完成cookie获取操作；
谷歌开发者官方文档
插件其实也是一个简单的web服务，可以拦截浏览器路由对不同页面步骤进行，关键点

module.exports = {
  "name": "Hello Extensions",
  "description": "Base Level Extension",
  "version": "1.0",
  "manifest_version": 3,
  "action": { // 行为
    "default_popup": "hello.html",
    "default_icon": "hello_extensions.png"
  },
  "permissions": [ // tabs允许使用chrome.tabs和chrome.windows的api，后面则是匹配模式，指可以和该模式的网站运行的代码进行交互。
    "tabs", "http:///","https:///"
  ],
  "content_scripts": [ // web頁面要運行的腳本
    {
      "matches": ["http://login.cuit.edu.cn/Login/xLogin/Login.asp"], // 匹配的页面
      "js": ["loginQq.js"]
    }
  ]
}

问题

1、幽灵字符 - \u200b

Zero width space characters 占位显示空白

2、vue-cli中report命令

npm run build -- --report
vue-cli中使用webpack-bundle-analyzer分析webpcak构建产物