苍青浪1的博客_Javascript(4)

cookie详解（含vue-cookie）

背景在HTTP协议的定义中，采用了一种机制来记录客户端和服务器端交互的信息，这种机制被称为cookie，cookie规范定义了服务器和客户端交互信息的格式、生存期、使用范围、安全性。在JavaScript中可以通过 document.cookie 来读取或设置这些信息。由于 cookie 多用在客户端和服务端之间进行通信，所以除了JavaScript以外，服务端的语言（如P

客户端

服务器端

服务端

转载 2022-07-21 14:38:26 1596 阅读

HTTP协议基础与web服务的重定向，跳转以及请求转发

JavaWeb中，HttpServletRequest与HttpServletResponse几乎是处理各种请求与操作必备的参数，与原始的ServletRequest/ServletResponse相

服务器

数据

请求转发

原创 2022-07-21 14:37:31 115 阅读

移动端触摸（touch）事件

移动端时代已经到来，作为前端开发的我们没有理由也不应该坐井观天，而是勇敢地跳出心里的那口井，去拥抱蔚蓝的天空。该来的总会来，我们要做的就是接受未知的挑战。

html

只读属性

ide

原创 2022-07-21 14:35:48 295 阅读

webWorker

一、webWorker之初体验在"setTimeout那些事儿"中，说到JavaScript是单线程。也就是同一时间只能做同一事情。也好理解，作为浏览器脚本语言，如果JavaScript不是单线程，那么就有点棘手了。比如，与用户交互或者对DOM进行操作时，在一个线程上修改某个DOM，另外的线程删

html

主线程

子线程

原创 2022-07-21 14:35:15 110 阅读

js中文汉字按拼音排序

JavaScript 提供本地化文字排序，比如对中文按照拼音排序，不需要程序显示比较字符串拼音。 String.prototype.localeCompare 在不考虑多音字的前提下，基本可以完美实现按照拼音排序。在没有出现意外的情况下，各个支持 localeCompare 的浏览器都很正常。最近

.net

首字母

chrome

原创 2022-07-21 14:25:18 764 阅读

V8 执行 JavaScript 的过程

本文意在简单的介绍一下 V8 执行 JS 的过程，通过了解 V8 执行 JS 的过程，知道 JS 代码呈现在浏览器上到底做了什么。当然本人也是在陆续探索 V8 ，文章中如有不当之处，还望不吝指正，理性交流。众所周知，机器（CPU）只能识别机器码（二进制码），对于 JS 代码，它是识别不了的，所以当

字节码

机器码

v8

原创 2022-07-20 13:42:18 79 阅读

如何用 JS 实现二叉堆

前言二叉树(Binary Tree)是一种树形结构，它的特点是每个节点最多只有两个分支节点，一棵二叉树通常由根节点、分支节点、叶子节点组成，如下图所示。每个分支节点也常常被称作为一棵子树，而二叉堆是一种特殊的树，它属于完全二叉树。二叉树与二叉堆的关系在日常工作中会遇到很多数组的操作，比如排序等。那么理解二叉堆的实现对以后的开发效率会有所提升，下面就简单介绍一下什

子节点

二叉堆

二叉树

转载 2022-07-20 10:17:52 50 阅读

看了就会的浏览器帧原理

前言本文会介绍浏览器中帧（Frame）的概念，它的流程是怎么样的。至于写这个文章的出发点在于，我好奇浏览器中像素工作

主线程

图层

栅格

转载 2022-07-20 10:00:28 163 阅读

Performance 如何排查性能问题

前言 Chrome 浏览器的 Performance 面板为我们提供了检测页面性能的能力，但其提供的远不止一些性能数据。本文将从工作原理的视角，结合实际工程的录制结果，探一探性能面板向我们透露的其他信息。性能面板关于面板的功能与使用方法，可以参考这篇文章。本节主要介绍浏览器架构与性能面板的关系。

html

加载

主线程

转载 2022-07-20 09:59:30 139 阅读

没想到 Unicode 字符还能这样玩？

上周的时候，朋友圈的直升飞机不知道为什么就火了，很多朋友开着各种花式飞机带着起飞。还没来得及了解咋回事来着，这个直升飞机就?到了微博热搜。后面越来越多人开来他们的直升飞机，盘旋在朋友圈上方。于是很多朋友开来他们的坦克，专打直升飞机，一轰一个准。程序员朋友应该都很熟悉 Unicode （万国码

ico

宽字符

字符串

