秦爱德

Vue3已经发布有一段时间了，本文意在通过梳理Vue2常用api通过差异化对比Vue3，帮助你快速掌握Vue3

闭包已经是一个老生常谈的问题了，不同的人对闭包有不同的理解。今天我来浅谈一下闭包，大家一起来就“闭包”这个话题，展开讨论，希望能擦出一些不一样的火花。

theme: channing-cyan海阔凭鱼跃，天高任鸟飞。Hey 你好！我是秦爱德。????曾几何时，不知多少个日日夜夜。看着在电脑前辛勤忙碌的你，手指在键盘上敲的飞快，一串串字母在屏幕中快速跳动。不知不觉，已是深夜。才发现，原来还是饿着肚子，连水都没有喝上一口。看得我甚是心疼????在我们日常工作中，经常会因为长时间伏案工作而忘记了喝水或起来走动走动，扭扭腰。于是乎，我开发了一款提醒各位倔友按时喝水的chrome插件????，希望大家在忙碌工作的同时，也要照顾好身体，按时喝水，多运动。老板盼望

海阔凭鱼跃，天高任鸟飞。Hey 你好！我是秦爱德。????平平无奇上班摸鱼，甚至想着如何带薪拉屎 ????????????论一个职业程序员，我们如何在工作中悄无声息的**「摸鱼」** ❓ 且老板还得拍手叫好，夸赞你是三好员工 ❓ 作为一位 “「老划水员????」” 我今天干点正事，分享**「10」款可以提高幸福指数的「vscode摸鱼神器」**让你的编码过程更加快乐 (◕ˇ∀ˇ◕)1.右下角的小可爱（background）background 插件会在编辑器右下角贴上一个 “小可爱” 时刻静静地

海阔凭鱼跃，天高任鸟飞。Hey 你好！我是秦爱德。????各位看官，好久不见，我又来了。今天我给大家带来一个好消息，我同事（老孟）的api接口管理工具终于开发完成，正式发布上线了。喜大普奔，秦爱德发来贺电yeah~~~曾多少个日日夜夜，看着日渐消瘦的老孟，一遍遍抓着为数不多的头发，看着越来越高的发际线！最终还是把这个工具给肝出来了，老孟亲切的称呼其为GetApi。不禁由衷的为他称赞~~~ 棒棒哒????????????在此之前我写过一篇文章来介绍 setTimeOut 一个拖拽卡顿问题引发出对se

海阔凭鱼跃，天高任鸟飞。Hey 你好！我是秦爱德。????上篇文章，介绍了webpack的入门基础配置（传送门????????????）。那现在我们就来讲一讲如何通过优化配置项来提高我们的项目构建性能吧。应该优化那些内容？从项目实战角度出发，我们更关心的还是从项目开发到发布上线。所以优化项可以分为以下几个维度考虑：开发环境优化代码运行的性能优化代码调试生产环境优化优化代码打包构建速度优化代码运行的性能优化代码运行的性能（开发环境）开发服务器devServer在开发环境

海阔凭鱼跃，天高任鸟飞。Hey 你好！我是秦爱德。????导读我是秦爱德，一名web前端划水员。提起webpack基本上是面试必问，工作必用的技术。多年来，随着技术的不断发展与变更，前端越来越注重模块化、组件化、工程化。这也迫使了webpack正在变得越来越重要！我本身是学java出身的，毕业后机缘巧合的去做了平面设计，然后因与专业不对口又做了一名javaer，接着又辞职不干了，跑去干了销售。哈哈，职业道路还真是起起落落落落落落落落落落落落…????????????销售之后，我便自学前端，一头扎进了

海阔凭鱼跃，天高任鸟飞。Hey 你好！我是秦爱德。????导读就在前不久，同事写了一个拖拽左边菜单栏改变菜单栏宽度从而得到更好的交互体验效果。But ！ 美中不足的是拖拽的时候如果手速过快，会导致卡顿效果，看起来十分难受。经过不断调试，最终是使用了setTimeout解决了该问题。那么问题来了！为什么setTimeout能解决动画卡顿问题呢？一图胜千文，通过两张图的前后对比，我们来看看实际效果！（这是没有加上setTimeout之前，有明显卡顿????????????）（这是加上setTimeo

