- 博客(26)
- 收藏
- 关注
RSS订阅原创 详解 Webpack devtools
最近在开发一个低代码平台，主要用于运营搭建 H5 活动。这中间涉及到第三方组件的开发，而第三方组件想要接入平台，需要经过我们特定的打包工具来 build。构建之后的组件，会合并成单个的 js 文件，而且代码会被压缩会混淆，这个时候如果需要调试，那就会极其痛苦。想要有一个好的调试环境，就要涉及 SourceMap 的输出，而 Webpack 的 devtools 字段就是用于控制 SourceMap。 SourceMap 原理 在详细解释 devtools 配置之前，先看看 SourceMap 的原理。S
2022-10-08 13:36:40
505
原创 Node.js 服务性能翻倍的秘密（二）
前言前一篇文章介绍了 fastify 通过 schema 来序列化 JSON，为 Node.js 服务提升性能的方法。今天的文章会介绍 fastify 使用的路由库，翻阅其源码（lib/route.js）可以发现，fastify 的路由库并不是内置的，而是使用了一个叫做 find-my-way 的路由库。[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-i1JSmTar-1611196794984)(https://file.shenfq.com/pic/2020121815
2021-01-21 10:40:15
205
原创 Node.js 服务性能翻倍的秘密（一）
前言用过 Node.js 开发过的同学肯定都上手过 koa，因为他简单优雅的写法，再加上丰富的社区生态，而且现存的许多 Node.js 框架都是基于 koa 进行二次封装的。但是说到性能，就不得不提到一个知名框架： fastify ，听名字就知道它的特性就是快，官方给出的Benchmarks甚至比 Node.js 原生的 http.Server 还要快。[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-JalnOzRs-1611196695413)(https://file.
2021-01-21 10:39:25
458
原创 git快速入门
背景git作为现在最为流行的版本管理系统，大部分公司都使用git进行版本控制，并且最大同性交友网站github也是在git的基础上建立的。 很多人认为git难，在于它的一些概念与之前流行的集中化的版本管理系统有所出入，只要通过熟悉git的基本概念，以及git分支切换的流程，想要上手还是很容易的。这篇文章将介绍git的一些基本概念以及git常用的一些命令。github官方提供了一套git学...
2018-06-10 15:00:16
5955
原创 初探webpack4
一、前言2018/2/25，webpack4正式发布，距离现在已经过去三个多月了，也逐渐趋于稳定，而且现在的最新版本都到了4.12.0（版本迭代快得真是让人害怕）。很多人都说webpack复杂，难以理解，很大一部分原因是webpack是基于配置的，可配置项很多，并且每个参数传入的形式多种多样（可以是字符串、数组、对象、函数。。。），文档介绍也比较模糊，这么多的配置项各种排列组合，想想都...
2018-06-10 14:56:01
5291
1
原创 babel到底该如何配置？
背景说起ES6，webpack，打包，模块化总是离不开babel，babel作为一个js的编译器已经被广泛使用。在babel的官网是这样介绍它的： Babel is a JavaScript compiler. Use next generation JavaScript, today.大家都知道js作为宿主语言，很依赖执行的环境（浏览器、node等），不同环境对js语
2018-02-04 17:48:58
4797
1
原创 JavaScript中this关键字
this一直是js中一个老生常谈的东西，但是我们究竟该如何来理解它呢？ 在《JavaScript高级程序设计》中，对this的解释是： this对象是在运行时基于函数的执行环境绑定的。我们来逐字解读这句话： - this是一个对象 - this的产生与函数有关 - this与执行环境绑定说通俗一点就是，“谁调用的这个函数，this就是谁”。一、函数直接调用中的th
2018-02-04 17:47:23
361
原创 linux下升级npm以及node
linux不比windows，鼠标点两下什么都好说，在windows下面升级node，只需要去官网下载最新的msi安装包，然后安装到之前的node路径下，一切ok。其实linux使用命令行也是很爽的，作为程序员，难道不应该更喜欢看到命令行吗，哈哈哈！npm升级废话不多说，直接讲步骤。先从容易的开始，升级npm。npm这款包管理工具虽然一直被人们诟病，很多人都推荐使用yarn...
2017-06-10 22:25:50
31866
11
原创 es5与es6的变量声明和作用域的异同
在es6没出来之前，js的作用域只有两种顶层作用域和函数作用域，但是es6的出现，让js的变量作用域有了新的存在形式：块级作用域。
2016-12-19 17:17:11
4490
原创 Javascript的内存管理
原文地址介绍低级语言，像C语言具有能够进行内存管理的工具，比如malloc( )和free( )，另一方面，当一个变量被创建时，javascript的内存会自动分配，当变量不再使用时，也会自动释放。后面的这一过程被称为垃圾回收机制。这种垃圾回收机制是混乱管理的缘由，这给js（或其他高级语言）开发者带来他们能够不去关心内存是如何管理的感觉。这是错误的。内存的生命周期
2016-11-22 16:16:34
432
原创 js的arguments到底是什么？
类数组对象：arguments总所周知，js是一门相当灵活的语言。当我们在js中在调用一个函数的时候，我们经常会给这个函数传递一些参数，js把传入到这个函数的全部参数存储在一个叫做arguments的东西里面，那么这到底是什么东西？在js中万物皆对象，甚至数组字符串函数都是对象。所以这个叫做arguments的东西也是个对象，而且是一个特殊的对象，它的属性名是按照传入参数的序列来的，第1个
2016-11-19 16:38:14
91037
27
原创 Javascript错误提示--SyntaxError: Illegal return statement
js错误 SyntaxError: Illegal return statement
2016-07-23 14:44:14
62965
4
原创 Javascript笔记——String对象的常用方法
在javascript的String对象中许多的方法，下面将一一来介绍这些方法，通过这些方法可以直接实现一些功能，免去了重新封装一些函数的麻烦。
2016-06-14 18:32:26
440
原创 Javascript笔记——什么是Javascript
已经学习了一个多月的javascript基础了，感觉有点迷茫，知识点也有点零碎，现在想每天通过半个小时的时间，把知识点整理下发到博客上，希望能对自己的学习有些帮助。 注：文中的大部分资料来自W3C和百度百科。什么是Javascript？Javascript是一种基于对象和事件驱动并与平台无关的弱类型的客户端脚本语言。 Javascript由以下三个部分组成：ECMAScript 核心
2016-06-10 12:16:13
300
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人