我们先看一下下面这张图： 1.gif 可以看到这是一个简易的聊天室，两个窗口的消息是实时发送与接收的，这个主要就是用我们今天要讲的websocket实现的。 websocket是什么？ websocket是一种网络通信协议，我们都知道htt ...

这是我第21篇简书。 主播你懂vue吗？讲的啥啊，一句也听不懂... 咳咳，进入正题。 源码知识图谱 Vue3新增了 Performance：性能更强，比Vue 2.0快了接近2倍。 Tree shaking support：可以将无用模块 ...

js为什么是单线程？ 主要是因为最开始javascript是单纯的服务于浏览器的一种脚步语言（那时候没有nodejs）。浏览器是为了渲染网页，通过dom与用户交互，如果一个线程需要给dom执行click事件，而另一个进程要删除这个dom，这 ...

原文地址：在 freeCodeCamp 中文社区阅读原文 The Deno Handbook 原文作者：Flavio Copes 原文发布时间：2020-05-12 译者：hylerrix（韩亦乐）, Yunkou（寇云） 校对者：hyl ...

这是一个考察面试者对reduce函数用途的js面试题。下面我们看一下reduce函数的函数介绍： reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。reduce() 对于空数组是不会执行回调 ...

CSS盒子模型与怪异盒模型 盒子模型（Box Modle）可以用来对元素进行布局，包括内边距(padding)，边框(border)，外边距(margin)，和实际内容(content)这几个部分。 标准盒模型 标准盒模型中盒子的大小是指： ...

伪元素和伪类 说到这个，我们先回顾一下，伪类选择器和伪元素选择器，老版的浏览器没有严格区分下面 2 种写法。 a:after{} a::after{} 在新的标准中，单冒号(:)用于 CSS3 伪类，双冒号(::)用于 CSS3 伪元素，我 ...

一名合格的web前端工程师必须得掌握HTML、CSS和JavaScript。只懂其中一个或两个还不行，你必须对这三门语言都很熟悉。也不是说必须对这三门语言都非常精通，但你至少要能够运用它们完成大多数任务，而无需地频繁地寻求别人的帮助。今天给 ...

结合个人经历总结的前端入门方法，总结从零基础到具备前端基本技能的道路、学习方法、资料。由于能力有限，不能保证面面俱到，只是作为入门参考，面向初学者，让初学者少走弯路。互联网的快速发展和激烈竞争，用户体验成为一个重要的关注点，导致专业前端工程 ...

前言随着web的发展，网站资源的流量也变得越来越大。据统计，60% 的网站流量均来自网站图片，可见对图片合理优化可以大幅影响网站流量，减小带宽消耗和服务器压力。有时候你花大力气去配置 webpack 使打包体积减少，不如好好优化几张图片，这 ...