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 是 ... »

Javascript中的事件冒泡与捕获

事件冒泡和事件捕获 起因:今天在封装一个bind函数的时候,发现el.addEventListener函数支持第三个参数,useCapture:是否使用事件捕获,觉得有点模糊 Js事件流 页面的哪一部分会拥有某个特定事件,例子:在纸上画一组同心圆,如果手指放在同心圆上,那么手指向的不是一个圆,而是纸 ... »

JavaScript数据类型判断的四种方法

码文不易啊,转载请带上本文链接呀,感谢感谢 https://www.cnblogs.com/echoyya/p/14416375.html 本文分享了JavaScript类型判断的四种方法:typeof、instanceof、Object.prototype.toString.call()、cons ... »

如何快速搞定websocket

5 个步骤快速掌握websocket消息发送和接收 1. 获取您的 appkey 先注册一个账号,登录后,创建一个应用,就能得到您的 appkey。详情见 获取开发者账号和 appkey 2. 客户端集成 irealtime.js 直接在页面中引用 <script type="text/javasc ... »

高级前端知识架构

高级前端知识架构 异步 异步编程 《深入理解 JavaScript 异步系列》 JS 是单线程的语言。运行的js ,可能会有大量的网络请求,而一个网络资源啥时候返回,这个时间是不可预估的。这种情况会出现等待卡顿。JS 对于这种场景就设计了异步 ———— 即,发起一个网络请求,就先不管这边了,先干其他 ... »