摘要：一、App Secret Key + HMAC App Secret Key主要是用于识别用户身份 HMAC，一般是用SHA256算法对消息进行加密，防止消息被篡改、回放等 优势： 简单，一般会用于读取api鉴权。 比如微信获取头像接口、google map api。 劣势：App Secret K
阅读全文
摘要：一、Redux 使用Redux相对于context api的优势： 单一数据源：使用全局唯一的状态树来存储应用程序的状态，使得状态管理更加集中和一致。使用Context API时，状态可能会分散在多个上下文中。 分离关注点：通过actions和reducers将状态更新逻辑与组件逻辑分离。使用Con
阅读全文
摘要：一、canvas画图api ctx.drawImage ctx.fillText ctx.toDataURL 二、html+css构建的页面，用html2canvas导出 /*图片跨域及截图模糊处理*/ let shareContent = domObj,//需要截图的包裹的（原生的）DOM 对象
阅读全文
摘要：一、白屏时间 timing.responseStart - timing.navigationStart 展示index.html了(有内嵌样式也会展示了) 二、内容可见时间 timing.domComplete- timing.navigationStart index.html关联的资源(不包括
阅读全文
摘要：一、 用eslint+prettier做静态词法分析和格式统一 https://blog.csdn.net/weixin_37939942/article/details/89353248
阅读全文
摘要：https://zhuanlan.zhihu.com/p/28958042 https://github.com/xufei/blog/issues/42
阅读全文
摘要：一、JS/CSS等对浏览器渲染影响 https://juejin.im/post/59c60691518825396f4f71a1?from=singlemessage https://www.cnblogs.com/Jm-jing/articles/6974029.html
阅读全文
摘要：一、XSS 本质上，就是针对html代码，进行了注入 1、反射型 把用户的输入，直接放到了html页面上面。比如把input的输入，绑定到span中。 2、存储型 把用户的输入，存储到数据库中； 后再传到前端页面展示。 防御方法： 1、输入长度限制 构造xss攻击，需要拼接额外字符，一般比较长 2、
阅读全文
摘要：https://github.com/DDFE/DDFE-blog/issues/9
阅读全文
摘要：d3js是数据驱动图形的思路。基本可以这么理解，有什么样的图形，后面基本就有类似结构的数据。大概思路步骤如下： 一、适配数据格式 这一步主要是为第二部服务，第一步的结果作为第二部的入参。 比如，画层级图，需要特别的输入格式，如 d3.hierachy 如果第二步的数据正合适，第一步可以省。 二、数据
阅读全文
摘要：etag 与 if-match https://www.cnblogs.com/huangzhilong/p/4999207.html https://juejin.im/post/5c136bd16fb9a049d37efc47 参考：https://aotu.io/notes/2016/09/2
阅读全文
摘要：一、Store的层次结构 Store，负责管理整个数据访问、修改等； 提高API； State，数据结构； 所有的getters、mutations，全部都注册到store里；结构大概是： { 'xxx': [f1, f2] } state是层层嵌套注册在根state中，结构大概是： {'xxx':
阅读全文
摘要：https://segmentfault.com/a/1190000008782928
阅读全文
摘要：本质： nextTick，本质上是一个异步API，表示当前同步流程执行完成后再调用传入的函数。 根据环境不同，异步API的实现可以分别通过： setTimeout(0)， new Promise()， MutationObserver等 流程说明： 如下图： 参考：https://chuckliu.
阅读全文
摘要：大概原理如下面代码所示： Watcher的相关实现原理，参见我的另一片博客: vuejs的双向绑定实现原理
阅读全文
摘要：Vue在初始化的时候，会有两个大步骤： 1、Compile 从root的节点开始编译，根据正则表达式，把特殊的v-*类的标签，全部转换成对应的内存中的object 2、Observe 全部的data，observer所有的属性。 针对每个属性，做一个pub/sub结构，这样每次属性变化，可以通知到他
阅读全文
摘要：http://jimhoskins.com/2012/12/17/angularjs-and-apply.html
阅读全文
摘要：在Web上面，动画可以通过css动画，dom动画(setTimeout等)，以及canvas动画等形式。实际上，css动画有很多优势： 1、不用写js代码，开发效率最高 2、不占用js线程执行时间，保证页面流畅 3、尽可能地用到了浏览器自身的优化机制，渲染效率高 主要用于css动画的属性有三个： 1
阅读全文
