JavaScript中的事件循环机制跟函数柯里化
一、事件循环机制的理解 test();//按秒输出5个5 function test() { for (var i = 0; i < 5; i++) { setTimeout(() => { console.log(i); }, 1000 * i);//for循环里面添加异步操作 } } test( ... »
JavaScript基础
JavaScript：动态脚本语言 弱类型 动态类型 I/o:文档交流 由三部分组成: ECMAScript(语言核心) DOM (文档对象模型) BOM (浏览器对象模型) 浏览器渲染 html 是从上到下的 一般来说，会将 script 放到 head 中，但是为了渲染速度，很多时候，会 ... »
Vue.js 可排序列表 (Sortable & Searchable Tables) 组件
可排序表格 (Sortable & Searchable Tables) 在网页和表单设计中非常常用。用户可以通过点击表头对将表格以该列做顺序或降序排列，也可以利用 Search Box 对表格内容进行筛选。这个组件曾被运用于 X-Ray Diffraction Analysis App 和 Ext ... »
【机制】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 还要快。 令人震惊的是，这种说法竟然深入人 ... »
let、const和var的区别
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ... »
Python和JavaScript在使用上有什么区别？
转载请注明出处：葡萄城官网，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。 原文出处：https://www.freecodecamp.org/news/python-vs-javascript-what-are-the-key-differences-between-the-two ... »
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 是 ... »
js获取数字数组最大值的几种方式
原生Math.max方法 Math.max 方法不能接收数组，可以使用ES6的...将数组打散 const arr = [111, 12, 111, 34, 2, 5, 76]; console.log(Math.max(...arr)); 当然也可以用apply方法调用 console.log(M ... »
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 对于这种场景就设计了异步 ———— 即，发起一个网络请求，就先不管这边了，先干其他 ... »