日常开发中，经常会遇到手写板的需求。对于大部分人来说使用canvas画布是最为方便的，而且也能很好的节省性能。这里在可汗学院学习的时候发现他们的答题手写用了svg的实现方法。这十分巧妙。不用考虑题目如何在cavnas画布上渲染了。

在程序设计中，经常会遇到步骤执行的需求，也就是第一步执行完成之后执行第二步。以此类推，这样就引发出一个思考，步骤之间要关联起来，步骤越多代码就越庞大，如何把步骤单独拆分出来呢，让步骤之间的逻辑独立，而仅仅依靠某一种关系将他们串联。如果知道链表的话，从结构上来说这就像一个长长的链表，通过指针指向下一个区域。区域与区域是单独的空间，谁也不打扰谁。那么在设计模式中有个责任链模式（Chain of Responsibility），而对单个的步骤则考虑使用工厂模式，这样更容易维护每一个步骤的实例化。

《你不知道的JavaScript》第四章笔记

避免过度代码嵌套是保持代码可读性和可维护性的关键步骤，特别是在编程中。以下是每一种方法，并附上在未优化代码和优化后代码的例子。

在前端的开发中，经常会遇到这样的需求。A项目中的某个页面或者新增一个模块，需要嵌入B项目。然后B项目有可能需要C项目这种套娃式的项目嵌套。如果你是新开始做项目，那么我推荐你使用乾坤或者其他的微前端框架。但是如果你像我一样，项目以及成型，而且有很多公司自己的配置和域名不一样的各种各样的因素，导致你不能很好的使用微乾坤框架。那么通常大家使用的就是iframe。

《你不知道的JavaScript》第三章笔记，关于对象的知识点总结，方便回顾。

在javascript的开发中，经常会遇到this这个关键字。简单的说this是个特殊变量。但是在javascript中，this的使用经常让我感到困惑，这篇文章是阅读《你不知道的JavaScript》中第二章this的全面解析笔记。

《你不知道的JavaScript》第一部分的总结笔记，方便回顾

由于最近使用到esbuild这个打包工具编写插件，而我的插件需要编写样式。在实际的运用过程中，我发现插件的样式类名可能和被使用项目中的一些类名发生冲突。这个时候我就想借鉴一下vue中出现的样式类scoped 的概念。

看到这篇文章，相信你的手里和我一样有个可用的Google Voice。白嫖来的GV来之不易。官方的政策是账号3个月不活跃就会被收回。原先有一个网站IFTTT，可以免费发送信息到你的GV号上，让你保持活跃。但是现在收费了。对于白嫖党来说这是不能容忍的，白嫖了你的GV号还要月付维护费，不能够啊。所以我针对性的研究了下，如何自动回复短信和发送短信，来保持活跃。

在日常的前端开发中，经常需要开发一些组件。通常我们是基于某个特定的框架来开发，例如vue,react等等。对于页面的样式组件来说，没有什么太多的计较。但是如果开发一个画布工具或者一个音乐播放器的组件，那么这个组件必然会有很多功能，而且对于vue2/vue3，react版本，你可能每个都要开发一遍。那么web-component的开发理念就非常适合目前的需求了。但是通常的web-cmponent的开发中，对于JS我们可以很好的管理，拆分功能。但是对于dom样式的编写就极其不方便了。

前端开发中经常遇到import,export这种导出和导入，同时也能遇到module.exports这种，那么他们到底是什么呢？