JS相关
文章平均质量分 95
陈大鱼头
高级前端工程师,《Hello CSS》系列作者
展开
-
前端应该掌握的编译基础(基于 babel)
作者:陈大鱼头github: KRISACHAN开发息息相关虽然 Babel 团队在各种哭穷,但是 Babel 始终是我们前端在开发中不可或缺的重要工具。虽然我们只是 API 调用工,但是多了解一些总是会有好处的嘛 ☄️☄️☄️什么是编译器?编译器(compiler)是一种计算机程序,它会将某种编程语言写成的源代码(原始语言)转换成另一种编程语言(目标语言)。源代码(source code)→ 预处理器(preprocessor)→ 编译器(compiler)→ 汇编程序(assemb..原创 2021-06-29 23:33:37 · 350 阅读 · 0 评论 -
让Vue3 Composition API 存在于你 Vue 以外的项目中
作者:陈大鱼头github: KRISACHAN作为新特性 Composition API ,在 Vue3 正式发布之前一段时间就发布过了。距文档介绍, Composition API 是一组低侵入式的、函数式的 API,使得我们能够更灵活地「组合」组件的逻辑。不仅在 Vue 中,在其他的框架或原生 JS 也可以很好地被使用,下面我们就选取几个比较重要的 Composition API ,通过一些简单的例子来看看如何在其他项目中使用。注:本文仅列出各个分类下比较重要的 API,想要查看全部..原创 2020-10-07 17:25:47 · 1204 阅读 · 1 评论 -
『1W7字中高级前端面试必知必会』终极版
作者:陈大鱼头github: KRISACHANChrome浏览器进程在资源不足的设备上,将服务合并到浏览器进程中浏览器主进程负责浏览器界面显示各个页面的管理,创建以及销毁将渲染进程的结果绘制到用户界面上网络资源管理GPU进程用于3D渲染绘制网络进程发起网络请求插件进程第三方插件处理,运行在沙箱中渲染进程页面渲染脚本执行事件处理网络传输流程生成HTTP请求消息输入网址浏览浏览器解析URL生成HTTP请求信息..原创 2020-05-23 17:25:39 · 459 阅读 · 0 评论 -
【适合收藏】让你减少加班的15条高效JS技巧!
作者:陈大鱼头github: KRISACHAN鱼头辛苦总结的15条非常高效的JS技巧,掌握这15个JS技巧,让你减少加班次数,多抽出点时间来陪女(男)朋友。正文延迟函数delayconst delay = ms => new Promise((resolve, reject) => setTimeout(resolve, ms))const getData = ...原创 2020-04-06 17:29:09 · 1083 阅读 · 0 评论 -
JavaScript实现指定数量的并发限制
作者:陈大鱼头首发地址: https://github.com/KRISACHAN/ying-study/issues说明:鱼头的学习记录正文在网上看到这么一道题:这道题跟鱼头这篇记录『什么是时间分片(Time Slicing)?』有点相似,但不同的是这次是限制异步并发的数量。所以话不多说,我们先来康康实现首先我们来实现一个分割数组的函数~const group = (l...原创 2020-03-09 11:14:04 · 2420 阅读 · 1 评论 -
什么是时间分片(Time Slicing)?
作者:陈大鱼头github: KRISACHAN根据W3C性能小组的介绍,超过50ms的任务就是长任务。图片来自使用 RAIL 模型评估性能根据上图我们可以知道,当延迟超过100ms,用户就会察觉到轻微的延迟。所以为了避免这种情况,我们可以使用两种方案,一种是Web Worker,另一种是时间切片(Time Slicing)。Web Worker我们都知道,JS是单线程,所...原创 2020-03-05 23:21:21 · 6039 阅读 · 0 评论 -
5个提升你JS编码水平的实例
作者:陈大鱼头github: KRISACHAN虽然 2020 的今天,各种前端框架、工具林立,而这些框架跟工具也帮我们提前解决了不少麻烦的问题,但是工具始终是工具,扎实的基本功才是最核心的,现在一起来通过几个实际的代码片段来提高我们原生 JS 的编码水平。判断数据类型首先来提问一个:typeof是否能正确判断类型?答案是:不可以,因为由于历史原因,在判断原始类型时,typeof...原创 2020-01-09 13:36:06 · 5756 阅读 · 3 评论 -
如何衡量一个人的 JavaScript 水平?
作者:陈大鱼头github: KRISACHAN前言之前刷知乎的时候,看到这么一个问题:“如何衡量一个人的 JavaScript 水平?”然后自己也不要脸地回答了一下这个问题。以下是我的答案:原文如下:A:看一个人写代码是否有规范,代码是否壮健,是否可拓展,可读性高不高,API设计是否合理。这些都是长年累月积累下来的且独立于编程语言以外的。远比把什么手写bind,原型链,闭...原创 2019-12-23 00:12:57 · 4764 阅读 · 6 评论 -
从ES6到ES10的新特性万字大总结(不得不收藏)
从ES6到ES10的新特性万字大总结(不得不收藏)作者:陈大鱼头github: KRISACHAN介绍ECMAScript是一种由Ecma国际(前身为欧洲计算机制造商协会)在标准ECMA-262中定义的脚本语言规范。这种语言在万维网上应用广泛,它往往被称为JavaScript或JScript,但实际上后两者是ECMA-262标准的实现和扩展。历史版本至发稿日为止有九个ECMA-...原创 2019-12-19 01:12:51 · 6427 阅读 · 3 评论 -
像监听页面一样监听戈多的动态
作者:陈大鱼头github: KRISACHAN不知道各位童鞋有木有看过 《等待戈多》 这部出名的荒诞戏剧 。其剧情大概就是 戈戈 与 狄狄 等待 戈多 的过程中发生的一些琐事,一共两幕。等了这么多年,也不知道 戈多 现在在哪,赴约了没有。如果 戈戈 与 狄狄 像我们监听页面元素变化那样监听戈多的动态,是不是就不会出现空欢喜的状态?是不是就不用等得那么辛苦?是不是甚至可以主动去寻找戈...原创 2019-09-24 19:57:28 · 1264 阅读 · 1 评论 -
提升开发幸福感的10条JS技巧
作者:陈大鱼头github: KRISACHAN鱼头总结一些能够提高开发效率的JS技巧,这些技巧很实用,觉得挺好,想推荐给大家,所以有了这篇文章。生成随机UIDconst genUid = () => { var length = 20 var soupLength = genUid.soup_.length var id = [] for (var i = ...原创 2019-07-29 14:52:39 · 1598 阅读 · 2 评论