一、前言

很久没更新文章了，正好前两天有人问到svg图标的问题，于是便有了此文

为了节省大家的时间，不卖关子，本文主要讲述项目中如何更优雅的使用svg图标，经过配置后支持自动化导入图标，自动化压缩、剔除无关信息

使用方法：

• 下载svg图标（iconfont或者来自UI的svg图标）
• 复制到项目路径下
• 通过svg名称调用

这篇文章主要参考

• 【花裤衩：手摸手，带你优雅的使用 icon】
• 【张鑫旭：SVG精简压缩工具svgo简介和初体验】

一、前言

实现一个很常规的功能， 鼠标停留出现3个像素的上边框，然而鼠标停留后出现了抖动，审查元素后发现是三个像素撑起了这个元素， 将其余元素向下挤， 才出现了这个抖动，一个比较常用的解决办法是先给元素一个3像素transparent背景的上边框，鼠标停留在将背景色改为其他颜色。这样就不会撑大元素

后来又想起来有个box-sizing， 好像也可以做到，于是尝试了一下确实可以，看了一下mdn文档中对于box-sizing的描述, 做一个记录

一、前言

圣杯布局和双飞翼布局这道面试题我看过很多次了，每一次都以为自己看明白了， 结果一段时间不看还是忘记了，可能是我经历的面试层次太低，没有考到吧。。再就是平时开发中一般没有这种优化要求，用的比较少，今天就再次好好看看并总结如下：

一、前言

canvas技术允许我们通过javascript脚本来绘制html页面，通过canvas我们可以绘制简单图形甚至开发简单游戏。本文主要讲述如何通过canvas技术实现前端验证码功能

源码在本文最后，需要的自取

思路：

通过观察验证码，发现验证码主要包括三部分，背景画布、验证码、干扰线和干扰点，只需要实现这三部分就可以完成这个功能

遇到比较棘手的问题，应该学会如何去拆解问题，将大问题变成一堆小问题，再将小问题拆解成更细小的问题，你就会发现问题迎刃而解

一、引言

跨域这件事可能是个老生常谈的问题，不光是面试中会高频问道，实际开发中也会经常遇到。今天就来好好探讨一下这个 “万恶” 的跨域吧。

为什么我的万恶要加上引号呢，因为并不是完全是坏处，正所谓存在即合理，它的存在必然有它的用处。

一、前言

使用的第三方：html2canvas 和 jspdf

为了一劳永逸（更好的偷懒），做了一个简历修改的页面，将简历信息保存到数据库同时使用html2canvas 和 jspdf导出PDF，但是在导出PDF时却发现文本内容在分页部分被直接截断，经过查阅资料没找到匹配的结果，于是就自己想办法解决吧。

一、前言

正则表达式很有魅力，熟练使用正则表达式会让开发更高效，更优雅，同时一些开发工具在搜索和替换时也支持正则表达式，如idea， vscode等等。

在你学会正则之前，你只能看着那些正则大师们，写了一串外星文似的字符串，替代了你用一大篇幅的if else代码来做一些数据校验

这篇文章主要参考知乎文章: 你是如何学会正则表达式的？ 和 b站：后盾人正则表达式系列课程，本文可以作为一种文档来查阅，里面基本每个知识点都有例子支撑，所以内容可能有点多

推荐两个网站，正则可视化 和 Github很火的一个正则学习网站

一、前言

我写的基本所有文章都是面试题引发的，这篇也不例外哈哈

关于ES6中的箭头函数相信很多人在项目中都用过，但是确实没有深入研究过和普通函数有什么区别，被面试毒打过的我慢慢养成了喜欢深究的习惯，然而不在像在学校一样，“凡事多问几个为什么”，现在变成了，“凡是多查为什么”

对JavaScript的了解越深入，越发现这门语言的魅力

一、前言

深入学习的过程是 快乐 的！！！

面试问到了箭头函数和普通函数的区别，去阮一峰ES6中看相关资料，发现主要还是指出 this 的指向问题，于是去深入理解this，相关文章又提出了执行上下文，调用栈等概念，顺着这个线索学下去发现盲区越来越多。。

本文主要介绍JavaScript中 this 关键字，原文地址：js 五种绑定彻底弄懂this，默认绑定、隐式绑定、显式绑定、new绑定、箭头函数绑定详解

一、前言

javascript中的事件流清楚吗，可以简单描述一下过程吗

事件委托是什么，原理又是什么？

果然一面试脑子就发懵，事件流很久之前看过，后来忘了

包括vue中有些指令也有.stop等修饰符，其原理也都是js事件流的执行过程