前端自我学习超链写一篇文章来存下自己的学习超链接阮一峰的优秀笔记 docker - 阮一峰 Flex 布局 - 阮一峰

写一篇文章来存下自己的学习超链接

阮一峰的优秀笔记

单测

测试VUEX
jest 单元测试的几个指标 ** 四个指标（语句覆盖率，分支覆盖率，函数覆盖率，行数覆盖率）
使用 jest 进行 mock 三种方式
jest 安装和配置 ES6 和 ts
- 测试ts代码应该安装 ts-jest 以及 babel，如果有装饰器问题，安装相应的装饰器 babel
官方文档 jest 伪造 action
在 jest 中测试 axios ，如果请求不成功，请 mock store 和 action

GIT 操作

git rebase使用

前端

TIPS

安装 tnpm i 
ctrl+p   > reload 

@click.stop 阻止子组件单击事件冒泡
@click.native 原生根组件的事件处理

在head绑定guid，用到了ModHeader插件

如果手机没有登录，用的是guid  
如果手机登录了，用的是qbid
若是想要手机和电脑端同步阅读记录，就应该手机端不登录，设置guid 或者  手机端登录，设置qbid，记得要e.imtt.qq.com同步PC端和手机端guid
手机端设置grey环境，而不是debug，不然会报错
注意：重新同步且没记录的时候重新阅读书籍就会有记录

&& 如果左边为假，将左返回，如果左为真，将右返回

windows下
netstat -aon|findstr "8080"

taskkill /T /F /PID 9088 // 9088替换成真实PID

url 在 @tencent/luckbox-h5-base
utils 在 @tencent/luckbox-h5-biz

settitlebar 在openbook文件中，已经被我删除

写代码要考虑单测怎么写

store的逻辑，
1.在store中进行定义
2.在index.vue中传递给组件
3.在组件中通过prop接收

transfrom:translate 默认向右和向下，可以用单位也可以用比例，负数表左上，先左右，后上下，可接受两个参数

无限滚动加载： https://juejin.cn/post/6844903465357934599
intersectionobserver： https://developer.mozilla.org/zh-CN/docs/Web/API/Intersection_Observer_API


el.scrollHeight = 2;
el.clientHeight = 1;
el.scrollTop = 1;
都是只读属性，不可赋值
    
    
通过123平台日志发现错误

无限加载： https://zhuanlan.zhihu.com/p/311677753
rank做法

使用vuex-simple ：  https://www.npmjs.com/package/vuex-simple
css预处理器 sass 父选择器 & 变量$ 变量计算 选择器嵌套
@mixin  @include  @import  @if @else
阮一峰日志： http://www.ruanyifeng.com/blog/2012/06/sass.html
知乎：https://zhuanlan.zhihu.com/p/24286631

服务端渲染：vue ssr指南 （Server-Side Rendering）https://ssr.vuejs.org/zh/#%E4%BB%80%E4%B9%88%E6%98%AF%E6%9C%8D%E5%8A%A1%E5%99%A8%E7%AB%AF%E6%B8%B2%E6%9F%93-ssr-%EF%BC%9F
重要知识点：客户端激活，降级后由浏览器渲染，获取异步数据进行服务端渲染的步骤（服务端只有beforeCreate和created）
思否博客：https://segmentfault.com/a/1190000016637877

跳板机 -- 远程操作多个网络设备 WeTERM 集成了免密登录的终端，类似xshell

主要是性能监控上报！！
前端监控系统优缺&基础实现：https://juejin.cn/post/6865233317105516552
监控上报进阶篇:https://juejin.cn/post/6844903648355418120

分支覆盖率跟if判断有关
/** 通过 mock 的 dispatch 函数和 commit 函数使用一个真实的Vuex store 来测试 mutation 和 action */
wrapper 测试 component
  /** 使用ES6 Class Mocks 在测试环境 mock axios */
写一个npm包
babel埋点 前端日志监控上报，性能和错误

nodejs官方文档（非常***）：http://nodejs.cn/learn/working-with-folders-in-nodejs

前端构建工具esbuild ：https://juejin.cn/post/6918927987056312327

防抖debounce和节流 throttle的区别:
https://www.jianshu.com/p/e91775195608