这一次,彻底弄懂 JavaScript 执行机制

1. JavaScript事件循环 JavaScript是单线程,JS任务要一个一个顺序执行。如果一个任务耗时过长,那么后一个任务必须等待。会造成阻塞, 因此聪明的程序员将任务分为两类: 同步任务 异步任务 当我们打开网站时,网页的渲染过程就是一大堆同步任务,比如页面骨架和页面元素的渲染。而像加载图 ... »

js--this指向的相关问题

前言 关于this的指向问题是前端面试中常考的知识点,也是我们开发学习中较难理解的问题。作为JavaScript的基础,需要我们彻底理解这一关键词。this作为JavaScript中非常复复杂的机制,值得我们付出更大的代价来学习理解。这里分享一下我的学习笔记。 正文 1.this是什么?this指向 ... »

ant-design-vue中table自定义列

1. 使用背景 在项目中使用ant-vue的a-table控件过程中,需要显示序号列或者在列中显示图片,超链,按钮等UI信息。经过查询文档customCell和customRender可以实现以上需求,比如实现如下表格数据渲染 2. slots&scopedSlots作用 在查看文档过程中,在类型一 ... »

javaScript操作cookie出现同名key

引文: 网上查找js操作cookie文章发现百度千篇一律全是同样的代码,使用过程中发现一个bug,设置cookie导致出现多个同名key的cookie,官网cookie文档内未提及,下文将标出问题点,供以后大家参考 问题 Http请求中出现了两个同名Cookie,导致服务端获取到的错误的信息 原理 ... »

JavaScript基础

JavaScript:动态脚本语言 弱类型 动态类型 I/o:文档交流 ​ 由三部分组成: ECMAScript(语言核心) DOM (文档对象模型) BOM (浏览器对象模型) ​ 浏览器渲染 html 是从上到下的 一般来说,会将 script 放到 head 中,但是为了渲染速度,很多时候,会 ... »

【机制】js中的this指向

1.this的使用场景 我们先把this的使用场景分为两大类:函数外和函数内: 函数外的this 就是在全局代码里,直接使用this: "use strict"; let name = "window"; console.log(this); console.log(this.name); // W ... »

JSON WEB TOKEN(JWT)

JWT是toke的一种形式。主要由header(头部)、payload(载荷)、signature(签名)这三部分字符串组成,这三部分使用"."进行连接,完整的一条JWT值为${header}.${payload}.${signature},例如下面使用"."进行连接的字符串: eyJhbGciOi ... »

从零开始使用 webpack5 搭建 react 项目

本文的示例项目源码可以点击 这里 获取 一、前言 webpack5 也已经发布一段时间了,其模块联邦、bundle 缓存等新特性值得在项目中进行使用。经过笔者在公司实际项目中的升级结果来看,其提升效果显著,热更新时间由原来的 8s 减少到了 2s,会极大的提升开发幸福感。除此之外,webpack5 ... »

js--闭包与垃圾回收机制

前言 闭包和垃圾回收机制常常作为前端学习开发中的难点,也经常在面试中遇到这样的问题,本文记录一下在学习工作中关于这方面的笔记。 正文 1.闭包 闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。作为一个JavaScript开发者,理解闭包十分重要 ... »

前端面试遇到的问题

最近一场面试,发现了自己很多的问题,为此做个总结。非常感谢此次的面试。嘿嘿! 一、闭包中的问题 下列代码存在几个变量没有被回收? var i = 0; var i = 1; var add = function () { var i = 3; return function () { i++; co ... »

Svelte 码半功倍

你未注意到的最重要的指标。 注意:原文发表于2019-04-20,随着框架不断演进,部分内容可能已不适用。 所有代码都有 BUG,你写的越多,BUG 越多,这很合情合理。 同时,写的越多,费时越多,留给其他事情的就更少,比如代码优化、功能完善或者去户外潇洒而不是蜷缩在笔记本面前。 其实众所周知,项目 ... »

Virtual DOM 简直就是挥霍

彻底澄清“Virtual DOM 飞快”的神话。 注意:原文发表于2018-12-27,随着框架不断演进,部分内容可能已不适用。 近年来,如果你有使用过 JavaScript 框架,那么你可能听说过“Virtual DOM 飞快”,甚至认为比真实的 DOM 还要快。 令人震惊的是,这种说法竟然深入人 ... »

websocket断网消息补发

注册irealtime 首先去irealtime网站注册一个账号,然后创建一个应用,注册过程请参考获取开发者账号和 appkey 创建页面 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>websocket 断网消息补发</ti ... »

Javascript中的事件对象和事件类型

接上次看JS的事件冒泡和捕获,所以顺带就把事件相关的知识都看完好了 而且想到一个好的学习方法,第一天自己看,第二天把前一天学习的东西写下来,一方面可以当复习,一方面当重新整理并且分享 事件对象 事件处理程序函数在处理事件时,或者说DOM在触发某个事件的时候,会产生一个包含事件相关信息的event事件 ... »

js中this指向的问题与联系

前言 JavaScript 中最大的一个安全问题,也是最令人困惑的一个问题,就是在某些情况下this的值是如何确定的。有js基础的同学面对这个问题基本可以想到:this的指向和函数调用的方式相关。这当然是正确的,然而,这几种方式有什么联系吗?这是我接下来要说明的问题。 this从哪里来 this 是 ... »