摘要： 用notion写的，哈哈 https://wry-camera-8c4.notion.site/02da5c24db0e468a80d3172bd9049103 阅读全文

摘要： 最近遇到的一道算法题： 有一个坐标系，输入一组数据input:, eg: const input = [ [0, 0], [1, 1], [3, 1], [1, 2], [3, 2], [2, 3], [1, 4], [2, 4], [4, 4], [4, 5], [3, 4] ]; input的每 阅读全文

摘要： 最近会被问到EventLoop的相关问题，这个只要对任务微任务理解到位一般没啥问题，但有次被问到“requestAnimation的执行时机是什么”，答约：“rAF是在浏览器重新渲染屏幕之前执行”，之后被追问：“那它属于宏任务还是微任务，他在时间循环的执行时机是什么样的”。 当时听到这个问题一时有点 阅读全文

摘要： 此篇为我推广内部开源项目发在国外社区的文章 Preface Seeing this title, some of you may wonder: Isn't bpmn-js the most common frontend solution for workflow systems? Why do 阅读全文

摘要： 文章首发于我的掘金：https://juejin.cn/post/7173926642811666446（本篇其实为内部开源项目的推广文） 前言 在疫情时代里，居家办公团队协作已成为常见问题，相信你们在市面上见过很多这样的产品，一个白板界面，允许多个人一起在上面协作画图。 类似的产品还有witebo 阅读全文

摘要： 首发于我的掘金：https://juejin.cn/post/7173926642811666446（本篇其实为内部开源项目的推广文） 「bilibili赛事专题页」中的英雄联盟「晋级流程图」是如何实现的？ 前言：这是一篇面向没接触过流程图实现的小白群体的文章，所以不会有较难懂的原理的东西，看完你就 阅读全文

摘要： 此篇来自我在团队内部做技术分享的文稿。 前言 国内已经有不少的低代码平台：例如墨刀、云凤蝶、爱速搭等等，低代码平台面临的差异性问题主要有： 场景不同，配运营活动与配流程表单，使用的组件几乎完全不同，若组件库不够用，还需要自定义业务组件； 用户不同，运营同学希望简单拖拽完成，研发希望二次开发能力，所以 阅读全文

摘要： 其实idea一两年前就有了，最近才发力完善出来，现在主要和两个学弟在维护，感谢@ForgQi大佬一直以来的帮助。 此文其实主要的目的是把此项目收录在互联网爬虫中。。便于其他人搜索关键词时能定位到该项目，毕竟百度不会直接收录github的关键词。。。 github链接：链接，对您有帮助的话求个star 阅读全文

摘要： 最近遇到的几个有意思问题，记录分享一下。 1. 合并三个有序数组(合并K个有序数组) 假如有这么三个数组：（arr包含的三个数组） 问题：K个数组，总共N个元素，合并成一个有序数组。（以升序为例） 大家一眼看上去肯定会想到归并排序，合并两个有序数组是归并排序的最后一步的动作，通过两个指针引导比较大小 阅读全文

摘要： 最近遇到了无限滚动的问题，用到了IntersectionObserver API，这里正好就将相关知识梳理整理一下。 前置概念知识 1. scrollHeight：容器元素被撑起后的实际大小高度 2. scrollTop：容器元素的滚动距离，也是当前视口相对于容器实际高度定点的距离。 3. offs 阅读全文

摘要： 年前就一直研究了下WebGL相关的东西，看了很多资料和文档，这里做了一些小实践，记录分享一下。 代码：链接 预览：链接 demo： 前置知识 WebGL和Threejs的关系： WebGL是一种 3D 绘图协议，这种绘图技术标准结合了JavaScript和OpenGL ES 2.0，在HTML5的C 阅读全文

摘要： 最近被同事问道一个问题： 这个例子是经典原型链继承，未做constructor修复的一个例子。 问： instance的属性test哪里来的，要知道这里的此时instance的构造函数instance.constructor是Father，我们再根据一般Java，ES6类中的构造函数的拷贝属性用法， 阅读全文

摘要： 最近前几个月开始，新项目都开始完全使用typescript+hooks，先不说typescript吧，hooks是真的香🤣 1.更好的分离页面和逻辑，重用逻辑的方法 现在前端项目的组件化，一般都是基于最基础的UI组件库（里面也有组件的功能逻辑），加上业务逻辑，封装一个个component，cont 阅读全文

