随笔分类 - 说
分享自己的理解和见识
摘要：前言 对于单线程来说，事件循环可以说是重中之重了，它为任务分配不同的优先级，井然有序的调度。让js解析，用户交互，页面渲染等互不冲突，各司其职。 我们书写的代码无时无刻都在和事件循环打交道，要想写出更流畅，我们就必须深入了解事件循环，下面我们将从规范中翻译和解读整个流程。 以下内容来自whatwg文
阅读全文
摘要：大家好，我是小雨小雨，致力于分享有趣的、实用的技术文章。 内容分为翻译和原创，如果有问题，欢迎随时评论或私信，希望和大家一起进步。 分享不易，希望能够得到大家的支持和关注。 什么是协程 协程是在单核CPU场景中发展出来的概念，是非抢占的的多任务编程组件，并提供了挂起和恢复的执行接口。通过挂起和恢复多
阅读全文
摘要：大家好，我是小雨小雨，致力于分享有趣的、实用的技术文章。 内容分为翻译和原创，如果有问题，欢迎随时评论或私信，希望和大家一起进步。 分享不易，希望能够得到大家的支持和关注。 extends typescript 2.8引入了条件类型关键字: extends，长这个样子: 看起来是不是有点像三元运算符
阅读全文
摘要：大家好，我是小雨小雨，致力于分享有趣的、实用的技术文章。 内容分为翻译和原创，如果有问题，欢迎随时评论或私信，希望和大家一起进步。 分享不易，希望能够得到大家的支持和关注。 TL;DR async是generator和promise的语法糖，利用迭代器的状态机和promise来进行自更新! 如果懒得
阅读全文
摘要：伤心往事 梦回大二，那时候沉迷于毒奶粉，甚至国庆都在宿舍与毒奶粉共同度过，但是却发生了一件让我迄今难忘的事情~ 我新练的黑暗武士被盗了！！！干干净净！！！ 虽然过了好久了，但是记忆犹新啊，仿佛发生在昨天。记得那时候还在屯材料，金色小晶体是什么的。没日没夜的刷图攒钱，倒买倒卖假粉，真紫。后来刷悲鸣的时
阅读全文
摘要：大家好，我是小雨小雨，致力于分享有趣的、实用的技术文章。 内容分为翻译和原创，如果有问题，欢迎随时评论或私信，希望和大家一起进步。 分享不易，希望能够得到大家的支持和关注。 计划 rollup系列打算一章一章的放出，内容更精简更专一更易于理解 目前打算分为以下几章： "rollup.rollup"
阅读全文
摘要：大家好，我是小雨小雨，致力于分享有趣的、实用的技术文章。 内容分为翻译和原创，如果有问题，欢迎随时评论或私信，希望和大家一起进步。 分享不易，希望能够得到大家的支持和关注。 查看network时间 直接来一张大图你怕不怕？哈哈 咱们先看看谷歌浏览器network中waterfall各字段的含义哈。简
阅读全文
摘要：大家好，我是标题党，啊不，我是小雨小雨，致力于分享有趣的、实用的技术文章。 内容分为翻译和原创，如果有问题，欢迎随时评论或私信，希望和大家一起进步。 分享不易，希望能够得到大家的支持和关注。 什么是互联网 互联网是指 凡是 能彼此通信的设备组成的网络就叫互联网，指利用 通讯协定所创建的各种网络，是国
阅读全文
摘要：大家好，我是小雨小雨，致力于分享有趣的、实用的技术文章。 内容分为翻译和原创，如果有问题，欢迎随时评论或私信，希望和大家一起进步。 大家的支持是我创作的动力。 计划 rollup系列打算一章一章的放出，内容更精简更专一更易于理解 目前打算分为以下几章： "rollup.rollup" "rollup
阅读全文
摘要：大家好，我是小雨小雨，致力于分享有趣的、实用的技术文章。 内容分为翻译和原创，如果有问题，欢迎随时评论或私信，希望和大家一起进步。 分享不易，希望能够得到大家的支持和关注。 计划 rollup系列打算一章一章的放出，内容更精简更专一更易于理解 目前打算分为以下几章： rollup.rollup 所有
阅读全文
摘要：逆向找脚本 平常我们开发的时候，想调试功能流程或者定位某个状态下的一些值的变化，我们可以使用 关键字，或者直接在浏览器控制台里打断点，像这样： 不过，如果我们遇到传说级别的，动则几万、几十万行的代码，并且分布非常混乱上面的方法或许不是很方便。 对于这类业务代码，其实更多是更新迭代小功能，那么有没有办
阅读全文
摘要：我是小雨小雨，专注于更新有趣、实用内容的小伙，如果内容对大家有一点帮助，那么就请动动手指，给个关注、点赞支持一下吧。 ^ ^ 序言 前两天接到一个需求，其中包括一个有序的列表，我们今天就来看看这个有序怎么做更方便、简单。 当然，这个功能很简单： 可以手动写死... 可以循环插入dom，用索引做前缀。
阅读全文
摘要：TLDR: 当我们需要的时候，我们可以通过AbortController接口来终止一个或者多个请求。 前言 到目前为止，我们有两个常用的基本的手段去发送请求进而局部刷新页面内容，其一是XMR(XMLHttpRequest)，其二是fetch，我们一个个说 XHR 对于XHR，我们或许已经很熟悉了，当
阅读全文
摘要：定义 首先来看下 "MDN" 的定义： The try...catch statement marks a block of statements to try and specifies a response should an exception be thrown. try...catch语句
阅读全文
摘要：什么是内存管理 内存管理是 和`协调`应用程序访问电脑内存的过程。这个过程是复杂的，对于我们来说，可以说相当于一个黑匣子。 当咱们的应用程序运行在某个操作系统中的时候，它访问电脑内存(RAM)来达成下列几个功能： 1. 运行需要执行的字节码(代码) 2. 存储程序运行时候所需的数据 3. 加载程序运
阅读全文
摘要：异步加载css资源 加开页面首屏显示速度使我们前端一直在追求的目标，而css资源在这些优化中同样也是不可或缺的。 一个网站可能有一部分css资源是必须的，他需要在页面渲染完之前就被加载完，并和html一起解析，这个暂时无法做手脚，但是我们可以把一些非关键的css进行异步化，也就是异步加载。 市面上有
阅读全文
摘要：算法是一种艺术，给人感觉很不好接近，但是一旦你和ta熟络了，你就能发现这门艺术的内在是多么美妙且多变。 对于前端来说，算法也许不是最重要的，在日常工作中，几乎很少用到。所以很多人也不是很感冒。 不过呢，有句话这么说的：面试造火箭，上班拧螺丝。咱们得先学习造火箭，才能有拧螺丝的机会。 莫得办法，既然想
阅读全文
摘要：概念 流（stream）是 Node.js 中处理流式数据的抽象接口。 stream 模块用于构建实现了流接口的对象。 Node.js 提供了多种流对象。 例如，HTTP 服务器的请求和 process.stdout 都是流的实例。 流可以是可读的、可写的、或者可读可写的。 所有的流都是 Event
阅读全文
摘要：当javascript应用体积越来越大时，一个有利于减少体积的办法是拆分为不同的模块，伴随着模块化的产生，我们也可以进一步的移除多余的代码，比如那些虽然被应用，但是没有被实际用到的代码。tree shaking就是上述说法的一种实现，它通过去除所有引入但是并没有实际用到的代码来优化我们的最终打包结果
阅读全文
摘要：Proxy 使用proxy，你可以把老虎伪装成猫的外表，这有几个例子，希望能让你感受到proxy的威力。 proxy 用来定义自定义的基本操作行为，比如查找、赋值、枚举性、函数调用等。 proxy接受一个待代理目标对象和一些包含元操作的对象，为待代理目标创建一个‘屏障’，并拦截所有操作，重定向到自定
阅读全文
浙公网安备 33010602011771号