メSerendipity - 博客园

浅谈自动化构建之gulp

摘要：一.gulp的基本使用 gulp是目前最流行的前端自动化构建系统,核心特点高效易用。（这块不过多的废话了,直接上干货了，有兴趣的话，可以查下gulp简介）步骤如下： yarn init -y yarn add gulp --dev //安装开发依赖根目录创建gulofile.js文件（gulp的阅读全文

posted @ 2021-01-29 20:50 メSerendipity 阅读(202) 评论(0) 推荐(0)

浅谈自动化构建之grunt

摘要：自动化构建开发行业的自动化构建一句话把源代码转化为生产代码，作用是脱离运行环境兼容带来的问题开发阶段使用提高效率的语法,规范和标准，构建转换那些不被支持的特性转化成能够执行的代码。一.简单的自动化构建案例简介:通过scss增强css的编程性,以及通过运行一些简单的命令行命令搭建启动服务，热阅读全文

posted @ 2021-01-27 20:55 メSerendipity 阅读(143) 评论(0) 推荐(0)

浅谈前端常用脚手架cli工具及案例

摘要：前端常用脚手架工具前端有很多特定的脚手架工具大多都是为了特定的项目类型服务的，比如react项目中的reate-react-app,vue项目中的vue-cli,angular 项目中的angular-cli根据一些信息创建对应的项目基础结构，只适用于对应的项目，还有一些对应的项目脚手架工具比如Y 阅读全文

posted @ 2021-01-26 20:58 メSerendipity 阅读(1017) 评论(2) 推荐(2)

浅谈JavaScript代码性能优化2

摘要：一.减少判断层级从下图代码中可以明显看出，同样的效果判断层级的减少可以优化性能二.减少作用域链查找层级简单解释下,下图中第一个运行foo函数，bar函数内打印name，bar作用域内没有name，所以作用域链往上查找，foo内部有name，但是这种写法实际上是赋值，还要往上查找，全局作用域中阅读全文

posted @ 2021-01-23 23:12 メSerendipity 阅读(260) 评论(1) 推荐(0)

浅谈JavaScript中的堆栈执行过程

摘要：执行代码如下：下面总结下堆栈中的底层执行，如下图所示：首先,需要执行的代码放在js执行环境栈中 1.创建全局执行上下文AO,首先把a=10,foo的地址放在栈中,并且在创建的时候有自己的作用域,创建对应foo对应的堆地址AB1。 2.在执行栈中开启foo执行栈BO,从伪数组中获取参数2,以及fo 阅读全文

posted @ 2021-01-22 21:32 メSerendipity 阅读(366) 评论(0) 推荐(0)

浅谈JavaScript代码性能优化

摘要：可以通过https://jsbench.me/测试网站完成性能测试。一.慎用全局变量 1.全局变量定义在全局执行上下文，是所有作用域链的顶端，在局部作用域中没找到的变量都会到全局变量中去查找，所以说查找的时间消耗比较大。 2.全局执行上下文一直存在于上下文执行栈,直到程序退出。 3.如果某个及局阅读全文

posted @ 2021-01-21 17:28 メSerendipity 阅读(438) 评论(0) 推荐(1)

浏览器performance工具介绍及内存问题表现与监控内存的几种方式

摘要：一.GC的目的为了实现内存空间的良性循环，performance提供多种监控方式监控内存分析内存相关信息当代码出现问题的时候及时定位到出现问题的代码块，提高执行效率。 preforcemance使用步骤（以谷歌浏览器为例）进入开发人员工具面板(F12)->点击preforcemance-> 阅读全文

posted @ 2021-01-19 17:21 メSerendipity 阅读(1383) 评论(0) 推荐(1)

V8引擎新老生代回收机制及对比

摘要：一.什么是V8引擎目前最主流的JavaScript执行引擎，V8采用即时编译，内存设限极大增加了运行速度，垃圾回收策略采用分代回收的思想内存分为新生代回收机制，老生代回收机制，针对不同的对象采用不同的算法，如下图所示：二.V8中常用的GC算法分代回收空间复制标记清除标记整理标记增量阅读全文

posted @ 2021-01-17 20:00 メSerendipity 阅读(603) 评论(0) 推荐(0)

GC算法介绍及工作原理和优缺点

摘要：一.GC定义与作用 GC就是垃圾回收机制的简写 GC可以找到内存中的垃圾，并释放和回收空间，GC里的垃圾是什么如下图所示： GC算法是什么：GC是一种机制,垃圾回收器完成具体的工作工作的内容就是查找垃圾释放空间,回收空间算法就是工作时查找和回收所遵循的规则。常见GC算法有引用计数，标记清除，标阅读全文

posted @ 2021-01-16 22:41 メSerendipity 阅读(2335) 评论(0) 推荐(0)

JavaScript性能优化之内存管理及垃圾回收

摘要：一.JavaScript性能优化之内存管理首先要了解几个概念：内存：由可读写单元组成，表示一片可操作空间管理：人为的去操作一片空间的申请，使用和释放内存管理：开发者主动申请空间，使用空间，释放空间内存管理流程申请-使用-释放 javaScript没有相应的api去操作空间，所以我们在Ja 阅读全文

posted @ 2021-01-16 15:11 メSerendipity 阅读(181) 评论(0) 推荐(0)