转载 2022-07-20 09:49:45 110 阅读

getSelection、range 对象属性，方法理解，解释

以这段文字为例子。。 <p><b>法国国营铁路公司(SNCF)20日承认,</b>新订购的2000列火车因车体过宽，<strong>无法开进国内许多火车站的站台，从而不得不花大笔资金改造站台。</strong>法国国营铁路公司发言人克里斯托夫·皮耶诺埃尔告诉法国新闻电台：“我们发现问题晚了点。<b>

控件

父节点

html

转载 2022-07-20 09:45:48 118 阅读

深入理解 JavaScript Prototype 污染攻击

JavaScript是一门非常灵活的语言，我感觉在某些方面可能比PHP更加灵活。所以，除了传统的SQL注入、代码执行等注

原型链

javascript

实例化

原创 2022-07-20 09:10:32 110 阅读

绝了，没想到一个 source map 居然涉及到那么多知识盲区

字段

bundle

github

转载 2022-07-19 09:20:46 101 阅读

【手写简易浏览器】html parser 篇

思路分析实现 html parser 主要分为词法分析和语法分析两步。词法分析词法分析需要把每一种类型的 token 识别出来，具体的类型有：开始标签，如 <div> 结束标签，如 </div> 注释标签，如  doctype 标签，如 <!doctype htm

html

词法分析

语法分析

转载 2022-07-19 09:19:35 79 阅读

实现 CLI 常用工具包 - 终端交互相关（问卷、彩色文字、loading、进度条）

本文介绍在实现 CLI 中常用的一些终端交互相关的四个工具包，如果你需要实现一个 CLI，这几个工具包必不可少。你只需要将他们组合一下，然后实现你的业务逻辑即可。 inquirer https://github.com/SBoudrias/Inquirer.js 功能：用户和命令行交互(问卷)，获取

历史记录

封装

github

原创 2022-07-19 09:16:58 79 阅读

JS 获取 Image 图像宽高尺寸

简介项目中用到获取图片的原始尺寸，然后适配宽高；网上的大部分前端解决方案，都是new Image()后,在onload事件中获取image的尺寸。在图片数量较多的时候，这样的获取效率实在是低下。所以就有了这篇文章。通过直接读取解析文件的字节码来获取图片的尺寸。 IMAGE_HEAD_SIGS var

获取图片

f5

宽高

原创 2022-07-18 10:10:56 1103 阅读

JavaScript 如何压缩目录并上传？

在日常工作中，文件上传是一个很常见的功能。在上传文件时，我们可以选择上传单个文件，也可以通过设置 multiple 属性来上传多个文件。本文阿宝哥将介绍如何上传目录及如何压缩目录并上传，压缩目录的功能是通过 JSZip 这个库来实现。利用这个库还可以实现在线预览 ZIP 文件的功能，感兴趣的小伙伴

上传

ios

文件上传

转载 2022-07-18 10:10:42 511 阅读

详解JavaScript执行过程

js代码的执行，主要分为两个个阶段：编译阶段、执行阶段!本文所有内容基于V8引擎。 1前言 v8引擎 v8引擎工作原理： V8由许多子模块构成，其中这4个模块是最重要的： Parser：负责将JavaScript源码转换为Abstract Syntax Tree (AST)；如果函数没有被调用，那

作用域

词法

执行上下文

转载 2022-07-18 10:08:52 57 阅读

从“图片压缩”，看程序员的自我成长

在线图片压缩负责项目的朋友甩给我一个在线图片压缩网站（https://tinypng.com） tinypng 意图很明显，但难道让我把图片一张张上传上去压缩下载吗？我依然不是前端小白

gulp

图片压缩

自定义

转载 2022-07-18 10:03:03 39 阅读

你不知道的 Blob

来自公众号：全栈修仙之路如果你允许用户从你的网站上下载某些文件，那你可能会遇到 Blob 类型。为了实现上述的功能，你可以很容易从网上找到相关的示例，并根据实际需求进行适当的调整。对于部分开发者来说，在完成上述功能之后，他们并不会继续思考 Blob 是什么？这就导致了一些开发者，还是停留在熟练使

数据

html

字符串

转载 2022-07-18 09:54:36 329 阅读

direction和unicode-bidi

在做多语言页面，接触过阿利伯语、希伯来语的同学肯定了解书写方向的重要性，包括我们五四运动前的书写顺序也是从右到左的。css中 unicode-bidi和direction属性决定了HTML或XML文字渲染方向，两个属性结合使用可以改变文字书写顺序 direction direction属性有三个值

