1、 前言有这么一个需求，页面上有两个计数器，交互逻辑完全一模一样，但是里面的数据是完全独立的，需要实现这么一个计数器。如果是之前的我，肯定会在这两个计数器的触发按钮上传参，来分别判断然后实现对应的交互，但是如果使用闭包的话就会简单很多。 123456789101112131415function counterCreator() { var index = 1; funct

当初转行入门时直接上手的jquery然后就不停的写业务，学vue、react框架，基础很薄弱，于是打算记录一下平常看到的基础小知识，连载中… 1. 什么是变量提升(Hoisting) 展开查看 b() // undefined console.log(a) // undefined var a = 'Hello world' function b() { console

切图也有两年多了，不过一直没有使用过canvas,最近有个上传图片增加水印的需求，正好可以试试canvas加水印。 1、文字水印合成主要操作流程如下： 将需要添加水印的图片绘制到 canvas 上 将水印绘制到 canvas 上 将 canvas 的内容导出为图片 1.1 将图片绘制canvas上1234567891011121314const canvas = document.getE

最近自己写的一个demo项目接口经常报错500，发现原来是因为数据库密码太简单(123456~)估计被黑了，然后搜索了很久才成功重置了mysql密码，记录一下。 1、更改my.cnf配置文件 用命令编辑/etc/my.cnf配置文件，即：vim /etc/my.cnf 在[mysqld]下添加skip-grant-tables，然后保存并退出 重启mysql服务：service mysqld re

最近在做项目时需要截取url中的参数，如果是以前肯定先截取?后面的参数然后做字符串操作，今天突发奇想在掘金上搜了一下关于url的一下操作，偶然发现了URLSearchParams。 URLSearchParams 接口定义了一些实用的方法来处理 URL 的查询字符串。 文档 1、常用的接口方法1.1 get(name) 获取指定搜索参数的第一个值如果url参数中有两个一样的参数，他只会返回第一

1、前言flex布局时经常遇到这样一个问题，如下图，就是如何用flex布局平均分布，又可以换行然后最后一行如果不能铺满又可以左对齐呢呢？(ps:使用空的item元素填充这个方法就不说了…) 2、左对齐的那些方法2.1 子元素item宽度固定即列数是固定的2.1.1 使用 margin-right:auto1234567891011121314151617.con

目前的hexo是在自己的电脑上发布的，但是有时候在公司经常需要记笔记，每次都是手写Markdown然后回家上传，这样效率太低。而且万一自己的电脑突然罢工现有的博客源码几乎找不回了，所以需要备份一下。 目前百度到的方法都是新建分支然后巴拉巴拉的，可是这样会泄漏源码，况且现在GitHub可以免费建私有仓库了，可以不必使用那种方法了。 1、备份1.1 需要备份的文件 本地he

之前买云服务器部署了一个vue项目到服务器，然后最近又想把写的react项目部署上去，于是开始琢磨nginx如何配置多个项目的访问。 1、预期效果访问106.53.78.195/vue 跳转到vue项目访问106.53.78.195/react 跳转到react项目 2、nginx的配置2.1 找到serve配置项如果直接百度nginx相关的配置时，很多回答都让修改nginx.

0、前言之前经常在掘金的推荐文章里面看到函数防抖和函数节流相关的文章，看过之后一直没实际操作过，自然而然的也就忘了这回事。 ~~~今天在写项目时，遇到一个问题子组件监听(watch)了父组件传来的mode(是编辑还是详情)以及id(每个列表的id)来获取列表详情，可是每次都会调两遍接口。于是Google了一翻，重新了解了一下函数节流。~~~其实是不需要监听’mode’和’id’的，只需要监听模

生命周期函数是指组件在某一时刻会自动执行的函数。 12345678910111213141516171819202122232425262728293031323334// 在组件即将被第一次挂载到页面时执行，UNSAFE_componentWillMount即之前的componentWillMount，react官方修改了旧版生命周期的名字UNSAFE_componentWillMount(