WMH's Blog

本文记录霍春阳-《VueJs设计与实现》阅读过程中的一些笔记

概述

图片水印相信大家都不陌生，在知乎、微博等地方可以经常看到。水印的作用可以基本就是为了给图片绑定身份信息，可以用来声明图片归属权，或发生信息泄露时便于定位到泄漏源。添加水印的方式有两种：后端水印和前端水印，二者各有优劣：后端水印的优势是安全，劣势是如果同一个文件在多个用户端都展示，那么就需要生成多份，无疑造成了资源浪费。前端水印不依赖服务端，完全依赖客户端的计算能力，减少服务端压力，同时可以做到千人千面，劣势是安全性较低。如何选择那就需要依据当前的使用场景。这里，对两端均做下介绍。

概述

设计模式的定义是：在面向对象软件设计过程中针对特定问题的简洁而优雅的解决方案

单例模式

单例模式的定义是：保证一个类仅有一个实例，并提供一个访问它的全局访问点。

概述

MVC / MVP / MVVM 等软件领域的设计模式，相信大家就算不知道是什么，也听说过。对于这些设计模式，我们可以不知道，不了解，也不会影响日常的开发，但如果你想走的更远，这些是绕不过去的坎。前端作为软件行业的新兴领域，对这些设计模式在又该怎么理解，本文记录一下自己的理解，不一定都对，按需选用。

概述

CSS3中增加了变量函数var, 当然这些变量在less/sass等css预编译语言中早有实现，CSS标准也已经支持，并且也有着不错的兼容性：

概述

随着各种“微服务”的流行，“微前端”的概念也被创造出来，在浏览知乎时看到好几篇文章都与“微前端”相关，而qiankun更是各类文章绕不开的话题。对于这种新兴的概念我们不表，技术终究是用来为业务服务的，不是越新越好，譬如：你可能不需要微前端中就比较中肯，微前端不是银弹，适合自己的才是最好的。

说了一大推，我们回到qiankun上，因为他不是iframe, 所以我一直比较好奇：它是如果实现应用之间的样式与运行时的隔离？

作为web开发人员，相信大家都知道利用Fiddler/Charles等工具进行抓包，那这些抓包工具的原理是什么，对于某些APP为何抓不到请求，本文会记录一些在抓包工程中遇到的一些问题与解决方法

概述

近日对某网站的自动答题（此处不细说，估计有人能猜到）试着做下自动化功能，经过多日研究，终于完整实现，下面记录下此过程中遇到的一些问题与解决方案。

概述

在实际工作中，会遇到一类似获取视频封面等需求，当然，这个工作无需前端也能实现，但前端也能跨界救场，因为前端代码都运行在用户端，在机器性能过剩的情况下，前端可以实现这些类似功能来减少服务器的压力，同时有时也能获取更好的用户体验。当然，这些功能的核心都是基于Canvas实现的。

概述

本篇开始，记录在阅读《你不知道的JavaScript-中卷》中遇到的自己遗漏的知识点，阅读章节为第二部分：异步与性能