摘要： 首先es和cmj大家都知道不一样，具体区别也就不多说，需要注意的是TS的模块也是自己实现的，不过在ES Module 2015（es6）定稿下来后，TS沿用和支持了ES module，不过TS除了使用ES module的规范，自己也有一套namespace的模块管理，这在某个版本前一直用namesp 阅读全文

摘要： 这三个hash值都是webpack在打包的时候根据内部算法生成的一串字符串，总的来说最大的不同就是其囊括控制的范围大小不同，对应的控制颗粒度不同。 hash hash是对webpack整个一次构建而言，在webpack构建中，文件都会带上对应的MD5值，构建生成的文件hash值都是一样的。如果出口是 阅读全文

摘要： 原文：https://alligator.io/react/intro to react spring/ 在本文中，我们将探索React的最佳动画框架之一：React Spring。 您将学习将组件样式更改为平滑的，基于物理的过渡的一些基础知识。 提前需要了解的 React Spring具有基于钩子 阅读全文

摘要： 我们在渲染复杂对象，比如树组件的树对象，有嵌套对象/数组结构的时候，js的弱类型让我们一把梭，几乎没遇到什么问题（只是写的时候编译没问题把。233。。），结合TS后，对树状数据的递归访问会是一个问题： 比如数据源的数据声明为： 我们想根据这样的数据渲染一个树组件 | 的写法并不能让TS自动推导出v的 阅读全文

摘要： 做个备份吧，有时候加个新样式和小功能怕加蹦了找不回来了。 CSS： js+旁边侧栏代码： csdn博客:http://blog.csdn.net/major_zhang 我的Github 博客园上关注我 有的文章里面的图片失效,这是因为首发写在csdn的博客上,现在csdn增加了图片防盗链，失效的图 阅读全文

摘要： 主要从以下方面对比： 1. 团队熟悉程度，学习成本 目前前端小组其实都是大部分在写业务代码，都有扎实的javascript基础和社区基础，上手二者的哪个都没太大成本区别。对于个人来说，无论转型深入哪个，都是不错的。所以这一点学习成本上其实没有太大顾虑，主要在下面几点的考虑上。 2. 框架本身对比，优 阅读全文

摘要： 1、现代浏览器，比如chrome，firefox都支持硬件加速，GPU加速功能，开启后，使用相关CSS属性，3D API，canvas等，都会默认用GPU渲染的方式去绘制图像。 浏览器渲染的过程，网上图片杂且准确性出处都有待考究，关于这个过程和原理，国外有一个最权威的文档资料： "链接" （差不多网 阅读全文

摘要： 最近在看框架源码的时候，发现作者(或者Contributors)创建对象的时候，或者做继承的时候，都喜欢用到Object.create()。 首先MDN上对这个方法介绍的很清楚了， Object.create(proto[, propertiesObject]) 第一个参数传一个对象，(ps：[]为 阅读全文

摘要： 前提 大家都知道try catch对异步流程中的错误有时候是捕捉不到的，eg： 执行这些代码，你会发现过了一秒后程序直接报错，console.log('error')并没有执行，也就是func1并没有捕捉到func2的异常。这就是异步的问题所在。 我们一般的做法就是直接加上async/await： 阅读全文

摘要： 1.函数组件使用memo 当父组件给子组件传递了props的时候，如果在父组件没有加判断子组件条件性渲染，eg: {isShowChild&& }，每次父组件执行render，子组件(函数)都会重新渲染(执行)，这时候如果是在子组件用memo导出，eg： 当到子组件时，会浅比较子组件的前后props 阅读全文

摘要： 最近做自己的一个项目的时候，用到一个自动填充的输入框，因为前端使用的antd，自然就引入了antd中的AutoComplete的组件。 官网链接： "链接" AutoComplete的填充数据有两种用法，一种是dataSouce，另外一种是option，运用option更灵活，可以渲染出自己想要的选 阅读全文

摘要：  在chrome的headless环境下，FFmpeg处理视频流，模拟B站登录，验证登陆成功率还可以，视频分割，线程池控制并发，下载和上传独立，扩展性很强，扩展网站只用写plugin代码继承下载基类即可。  原项目由星际圈子里的ForgQi大佬开发，ForgQi的服务器过期了，现 阅读全文