ico

ide

书写方向

原创 2022-07-18 09:53:27 98 阅读

嘿，不要给 async 函数写那么多 try/catch 了

在开发中，你是否会为了系统健壮性，亦或者是为了捕获异步的错误，而频繁的在 async 函数中写 try/catch 的逻辑？ async function func() { try { le

字符串

语法树

代码片段

转载 2022-07-18 09:53:06 47 阅读

css

用户交互

数据

转载 2022-07-18 09:52:12 175 阅读

对微前端的11个错误认识

微前端是一个可以追溯到多年前的新趋势。随着新方法的出现以及各种挑战被克服，它们正在慢慢地进入主流。但遗憾的是，许多非常明显的认识误区，让许多人很难理解微前端到底是什么。简而言之，微前端就是将微服务的一些好处引入前端。除此之外，我们不应该忘记，微服务也不是什么“银弹”。提示：要在微前端或任何其他项

解决方案

javascript

微服务

转载 2022-07-18 09:51:49 130 阅读

讲讲PWA

一、背景文章2017 前端大事件和趋势回顾，2018 何去何从？中提到了2017年前端值得关注的十大事件，其中就提到了PWA。大家都知道Native app体验确实很好，下载到手机上之后入口也方便。它也有一些缺点: 开发成本高(ios和安卓) 软件上线需要审核版本更新需要将新版本上传到不同的应

缓存

html

ico

转载 2022-07-18 09:51:08 106 阅读

requestIdleCallback和requestAnimationFrame详解

页面流畅与 FPS 页面是一帧一帧绘制出来的，当每秒绘制的帧数（FPS）达到 60 时，页面是流畅的，小于这个值时，用户会感觉到卡顿。

回调函数

时间间隔

性能优化

转载 2022-07-18 09:50:13 422 阅读

如何优雅安全地在深层数据结构中取值

古有赵子龙面对“冲锋之势，有进无退，陷阵之志，有死无生”的局面，能万军丛中取敌将首级。在我们的Javascript中，往往用对象（Object）来存储一个数据结构

javascript

函数式

get方法

翻译 2022-07-18 09:49:45 44 阅读

前端元编程——使用注解加速你的前端开发

无论你用 React，Vue，还是 Angular，你还是要一遍一遍写相似的 CRUD 页面，一遍一遍，一遍一遍，一遍又一遍…… “天下苦秦久矣”～

元编程

数据

表单

转载 2022-07-18 09:49:11 134 阅读

使用GPU.js改善JavaScript性能

你是否曾经尝试过运行复杂的计算，却发现它需要花费很长时间，并且拖慢了你的进程？有很多方法可以解决这个问题，例如使用 web worker 或后台线程。

javascript

数组

node.js

转载 2022-07-18 09:48:30 116 阅读

DOM中的范围 createRange()

学习《JavaScript 高级程序设计》 12章dom范围的笔记 dom2级在Document类型中定义了 createRange()方法；创建range对象很简单 var range = document.createRange() 操作range对象，有两个步骤，1选择节点，2,操作节点选

子节点

偏移量

高级程序设计

原创 2022-07-13 10:43:06 261 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

苍青浪的博客

cookie详解（含vue-cookie）

HTTP协议基础与web服务的重定向，跳转以及请求转发

移动端触摸（touch）事件

webWorker

js中文汉字按拼音排序

V8 执行 JavaScript 的过程

如何用 JS 实现二叉堆

看了就会的浏览器帧原理

Performance 如何排查性能问题

没想到 Unicode 字符还能这样玩？

getSelection、range 对象属性，方法理解，解释

深入理解 JavaScript Prototype 污染攻击

绝了，没想到一个 source map 居然涉及到那么多知识盲区

【手写简易浏览器】html parser 篇

实现 CLI 常用工具包 - 终端交互相关（问卷、彩色文字、loading、进度条）

JS 获取 Image 图像宽高尺寸

JavaScript 如何压缩目录并上传？

详解JavaScript执行过程

从“图片压缩”，看程序员的自我成长

你不知道的 Blob

direction和unicode-bidi

嘿，不要给 async 函数写那么多 try/catch 了

前端最新性能指标

对微前端的11个错误认识

讲讲PWA

requestIdleCallback和requestAnimationFrame详解

如何优雅安全地在深层数据结构中取值

前端元编程——使用注解加速你的前端开发

使用GPU.js改善JavaScript性能

DOM中的范围 createRange()