前端应知应会

使用Vue3和Vue2进行开发的区别 笔者虽然老早就是用vue3进行开发了，但是上次有人问道使用vue3进行开发跟使用vue2进行开发的区别有哪些这个问题的时候，回答的还是有些琐碎，干脆今天专门整理一

http3不再使用tcp协议的原因 上一篇文章整理了http0.9-http3的整个变化过程，但是说的不是很详细。比如浏览器是如何利用http1.1的，多个请求如何处理？http2到http3的底层协

从HTTP/0.9到HTTP/3：细数http协议的进化史 http协议是前端工作者必须了解的知识，也是面试的重要考点，今天就讲一下http协议的发展历程。 一、http0.9 http0.9是在19

JS中的进程、线程、任务队列、事件循环、宏任务、微任务、执行栈等概念理解 javascript中有很多需要知道的概念，尤其是标题中列出来的这些，今天就来过一下这些概念。 一、进程和线程 浏览器的每一个

前端应知应会：flex布局详解 flex布局可以说是当下前端开发必须学会的一个基本技能，它在面试中的出场率也很高，有必要专门讲解一下。 flex布局全称flexible box布局模型，是一种比较高效

终于搞明白标签中绑定事件到底加不加括号了 最近有看到文章讲解说用js绑定事件和标签内直接绑定事件的区别，但是比较零散，直说了对应的执行结果，让人看完还是迷迷糊糊，我就专门整理并对比了下区别，做下记录。

事件流、事件捕获和事件冒泡的介绍 最近有用到对应的场景，下班了特地来整理下响应的概念，巩固下知识。 我们在点击页面时，事件发生时会在各元素节点按照一定的顺序进行传播，这种传播过程就称作事件流。 事件流

cookie的api和封装 上一篇文章对比了下cookie，localstorage，sessionstroage三者的区别，其中讲到了cookie需要我们专门封装一下，而剩下两个有专门的get、se

浏览器存储方式详解：cookie、localstorage、sessionstorage的由来和区别 作为一名开发，不了解一下浏览器的存储方式，是不合格的。 存储方式有很多，你可以打开浏览器的控制台看

Vue2.X是如何利用Object.defineProperty()实现数据绑定的 上一篇文章写到了Object.defineProperty的使用，这篇文章说一下Vue是如何利用这个方法实现数据绑定

学习VUE总得知道Object.defineProxy怎么使用吧 工作归工作，不要觉得会用就完事了，很多时候得多看看基础。今天就专门讲一下Object.defineProxy是如何使用的，这样在以后讲

前端给页面添加暗水印的办法 上一篇文章讲到了在页面上添加明水印的方法，但是明水印比较好清除，而且对于一些没做处理的图片，当用户直接保存的时候，是没有水印的，这时候信息泄露问题依然存在。为了解决这样的问

前端给网页添加明水印的解决办法 为了防止信息泄露，保护版权，在前端我们时常会用到水印。 当然，水印也有明水印和暗水印之分，今天我们将的是前端实现明水印并实现全屏覆盖。 创建一个水印图层，我们需要两步，

2022年，马上都ES2022了，还在看ES6的知识点？ 面试的时候，面试官老是喜欢问一些你知道ES6的新属性有哪些吗？ 实际上，ES6都是2015年出的规范了，现在都是2022年，还考试这个，未免有

JavaScript中的类型判断方法（全） js中的数据类型 基本数据类型：Undefined、Null、Boolean、Number、String，Symbol 引用数据类型 ：Object 一般而

JavaScript中的get和set方法详解：原来js中的对象还可以有这种骚操作 经常我们书写一个js对象，都是这样定义的 用起来倒也是直观 但是很多同学估计没看全mdn上的讲解，不知道还有get和

JavaScript之三目运算符的使用及其显著缺点 在代码中，我们经常会用到三目运算符，使用起来倒也简单，可以替换一个if-else语句，代码也因此变得简洁起来。 首先写一些它的用法，举两个简单的例子

JavaScript中防抖和节流的实现 这篇文章写起来主要是因为上一篇文章说起了闭包的由来，但是篇幅有限没介绍其应用。 先说一下防抖和节流的概念，然后分别举一个例子 防抖 在事件被触发n秒后再执行回调

JavaScript中闭包机制的由来和应用 前端开发者经常会接触到闭包。 说起闭包，很多人第一时间想到的是闭包的概念 一个函数和对其周围状态（lexical environment，词法环境）的引用捆

JavaScript中的变量作用域与提升 之前有看到一些对应的文章，但是对于变量作用域和提升的掌握理解的不够彻底，今天就来理一下。 首先，要知道，在ES6之前，JS中只存在函数作用域。let、cons