海阔凭鱼跃，天高任鸟飞。Hey 你好！我是秦爱德。????导读在我们日常项目开发当中，必不可少的就是对日期时间的处理。针对此类需求，通常第三方插件或者广大轮子哥们已然为我们提供了全套服务（开箱即用，手动点赞????????????）。当然了，我们也可以通过系统对象new Date()来轻松实现对时间的处理。不过对于出场率如此之高的 new Date() 你真的了解它么？ 什么是时区？时间标准如何定义？JavaScript中的时区有何不同？ 稳住，别慌！今天就让我们来扒开Date()的外衣，看看它背后的冷

诶！又是许久没有更博！只怪个人的自制力还是不足，任重道远！贵在坚持！头两天面试遇到拷贝方面的问题，不过当时并没有给面试官一个满意的回答。所以，今天我们来深入探索一下深浅拷贝。在说深浅拷贝之前，我们先来聊聊JavaScript变量的基本类型(undefined，boolean，number，string，null)与引用类型(Array，Object)。基本类型就是保存在栈内存中的简单数...

先来看几段代码：var a = [1,2,3];var b = [1,2,3];console.log(a==b);//falsevar a = 5;var b = a;b+=3;console.log(b)//8console.log(a)//5var a = [1,2,3];var b = a;b.push(4);console.log(b);//[1,2,3

面向对象（OOP）编程的特点抽象：抓住核心问题，把“像”的东西抽出来！就叫“抽象”封装：只能通过对象来访问方法继承：从已有对象上继承出新的对象多态：多对象的不同形态 编程就是得学会举一反三，首先我们将“像”的代码抽离出来，然后封装成一个简单易用的函数对象，这时候可以通过继承来实现函数的拓展与延伸，如果这时候你还是觉得使用起来不够灵活，那好办！通过多态来实现“面向接口”的灵活调

时间过的很快的啊，最近因为种种原因，迟迟没有更博！表示惭愧！在这里不得不吐槽一下当今社会的房子问题，工薪阶层在大城市买房子真是难，各种政策都在打压着我们。不过没关系！基地爆炸，问题不大！还是信了那句广告语，“淘个车，车子能开多远，房价就有多便宜！远点就远点吧，慢慢来嘛！（这真不是在打广告，只是觉得还挺有道理）”。废话不多说，今天我们来探索一下js中的面向对象编程吧。

今天我们来讲一下html5如何“伪造”浏览器的访问记录。实现无刷新改变浏览器url地址！ 前进and后退，我不停歇！（李时珍的皮）假设有这样一个场景：一个页面用来显示一系列服装列表，为了分为别类！我们需要一个分类导航，每当我们点击导航链接的时候，通过ajax加载具体服饰列表内容，而其它页面部分不需要要变化。传统的做法是给每个导航链接绑定事件，然后通过ajax请求，获取内容并显示。那么问题来了！

关于html部分，我也不知道写些什么。html很简答易学，没什么好写的。在这里我就搜罗一下，把平时那些被我们遗忘在角落里面的冷门标签给捡起来吧！： 标签用来表示一个缩写词或者首字母缩略词，如”WWW”或者”NATO”。通过对缩写词语进行标记，您就能够为浏览器、拼写检查程序、翻译系统以及搜索引擎分度器提供有用的信息。：标签定义图像映射内部的区域（图像映射指的是带有可点击区域的

在熟悉了浏览器的工作原理之后，今天我们来讲讲浏览器在从服务器获取到网页文件之后是如何解析的。了解了这个基础知识，对敲出来的代码，质量会有不小的提升。在此之前我先为上一篇《浏览器的工作原理–分析》做一下补充。我们都知道浏览器只是下载到本地来浏览网页的一个软件！那么既然是软件，就有软件的诟病。软件的算法、代码的质量、所使用的内核、安全性的设置等等。都会影响着浏览器的运行速度，这就是为什么相同

在正式学习前端之前，让我们来了解一下浏览器是如何工作的！众所周知，浏览器可谓是目前使用率最高的软件。从 1992年 世界上第一个图形网页浏览器（ Erwise ）的诞生发展到现在，市面上主流的浏览器有 IE、Firefox、Safari、Chrome及Opera。万恶的ie果断已经被微软放弃，这对于我们前端程序员来说，简直是出了一口恶气！浏览器的发展史：请戳这里。同一个web页面在不同的浏览器中，