前端常见问题的解决方案

以下是2020年3月到11月遇到问题的解决方式和部分技术积累

移动端vw、vh适配方案 
https://www.jianshu.com/p/87d43d241501

移动端 滚动隐藏浏览器地址栏和工具栏 
https://wanghi.cn/202003/26727.html

移动端真机调试指南 
https://aotu.io/notes/2017/02/24/Mobile-debug/index.html

vue 移动端调试工具（vconsole）
https://www.cnblogs.com/amang/p/9909545.html

手机web前端调试页面的几种方式 
https://www.cnblogs.com/xy-nb/p/web.html

js 判断手机是否横屏 
https://www.baidu.com/s?wd=js%20%E5%88%A4%E6%96%AD%E6%89%8B%E6%9C%BA%E6%98%AF%E5%90%A6%E6%A8%AA%E5%B1%8F&rsv_spt=1&rsv_iqid=0x907405270002fbbd&issp=1&f=8&rsv_bp=1&rsv_idx=2&ie=utf-8&rqlang=cn&tn=baiduhome_pg&rsv_dl=tb&rsv_enter=1&oq=js%25E8%258E%25B7%25E5%258F%2596fontsize&rsv_btype=t&inputT=7126&rsv_t=d60azF8Sp24Dr%2FtO1dNU89WVN3nhC332k0OSrjgWv5iWoVup2xvloYYKz5lzILRjuZZ3&rsv_pq=9de557c40000156f&rsv_sug3=44&rsv_sug1=39&rsv_sug7=100&rsv_sug2=0&rsv_sug4=7126

APP唤起那点破事 
https://libin1991.github.io/2020/03/21/APP%E5%94%A4%E8%B5%B7%E9%82%A3%E7%82%B9%E7%A0%B4%E4%BA%8B/

jq 的 on 方法用于动态事件的绑定
https://www.cnblogs.com/rocky-fang/articles/5619234.html

可选链操作符( ?. 
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/%E5%8F%AF%E9%80%89%E9%93%BE

JS判断浏览器是否禁用COOKIE 
http://www.song-z.com/article/detail/341/842

如何获取input自定义属性（data） 
https://www.cnblogs.com/peng14/p/3338600.html

深入理解DOM事件类型系列第三篇——变动事件 
https://www.cnblogs.com/xiaohuochai/p/5873289.html

require和import的区别 
https://www.cnblogs.com/ranyonsue/p/10861276.html

CSP: Content-Security-Policy 限制
https://www.jianshu.com/p/74ea9f0860d2

JS设置弹出小窗口（去掉工具栏和其他功能的简洁弹窗）
https://www.cnblogs.com/xiaolinxi/p/5430949.html

js事件触发器 dispatchEvent()
https://blog.csdn.net/weixin_33722405/article/details/85892944

HTML5 API --- 页面可见性改变(visibilitychange)事件
https://blog.csdn.net/yl02520/article/details/17174107

postMessage跨域通信
https://www.jianshu.com/p/3d8748f85a06

Event emitter的监听事件
https://www.php.cn/xiaochengxu-391850.html

js监听页面copy事件添加版权信息
https://www.cnblogs.com/fanwenhao/p/9685293.html

JS错误捕获
https://zhuanlan.zhihu.com/p/123286696

dom元素上添加断点（使用dom breakpoint找到修改属性的javascript代码）
https://www.cnblogs.com/fangsmile/p/11943414.html

Vue.mixin
https://www.cnblogs.com/dengyao-blogs/p/11589962.html

vue项目的环境变量
https://www.cnblogs.com/zhyzhy/p/10222512.html

vue强制更新$forceUpdate()
https://www.cnblogs.com/yn-cn/p/12800050.html

vue项目埋点
https://my.oschina.net/u/560237/blog/3209145

http-server 开启静态服务，http和https
https://www.jianshu.com/p/7895c57a321c?from=timeline&isappinstalled=0

Fiddler抓包
https://www.cnblogs.com/yyhh/p/5140852.html
https://www.cnblogs.com/yoyoketang/p/6778006.html

socket.io
https://www.jianshu.com/p/d5616dc471b9
http://www.shuaihuajun.com/article/1504749640971/

HTML5本地存储IndexedDB
https://www.jianshu.com/p/15a02e54160d

谷歌插件api  
https://crxdoc-zh.appspot.com/extensions/runtime#method-connect

用qrcode.js动态生成二维码图片
https://www.cnblogs.com/DylanZ/p/6018270.html

路由变化时使用axios取消所有请求
https://www.jianshu.com/p/37be781dc879

cross-env使用 运行跨平台设置和使用环境变量的脚本
https://www.jianshu.com/p/e8ba0caa6247

使用gulp实现前端自动化
https://juejin.im/post/5c112acbe51d4517bf65385c
https://www.gulpjs.com.cn/docs/

uml时序图怎么看
https://www.cnblogs.com/hsapphire/p/11210754.html
https://www.cnblogs.com/fswhq/p/10005518.html

eslint 配合 git （husky）
https://www.cnblogs.com/zzd0916/p/10254893.html

Git 基础 

  --git打标签
  https://git-scm.com/book/zh/v2/Git-%E5%9F%BA%E7%A1%80-%E6%89%93%E6%A0%87%E7%AD%BE
  --git 别名
  https://git-scm.com/book/zh/v2/Git-%E5%9F%BA%E7%A1%80-Git-%E5%88%AB%E5%90%8D

最强大的 CSS 布局 —— Grid 布局
https://juejin.im/post/6854573220306255880