JavaScript手写一个前端存储工具库
目录 使用 storage-tools 缓存数据 storage-tools 项目演进 StorageHelper 支持 localStorage 存储 StorageHelper 添加超时机制 StorageHelper 添加其他存储适配 StorageHelper 添加异步获取 列表辅助类 »
目录 使用 storage-tools 缓存数据 storage-tools 项目演进 StorageHelper 支持 localStorage 存储 StorageHelper 添加超时机制 StorageHelper 添加其他存储适配 StorageHelper 添加异步获取 列表辅助类 »
目录 前言 1. 关于 this 的简单介绍 2. 为什么使用 this? 3. 关于this 的常见的误解 4. this 的绑定规则 4.1 默认绑定 4.2 隐式绑定 4.3 显式绑定 4.4 new 绑定 5. 绑定规则的优先级 5.1 默认绑定的优先级最低 5.2 隐式绑定和显式 »
本文首先简单介绍了 MD5 的特点,然后再通过两种实现进行了实践,提供的实现代码均已经过验证。 〇、简介 MD5 是哈希算法(散列算法)的一种应用。Hash 算法虽然被称为算法,但实际上它更像是一种思想。Hash 算法没有一个固定的公式,只要符合散列思想的算法都可以被称为是 Hash 算 »
目录 为什么js是单线程的 浏览器 浏览器都包含哪些进程呢 渲染进程 事件循环 宏任务 微任务 宏任务 微任务 宏任务微任务的执行流程 面试题 为什么js是单线程的 我们首先要考虑下js作为浏览器脚本语言,主要用途就是和用户互动和操作DOM。比如js同时有两个线程,两个线程同时操 »
目录 基本实现 实现resolve和reject 状态不可变 then 其他方法 很多同学在面试的时候都会被要求手写一个Promise,那么今天我总结了一些手写Promise的方法,可以跟着我的思路一起来实现一个Promise,让我们的面试更有把握。同时我们也会实现一下Promsie常见的 »
目录 执行上下文 this到底是什么呢 调用位置 绑定规则 特例 面试题 执行上下文 我们知道执行上下文分为两种:全局上下文和函数上下文(我的这篇文章对于执行上下文有讲解还对执行上下文和作用域迷糊吗?)。全局上下文只有一个,函数执行上下文是在函数调用的时候创建的。 每个执行上下文 »
目录 执行上下文 this到底是什么呢 调用位置 绑定规则 特例 面试题 执行上下文 我们知道执行上下文分为两种:全局上下文和函数上下文(我的这篇文章对于执行上下文有讲解还对执行上下文和作用域迷糊吗?)。全局上下文只有一个,函数执行上下文是在函数调用的时候创建的。 每个执行上下文 »
目录 前言 forEach方法 map方法 map和forEach方法的区别 补充:二者的应用场景 总结 前言 上节我们说到遍历数组的方法,使用for循环进行遍历,其实在js中还有另外两种方法可以将我们的数组更快的遍历出来,那就是forEach方法和map方法。下面我们一起看看如何使用吧。 »
目录 前言 forEach方法 map方法 map和forEach方法的区别 补充:二者的应用场景 总结 前言 上节我们说到遍历数组的方法,使用for循环进行遍历,其实在js中还有另外两种方法可以将我们的数组更快的遍历出来,那就是forEach方法和map方法。下面我们一起看看如何使用吧。 »
目录 引言 简单列举下一些其它实现方式 CSS variable的实现方式 var() 函数 方案落地 一、和UI设计师沟通好各主题的色阶 二、将各主题色阶抽离为一个字典对象 三、通过js设置style变量 举一反三 1、结合媒体查询 2、结合js业务逻辑 3、存储一些信息 引言 »
目录 引言 简单列举下一些其它实现方式 CSS variable的实现方式 var() 函数 方案落地 一、和UI设计师沟通好各主题的色阶 二、将各主题色阶抽离为一个字典对象 三、通过js设置style变量 举一反三 1、结合媒体查询 2、结合js业务逻辑 3、存储一些信息 引言 »
目录 背景 一、开始前的准备 二、画出大转盘 三、把奖励放上去 四、让大转盘滚起来 个人总结 背景 日常生活中,我们经常会见到形形色色的抽奖活动,例如九宫格、大转盘等等……以前都没去深入考虑过,如果让我去做这些小游戏,有哪些需要注意的事项,不试不知道,一试全是坑。正好最近有需求让我做一个大 »
目录 前言 常见问题 不正确的分隔符 忘记编码 意外的空白字符 URL构造函数 语法 解决 修改URL 读取URL URL属性 常用URLSearchParams方法 兼容性 前言 URL对于我们开发人员来讲,应该是非常熟悉了。在对URL进行参数拼接时,我们一般都会直接进 »
目录 前言 常见问题 不正确的分隔符 忘记编码 意外的空白字符 URL构造函数 语法 解决 修改URL 读取URL URL属性 常用URLSearchParams方法 兼容性 前言 URL对于我们开发人员来讲,应该是非常熟悉了。在对URL进行参数拼接时,我们一般都会直接进 »
本篇内容主要讲解“JavaScript如何实现封装一个快速生成目录树的全局脚本”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“JavaScript如何实现封装一个快速生成目录树的全局脚本”吧! 说在前面 思路分析 首先我们需要先明确一下我们这个工具需要 »
本篇内容主要讲解“JavaScript如何实现封装一个快速生成目录树的全局脚本”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“JavaScript如何实现封装一个快速生成目录树的全局脚本”吧! 说在前面 思路分析 首先我们需要先明确一下我们这个工具需要 »
目录 什么是JavaScript? 实现目标 实现代码 实现效果 实现方法 总结 什么是JavaScript? 一开始的网页就是单纯的静态网页,为了使用户能与网页交互,设计出了JavaScript语言。JavaScript语言就是一种可以用来给网页添加交互性的·语言。我们平时听到对Java »
这篇“怎么使用JavaScript+Canvas实现带跳动效果的粒子动画”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“怎么使用JavaScript+Canvas实现带跳动效果的粒子动画 »
这篇“怎么使用JavaScript+Canvas实现带跳动效果的粒子动画”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“怎么使用JavaScript+Canvas实现带跳动效果的粒子动画 »
目录 js返回字符串的所有排列 需求 代码 一点思路 js实现字符串全排序 总结 js返回字符串的所有排列 需求 返回一个字符串所有的排列 输入:一个字符串 输出:一个包含该字符串所有排列情况的数组 代码 const anagrams = str => { »