Mengyu的博客

最近编写了一个封装了前端存储 API 的工具库，准备将它发布在 npm 上方便以后使用，不过如果每次都手动从本地打包发布的话就会非常麻烦，因此这次尝试一下自动化发布。

src 和 href 都是用来引入外部资源的属性，例如：图片、视频、CSS 文件、JavaScript 文件等。那么它们两者之间究竟有什么样的区别呢？

最近学习了Chrome插件的开发，总体来说上手还是很容易的，因为浏览器插件本质上依旧是网页，写几个demo基本就了解了他的开发过程。完整项目：xmy6364/chrome-extension-getimage什么是Chrome插件正如开头所说的，Chrome插件实际上就是一个网页，由HTML、CSS、JS、图片等资源组成，与网页不同的是，Chrome插件是用来增强浏览器功能的，同时它还有一套属于自己的开发规则和API。每个插件都由不同的组件构成，这些组件大都包括background scrip

使用webpack搭建单页面程序十分常见，但在实际开发中我们可能还会有开发多页面程序的需求，因此我研究了一下如何使用webpack搭建多页面程序。

最近在研究`React Native`，准备用它写一个笔记APP，但是并没有搜到很好用的编辑器插件，因此准备使用`WebView`和已有的Web端编辑器自己封装一个。

作为一名程序员，写博客是积累知识、提升水平必不可少的一个方法。我们写博客主要有三种方法，一种是使用掘金、博客园、CSDN等博客网站，第二种是自己搭建网站，存放自己的博客，第三种就是使用静态博客生成器，将生成的网页部署到服务器或者github pages、gitee pages等服务上。这三种方法中，第一种自由度太低，并且定制样式很麻烦；第二种每写一篇博客都要新建个页面，非常麻烦。因此我选择了第三种方法，在使用了hexo、vuepress，gridea等多种静态博客生成器后，我决定自己写一个来提升自己的能

webpack 是一个前端工程化打包工具，对于前端工程师来说 webpack 是一项十分重要的技能。下面我们就通过搭建一个 vue 项目来学习使用 webpack

GitHub Actions 是 GitHub 的持续集成服务，是一个非常强大的功能，用它可以实现很多自动化功能。现在我们来使用Github Actions将我们做好的Vue项目部署到Github Pages上。

web开发中，无论是前端还是后端，所离不开的东西就是HTTP协议和HTTP相关的东西，今天我们就来聊聊和HTTP相关的一些知识。

心血来潮想做一个PC端应用，就来学学Electron，以下为学习Electron时的踩坑记录。

生成器模式是一种在TypeScript/JavaScript中非常常见的创建型设计模式，它使你能够分步骤创建复杂对象。当你需要创建一个可能有许多配置选项的对象时， 该模式会特别有用。

在express中使用ES7装饰器构建路由在Java的Spring框架中，我们经常会看到类似于@Controller这样的注解，这类代码能够极大的提高我们代码的可读性和复用性。而在Javascript的ES7提案中，有一种新的语法叫做decorator，它能够在Javascript中实现与注解相同的功能。@tuzilow/express-decorator@tuzilow/express-decorator是由本人开发的一个简单的express装饰器包，具有@Controller、@RootUrl、

数据类型是我们学习`JavaScript`时最先接触的东西，它是JavaScript中最基础的知识，这些知识看似简单，但实则有着许多初学者甚至是部分学习了多年JavaScript的老手所不了解的知识。

一个React和Typescript的练手项目，后台调用CNode社区提供的API，功能基本完成。等以后水平提高了会考虑重构本项目，并且增加移动端适配。

LeetCode刷题记录（1）使用语言: JavaScript。从简单题开始写的，只放上了代码，没有写思路。两数之和给定一个整数数组 nums 和一个目标值 target，请你在该数组中找出和为目标值的那 两个 整数，并返回他们的数组下标。你可以假设每种输入只会对应一个答案。但是，数组中同一个元素不能使用两遍。示例:给定 nums = [2, 7, 11, 15], target = 9因为 nums[0] + nums[1] = 2 + 7 = 9所以返回 [0, 1]/**

观察者模式是一种行为设计模式，允许一个对象将其状态的改变通知其他对象。观察者模式提供了一种作用于任何实现了订阅者接口的对象的机制， 可对其事件进行订阅和取消订阅。

策略模式（Strategy）：它定义了算法家族，分别封装起来，让它们之间可以互相替换，此模式让算法的变化不会影响到使用算法的客户。——《大话设计模式》

TypeScript实现设计模式——工厂模式上回用typescript实现了单例模式，这回来实现工厂模式。工厂模式又分为简单工厂模式、工厂方法模式以及抽象工厂模式。简单工厂模式简单工厂模式通常在业务比较简单的情况下使用，它有三个部分组成：工厂类、抽象产品类、具体产品类。抽象产品类abstract class Pizza { public abstract show(): void; public abstract cut(): void;}具体产品类class KFCPizza

单例模式的目的是限制一个类只能被实例化一次，提供一个全局的访问点。单例模式又被分为懒汉单例模式和饿汉单例模式，懒汉单例模式就是在第一次调用时实例化，饿汉单例模式是类加载时就实例化。

nodejs爬虫–抓取CSDN某用户全部文章最近正在学习node.js，就想搞一些东西来玩玩，于是这个简单的爬虫就诞生了。准备工作node.js爬虫肯定要先安装node.js环境创建一个文件夹在该文件夹打开命令行，执行npm init初始化项目正式开始安装依赖express 用来搭建一个简单http服务器，也可以使用node原生apicheerio 相当于node版的jQuery，用来解析页面superagent 用来请求目标页面eventproxy 解决同时处理多个页面的问题