古兰精

2020年12月3日

摘要：在看《你不知道的JavaScript》的时候，看到了这个么一段代码： function foo() { var a = arguments[0] !== (void 0 ) ? arguments[0] : 2; return a; } 并且我们在使用 ?. 操作符，比如：let name = pe 阅读全文

posted @ 2020-12-03 18:34 古兰精阅读(1018) 评论(0) 推荐(0)

小知识随手记（十）：多重重复解构对象、es6函数带默认参数时将生成声明作用域、一些注意点、动态设置getter/setter、mysql将字符串字段转为数字排序或比大小、pointer-events:none;属性

摘要：一、多次重复解构对象 es6居然可以重复解构对象。我们看代码 const obj = { a: { b: 1 }, c: 2 }; const { a: { b }, a, c } = obj; console.log(b, a, c) 一行代码同时获取 a 和 a.b 和 c 。在a和b都要多次阅读全文

posted @ 2020-12-03 16:59 古兰精阅读(426) 评论(0) 推荐(0)

浅析AST抽象语法树及如何利用AST转换JS代码

摘要：在学习AST之前，可以结合此篇博客（浅析代码编译过程）一起看。抽象语法树（Abstract Syntax Tree）也称为AST语法树，指的是源代码语法所对应的树状结构。也就是说，对于一种具体编程语言下的源代码，通过构建语法树的形式将源代码中的语句映射到树中的每一个节点上。如果你查看目前任何主阅读全文

posted @ 2020-12-03 14:39 古兰精阅读(10383) 评论(1) 推荐(3)

2020年12月2日

浅析常用的import被webpack编译之后

摘要：最近看到一篇文章不错，我们最常用的import来加载模块，但是它真正背后如何运行的，只是略知一二，但真要说出个所以然来，还真不大清楚，所以这篇文章感觉讲的还挺好的，所以转载过来自己学习一下。来源于作者李永宁的掘金博客：https://juejin.cn/post/68595699587421962 阅读全文

posted @ 2020-12-02 18:56 古兰精阅读(1948) 评论(0) 推荐(0)

浅析虚拟列表高性能渲染大体量数据原理

摘要：在工作中，有时会遇到需要一些不能使用分页方式来加载列表数据的业务情况，对于此，我们称这种列表叫做长列表。比如，在一些外汇交易系统中，前端会实时的展示用户的持仓情况(收益、亏损、手数等)，此时对于用户的持仓列表一般是不能分页的。在浅析如何利用时间分片高性能渲染十万级数据一文中，提到了可以使用时间分片阅读全文

posted @ 2020-12-02 17:17 古兰精阅读(973) 评论(0) 推荐(0)

浅析requestIdleCallback

摘要：我们都知道React 16实现了新的调度策略(Fiber)，新的调度策略提到的异步、可中断，其实就是基于浏览器的 requestIdleCallback 和 requestAnimationFrame 这两个API。 requestAnimationFrame就不多说可以看刚刚这篇博客：浅析requ 阅读全文

posted @ 2020-12-02 15:53 古兰精阅读(2787) 评论(0) 推荐(0)

浅析requestAnimationFrame让你更加了解动画

摘要：在Web应用中，实现动画效果的方法比较多，JavaScript 中可以通过定时器 setTimeout 来实现，css3 可以使用 transition 和 animation 来实现，html5 中的 canvas 也可以实现。除此之外，html5 还提供一个专门用于请求动画的 API，即 req 阅读全文

posted @ 2020-12-02 14:42 古兰精阅读(635) 评论(0) 推荐(0)

2020年12月1日

浅析如何利用时间分片高性能渲染十万级数据

摘要：在实际工作中，我们很少会遇到一次性需要向页面中插入大量数据的情况，但是为了丰富我们的知识体系，我们有必要了解并清楚当遇到大量数据时，如何才能在不卡主页面的情况下渲染数据，以及其中背后的原理。对于一次性插入大量数据的情况，一般有两种做法： 1、时间分片 2、虚拟列表我们首先来看一下“时间分片”的原理阅读全文

posted @ 2020-12-01 17:05 古兰精阅读(1121) 评论(0) 推荐(2)

2020年11月27日

浅析冒泡排序及插入排序算法

摘要：一、如何分析一个排序算法复杂度分析是整个算法学习的精髓。时间复杂度: 一个算法执行所耗费的时间。空间复杂度: 运行完一个程序所需内存的大小。学习排序算法，我们除了学习它的算法原理、代码实现之外，更重要的是要学会如何评价、分析一个排序算法。分析一个排序算法，要从执行效率、内存消耗、稳定性三阅读全文

posted @ 2020-11-27 17:53 古兰精阅读(377) 评论(0) 推荐(0)

2020年11月26日

Vue报错 There are multiple modules with names that only differ in casing 的报错原因和解决办法

摘要：今天写项目时，遇到报错信息如下： ./components/MavonEditor/index.vue?vue&type=script&lang=js& (./node_modules/_babel-loader@8.0.6@babel-loader/lib??ref--2-0!./node_mod 阅读全文

posted @ 2020-11-26 14:27 古兰精阅读(8130) 评论(0) 推荐(0)

公告