而且在 github 的 issues 里有外国友人 👨‍🦱 问我能否实现不同样式的二维码，刚好以此作为新需求，模仿草料二维码的样式和功能，开发了 qrcode-with-logos 的 v1.1.0 版本。

现有的庞大 Vue 项目突然要进军海外了，原本一开始就没有做多语言适配的准备，面对这么多文件的中文替换多语言变量的工作确实有些头疼。参考网上的一些案例和做法，我写了一款 vue 文件批量转化多语言插件————vue-i18n-transform

笔者两年前曾写过一篇文章《Webpack4 搭建 Vue 项目》，后来随着 webpack5 和 vue3 的面世，一直想升级下我这个 createVue 项目，但是苦于没有时间（其实是因为懒），一直拖延至今。捣鼓了好几天，终于搭建好整个项目，因此仅以此文记录升级搭建的过程。

一个矩阵中只有 0 和 1 两种值，每个位置都可以和自己的上、下、左、右 四个位置相连，如果有一片 1 连在一起，这个部分叫做一个岛，求一个矩阵中有多少个岛？

前几天逛 github 的时候看到一些前端的算法题，自己做了一遍发现还挺有意思的，因此整理了一下收录 daily-question 的 algorithm 文件夹中，后续会继续增加，本文分享我整理的十个算法题目。

前几天逛 github 的时候看到一些前端的算法题，自己做了一遍发现还挺有意思的，因此整理了一下收录 daily-question 的 algorithm 文件夹中，后续会继续增加，本文分享我整理的十个算法题目。

背景 抱着尝试一下的心态投了微信的前端简历，没想到还收到了面试邀请，仅以此文记录一下面试过程中遇到的问题 1. 手写 add(a, b)函数 请你用 javascript 实现两个字符串数字相加（大数相加）？ 分析：这道题考查两个超过js最大数值的数相加，可运用小学数学加法规律实现 实现方法： {代码...} 2. 对上面的函数，你会写...

在这里记录着每天自己遇到的一道印象深刻的前端问题，以及一道生活中随处可见的小问题。 强迫自己形成积累的习惯，鞭挞自己不断前行，共同学习。 Github 地址 2019/04/29 - 2019/05/05 ES6 class 构造以及继承的底层实现原理《ES6 类以及继承的实现原理》 手动实现一个 new ? {代码...} 手动实现一个 instanceof? instan...

1. 项目实现介绍 vue 项目搭建参考《Webpack4 搭建 Vue 项目》 文档使用 vuepress, 官方文档 [链接] 发布文档 github pages + gh-page 项目地址 [链接]<img src="[链接];> 文档地址 [链接] 组件地址 [链接] 处于自我摸索阶段，期待留下您的宝贵意见！ 2. Throttle 组件的实现 首先，写一个防抖节流的通用函数 {代...

1. 项目实现介绍 vue 项目搭建参考《Webpack4 搭建 Vue 项目》 文档使用 vuepress, 官方文档 [链接] 发布文档 github pages + gh-page 项目地址 [链接] 文档地址 [链接] 处于自我摸索阶段，期待留下您的宝贵意见！ 2. v-lazy 的基本实现 图片懒加载的基本原理： 先用占位图代替目标图片的 src 属性值 当图片的 offsetTop...

开篇 本文参考文章《一名【合格】前端工程师的自检清单》, 并对其中的部分题目进行了解答，若有遗漏或错误之处望大家指出纠正，共同进步。(点击题目展开答案！) 此文章 Markdown 源文件地址：[链接] 一、JavaScript基础 前端工程师吃饭的家伙，深度、广度一样都不能差。 变量和类型 1. JavaScript 规定了几种语言类型? J...

1. 背景 之前写过一篇文章 ES6 手写一个“辨色”小游戏, 感觉好玩挺不错。岂料评论区大神频出，其中有人指出，打开控制台，输入以下代码： {代码...} 即可破解，分数蹭蹭上涨，这不就是bug吗？同时评论区 【爱编程的李先森】建议，让我用 canvas 来画会更简单，因此有了这篇文章。 话不多说，先上 Demo 和 项目源码 有趣的...

背景 最近接触到的需求，前端生成一个带企业logo的二维码，并支持点击下载它。 实现 在前面的文章有讲到如何用 canvas 画二维码，在此基础上再画一个公司logo,并提供下载的方法供调用，再封装成 npm 插件 模块名称： qrcode-with-logos github地址：[链接] npm地址：[链接] 核心代码 将整个封装成一个 QrCodeWithLogo类...

