setTimeout(〒︿〒) 请原谅我一直以来对你的忽视
2021-06-19
阅读 2 分钟
1.1k纸上得来终觉浅，绝知此事要躬行。哪怕是平时一个不起眼的小知识，我们也需要以认真的态度去学习，否则，说不定什么时候就会踩到坑，伤害到彼此！前戏不管文章水不水，前戏都必须做足，否则写不下去啊，O(∩_∩)O哈哈~之前发布了《前端 JavaScript 之『防抖』的简单代码实现》这篇文章之后，有一位朋友发了这么一条评论：...
前端 JavaScript 之『节流』的简单代码实现
2021-06-19
阅读 3 分钟
1.4k首先，总结一下上一篇文章——《前端 JavaScript 之『防抖』的简单代码实现》的内容：「防抖」就是在高频率触发事件停止触发后，延时执行某个处理逻辑。
前端 JavaScript 之『防抖』的简单代码实现
2021-06-17
阅读 3 分钟
1.9k前戏 🌰经过上一篇文章的总结，我们知道：短时间内高频率地触发事件，可能会导致不良后果。具体到我们开发界来说，如果数据一致处于一种高频率更新的状态，那么可能会引发的问题如下：前后端数据交互频率过高，导致流量浪费。界面高频率渲染更新，引发页面延迟、卡顿或假死等状况，影响体验。在进入正题之前，我们先来看...
戏说前端 JavaScript 之『防抖节流』基础知识
2021-06-16
阅读 2 分钟
1.2k往事不堪回首犹记在很久之前的某次面试中，和那技术大哥谈的正欢呢，冷不防他来了句：谈一谈防抖和节流吧。抹了把凉汗，我用颤抖的、不自信的语气回答道：呃，防抖就是应该是防止抖动的意思，节流大概是节省流量吧……当时，我的心理活动是这样的：当年心理素质是真的差，这个坎没翻过去，最后的结果就是：知耻而后勇以我...
前端 JS 之 AJAX 简介及使用
2021-06-15
阅读 4 分钟
2.1kAJAX 是一个缩写，它的全名是 Asynchronous JavaScript and XML，意思就是异步 JavaScript 和 XML，即用JavaScript执行异步网络请求。
前端 CSS 变量简介及基本使用方法
2021-06-14
阅读 2 分钟
2.4k自定义属性在某个地方存储一个值，然后在其他许多地方引用它。另一个好处是语义化的标识。比如，--main-text-color 会比 #00ff00 更易理解，尤其是这个颜色值在其他上下文中也被使用到。
CSS 选择器总结
2021-06-13
阅读 3 分钟
2kCSS 是用于网页设计可用的最强大的工具之一。使用它我们可以在几分钟内改变一个网站的界面，而不用改变页面的标签。好一段时间不用 CSS ，有一些基础知识的记忆有点模糊了，今天再做一次总结记录，方便日后回顾复习。选择器分类在 CSS 中，选择器可分为以下几类：基本选择器（通配选择器、元素选择器、类选择器、ID 选择...
提升代码格调——JavaScript 数组的 reduce() 方法入门
2021-06-12
阅读 3 分钟
1.4k基本概念reduce() 方法为数组中的每一个元素依次执行回调函数（不包括数组中被删除或从未被赋值的元素），返回一个具体的结果。语法reduce() 接收两个参数，其基本语法为： {代码...} 参数解析：callback 执行数组中每个值的函数，包含四个参数：previousValue 第一项的值或者上一次叠加的结果值，或者是提供的初始值（i...
Webpack 简介
2021-06-11
阅读 2 分钟
1.3k构建其实是工程化、自动化思想在前端开发中的体现，把一系列流程用代码去实现，让代码自动化地执行这一系列复杂的流程。 构建给前端开发注入了更大的活力，解放了我们的生产力。
require() 方法详解
2021-06-10
阅读 4 分钟
6.6k在 NodeJS 中有一个方法是我们使用频率最高的，那就是 require 方法。NodeJs 遵循 CommonJS 规范，该规范的核心是通过 require来加载其他依赖的模块。
数组的 sort() 方法详解
2021-06-09
阅读 4 分钟
2.3k纸上得来终觉浅，绝知此事要躬行！在上一篇文章中，我们简单介绍了 arr.sort() 方法的基本使用： {代码...} 用归用，照葫芦画瓢不难，大家日常也是这么写的，没毛病！但是如果对一个方法不进行深入研究，那么就很容易踩坑，并且常常会填不了坑！今天，我们重点聊聊比较函数 compareFunction 相关的知识。为了接下来的思...
JavaScript 代码逻辑判断的优化
2021-06-07
阅读 3 分钟
2.1k我们日常使用到的逻辑判断语句有 if...else...、switch...case...、do...while...等。在简单场景下，我们可能对这些语法的性能没有什么感觉，但当遇到复杂的业务场景时，如果处理不善，就会出现大量的逻辑嵌套，可读性差并且难以扩展。千里之行始于足下，编写高可维护性和高质量的代码，我们就需要从细节处入手，我们今...
戏说代理模式
2021-06-05
阅读 2 分钟
1.1k前戏一：在生活中，我们常常会见到这么一种现象：有些父母抱着”望子成龙，望女成凤“的心态，将孩子所有的事务（衣食住行，吃喝拉撒）全都包圆了，可以说事无巨细。
Service worker 简介
2021-06-04
阅读 4 分钟
2kService workers 本质上充当 Web 应用程序、浏览器与网络（可用时）之间的代理服务器。这个 API 旨在创建有效的离线体验，它会拦截网络请求并根据网络是否可用采取来适当的动作、更新来自服务器的的资源。它还提供入口以推送通知和访问后台同步 API。
WebSocket 对象简介
2021-06-03
阅读 4 分钟
1.8kWebSockets 是一种先进的技术。它可以在用户的浏览器和服务器之间打开交互式通信会话。使用此API，您可以向服务器发送消息并接收事件驱动的响应，而无需通过轮询服务器的方式以获得响应。
“盒模型”初探
2021-06-02
阅读 2 分钟
1.1k阅读时间：6min目标：学习盒模型的基本理论，了解盒装模型的工作原理，了解盒模型与替代模型的区别以及如何进行切换。前置条件：HTML和CSS基础知识。
vim 操作模式简介
2021-06-01
阅读 3 分钟
1.6kvim 是从 vi 发展出来的一个文本编辑器。代码补全、编译及错误跳转等方便编程的功能特别丰富，在程序员中被广泛使用，和 Emacs 并列成为类 Unix 系统用户最喜欢的文本编辑器。
JMeter 简介及安装说明
2021-02-26
阅读 4 分钟
2.2kJMeter 是一个软件，使负载测试或业绩为导向的业务（功能）测试不同的协议或技术。 它是 Apache 软件基金会的Stefano Mazzocchi JMeter 最初开发的。它主要对 Apache JServ（现在称为如 Apache Tomcat 项目）的性能进行测试。Apache 后来重新设计 JMeter 增强的图形用户界面和添加功能测试能力。
深挖前端 JavaScript 知识点 —— 史上最全面、最详细的 Cookie 总结
2020-09-27
阅读 9 分钟
2.6k我们都知道，HTTP 协议是无状态的，服务器无法知道两个请求是否来自同一个浏览器，也不知道用户上一次做了什么，每次请求都是完全相互独立，这严重阻碍了交互式 Web 应用程序的实现。例子：
浓缩的就是精华——ES6 Promise
2020-04-25
阅读 5 分钟
1.6kECMAscript 6 原生提供了 Promise 对象。Promise 对象代表了未来将要发生的事件，用来传递异步操作的消息。 Promise 对象有以下两个特点: 1、对象的状态不受外界影响。Promise 对象代表一个异步操作，有三种状态： pending: 初始状态，不是成功或失败状态。 fulfilled: 意味着操作成功完成。 rejected: 意味着操作失败。...
浓缩的就是精华——ES6迭代器精炼讲解
2020-04-24
阅读 4 分钟
973Iterator Iterator 是 ES6 引入的一种新的遍历机制，迭代器有两个核心概念： 迭代器是一个统一的接口，它的作用是使各种数据结构可被便捷的访问，它是通过一个键为Symbol.iterator 的方法来实现。 迭代器是用于遍历数据结构元素的指针（如数据库中的游标）。 迭代过程 迭代的过程如下： 通过 Symbol.iterator 创建一个迭...