背景 前些日子当前端面试官，问了一个问题：“你了解过canvas吗？” “这个我知道，我有做过DEMO，这个不难吧，看着它的api接口就能实现！” 看着他这么（蜜汁）自信，我决定深入了解（为难）一下他！ “电商中大转盘，九宫格，刮刮乐，如何使用canvas实现，讲讲你的思路？” “二维码的生成和扫码识别如何实现？” “图片的粒子...

上篇文章讲述了 underscore 的基本结构搭建，本文继续讲链式调用与混入。 如果你还没看过第一篇文章，请点击 “underscore 诞生记（一）—— 基本结构搭建” 链式调用 在 JQuery 中，我们经常使用到链式调用，如： {代码...} 那么在 underscore 中，是否支持链式调用呢？答案是支持的，只不过默认不开启链式调用罢了。 想要...

underscore 是一款成熟可靠的第三方开源库，正如 jQuery 统一了不同浏览器之间的 DOM 操作的差异，让我们可以简单地对 DOM 进行操作，underscore 则提供了一套完善的函数式编程的接口，让我们更方便地在 JavaScript 中实现函数式编程。

在这里记录着每天自己遇到的一道印象深刻的前端问题，以及一道生活中随处可见的小问题。 强迫自己形成积累的习惯，鞭挞自己不断前行，共同学习。 Github 地址 2019/04/15 - 2019/04/21 1. 写一个乱序函数 ？ 遍历数组元素，然后将当前元素与以后随机位置的元素进行交换。 {代码...} 2. 什么是惰性函数？ 惰性函数就是返...

在这里记录着每天自己遇到的一道印象深刻的前端问题，以及一道生活中随处可见的小问题。 强迫自己形成积累的习惯，鞭挞自己不断前行，共同学习。 Github 地址 2019/04/01 - 2019/04/07 1.为何 [] == ![] 结果为 true，而 {} == !{} 却为 false 首先了解一下类型转化的规则： 1、如果有一个操作数是布尔值，则在比较相等...

趁此单身汪伤心之日，作为一名前端程序猿的我也按捺不住了，撸个表白页面送给广大想表白的人儿。话不多说，先看效果（网页地址）： 功能 一个网页输入名称，生成带参数的网址。 浏览器输入该网址，即可打开带有该名字的网页，图片轮播，还带有音乐哟 （简单实现，本文不是技术软文，而是小工具推荐啊啊哈哈） (ps: 已经...

早在几个月前，就想自己动手写个轮播图组件，因此也看了许多文章，断断续续过了几个月，今天终于有时间腾出手来给此插件做个总结，因此有了这篇文章。话不多说，先上 Demo, 效果如下：

背景 上家公司经营问题，无奈导致技术团队解散，又再一次奔赴找工作的大潮。谨以此文记录一下面试过程中遇到的问题。（不定时更新） 问题详情 基础知识 CSS 栅格系统的实现原理？ 什么是 html5，它与 html4 的区别？ 写出三种及以上的垂直水平居中的方法 输入url 到页面渲染的整个过程是怎样的？ 什么是面向对象？其三大...

像我们熟悉的 vue-cli，create-react-app 等脚手架，只需要输入简单的命令 vue init webpack project，即可快速帮我们生成一个初始项目。在实际工作中，我们可以定制一个属于自己的脚手架，来提高自己的工作效率。

1. 前言 依稀记得几年前朋友圈流行的辨色小游戏，找出颜色不同的矩形。前些天突发奇想，打算自己手写一个类似的游戏，话不多说，先上 Demo。 --项目源码 本实例基于 ES6 实现，并兼容 ie9及以上。 2. 项目结构 index.html index.css index.js 本文主要讲述如何使用 js 实现功能，html css 不在此范围。直接上代码。 {代...

JSONP 被用于跨域获取数据。在讲解它之前，先讲讲它与 JSON 之间的区别 什么是JSON？ JSON 是一种基于文本的数据交换方式，或者叫做数据描述格式。 其优点是： 1、基于纯文本，跨平台传递极其简单； 2、Javascript 原生支持，后台语言几乎全部支持； 3、轻量级数据格式，占用字符数量极少，特别适合互联网传递； 4、可读...

由于 Parcel 打包工具的影响，webpack4 也追求零配置搭建项目。而前阵子出现的 vue-cli 3.0也是基于 webpack4 零配置的思想创建的。对于一些习惯webpack3 的开发者难免有些不习惯。本文就带你绕过 vue-cli，用 webpack4 一步步搭建 vue 项目。

最近研究了 DatePicker 的实现原理后做了一个 vue 的 DatePicker 组件，今天带大家一步一步实现 DatePicker 的 vue 组件。