1 2 3 4 5 ··· 21 下一页
摘要: 用notion写的,哈哈 https://wry-camera-8c4.notion.site/02da5c24db0e468a80d3172bd9049103 阅读全文
posted @ 2024-04-18 16:27 Lawliet__zmz 阅读(19) 评论(0) 推荐(0) 编辑
摘要: 最近遇到的一道算法题: 有一个坐标系,输入一组数据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的每 阅读全文
posted @ 2024-02-23 02:14 Lawliet__zmz 阅读(13) 评论(0) 推荐(0) 编辑
摘要: 最近会被问到EventLoop的相关问题,这个只要对任务微任务理解到位一般没啥问题,但有次被问到“requestAnimation的执行时机是什么”,答约:“rAF是在浏览器重新渲染屏幕之前执行”,之后被追问:“那它属于宏任务还是微任务,他在时间循环的执行时机是什么样的”。 当时听到这个问题一时有点 阅读全文
posted @ 2024-02-23 01:40 Lawliet__zmz 阅读(91) 评论(0) 推荐(0) 编辑
摘要: 此篇为我推广内部开源项目发在国外社区的文章 Preface Seeing this title, some of you may wonder: Isn't bpmn-js the most common frontend solution for workflow systems? Why do 阅读全文
posted @ 2023-08-07 18:09 Lawliet__zmz 阅读(14) 评论(0) 推荐(0) 编辑
摘要: 文章首发于我的掘金:https://juejin.cn/post/7173926642811666446(本篇其实为内部开源项目的推广文) 前言 在疫情时代里,居家办公团队协作已成为常见问题,相信你们在市面上见过很多这样的产品,一个白板界面,允许多个人一起在上面协作画图。 类似的产品还有witebo 阅读全文
posted @ 2023-05-31 17:11 Lawliet__zmz 阅读(1064) 评论(0) 推荐(0) 编辑
摘要: 首发于我的掘金:https://juejin.cn/post/7173926642811666446(本篇其实为内部开源项目的推广文) 「bilibili赛事专题页」中的英雄联盟「晋级流程图」是如何实现的? 前言:这是一篇面向没接触过流程图实现的小白群体的文章,所以不会有较难懂的原理的东西,看完你就 阅读全文
posted @ 2023-05-31 17:10 Lawliet__zmz 阅读(264) 评论(0) 推荐(0) 编辑
摘要: 此篇来自我在团队内部做技术分享的文稿。 前言 国内已经有不少的低代码平台:例如墨刀、云凤蝶、爱速搭等等,低代码平台面临的差异性问题主要有: 场景不同,配运营活动与配流程表单,使用的组件几乎完全不同,若组件库不够用,还需要自定义业务组件; 用户不同,运营同学希望简单拖拽完成,研发希望二次开发能力,所以 阅读全文
posted @ 2021-08-23 14:34 Lawliet__zmz 阅读(622) 评论(0) 推荐(0) 编辑
摘要: 其实idea一两年前就有了,最近才发力完善出来,现在主要和两个学弟在维护,感谢@ForgQi大佬一直以来的帮助。 此文其实主要的目的是把此项目收录在互联网爬虫中。。便于其他人搜索关键词时能定位到该项目,毕竟百度不会直接收录github的关键词。。。 github链接:链接,对您有帮助的话求个star 阅读全文
posted @ 2020-08-04 10:58 Lawliet__zmz 阅读(856) 评论(0) 推荐(0) 编辑
摘要: 最近遇到的几个有意思问题,记录分享一下。 1. 合并三个有序数组(合并K个有序数组) 假如有这么三个数组:(arr包含的三个数组) 问题:K个数组,总共N个元素,合并成一个有序数组。(以升序为例) 大家一眼看上去肯定会想到归并排序,合并两个有序数组是归并排序的最后一步的动作,通过两个指针引导比较大小 阅读全文
posted @ 2020-05-24 19:43 Lawliet__zmz 阅读(376) 评论(2) 推荐(0) 编辑
摘要: 最近遇到了无限滚动的问题,用到了IntersectionObserver API,这里正好就将相关知识梳理整理一下。 前置概念知识 1. scrollHeight:容器元素被撑起后的实际大小高度 2. scrollTop:容器元素的滚动距离,也是当前视口相对于容器实际高度定点的距离。 3. offs 阅读全文
posted @ 2020-05-12 17:06 Lawliet__zmz 阅读(440) 评论(0) 推荐(0) 编辑
摘要: 年前就一直研究了下WebGL相关的东西,看了很多资料和文档,这里做了一些小实践,记录分享一下。 代码:链接 预览:链接 demo: 前置知识 WebGL和Threejs的关系: WebGL是一种 3D 绘图协议,这种绘图技术标准结合了JavaScript和OpenGL ES 2.0,在HTML5的C 阅读全文
posted @ 2020-03-06 18:35 Lawliet__zmz 阅读(930) 评论(0) 推荐(0) 编辑
摘要: 最近被同事问道一个问题: 这个例子是经典原型链继承,未做constructor修复的一个例子。 问: instance的属性test哪里来的,要知道这里的此时instance的构造函数instance.constructor是Father,我们再根据一般Java,ES6类中的构造函数的拷贝属性用法, 阅读全文
posted @ 2019-12-24 22:15 Lawliet__zmz 阅读(3247) 评论(0) 推荐(0) 编辑
摘要: 最近前几个月开始,新项目都开始完全使用typescript+hooks,先不说typescript吧,hooks是真的香🤣 1.更好的分离页面和逻辑,重用逻辑的方法 现在前端项目的组件化,一般都是基于最基础的UI组件库(里面也有组件的功能逻辑),加上业务逻辑,封装一个个component,cont 阅读全文
posted @ 2019-12-09 00:16 Lawliet__zmz 阅读(1031) 评论(0) 推荐(0) 编辑
摘要: 首先es和cmj大家都知道不一样,具体区别也就不多说,需要注意的是TS的模块也是自己实现的,不过在ES Module 2015(es6)定稿下来后,TS沿用和支持了ES module,不过TS除了使用ES module的规范,自己也有一套namespace的模块管理,这在某个版本前一直用namesp 阅读全文
posted @ 2019-12-06 15:09 Lawliet__zmz 阅读(985) 评论(0) 推荐(0) 编辑
摘要: 这三个hash值都是webpack在打包的时候根据内部算法生成的一串字符串,总的来说最大的不同就是其囊括控制的范围大小不同,对应的控制颗粒度不同。 hash hash是对webpack整个一次构建而言,在webpack构建中,文件都会带上对应的MD5值,构建生成的文件hash值都是一样的。如果出口是 阅读全文
posted @ 2019-12-03 18:16 Lawliet__zmz 阅读(498) 评论(0) 推荐(0) 编辑
摘要: 原文:https://alligator.io/react/intro to react spring/ 在本文中,我们将探索React的最佳动画框架之一:React Spring。 您将学习将组件样式更改为平滑的,基于物理的过渡的一些基础知识。 提前需要了解的 React Spring具有基于钩子 阅读全文
posted @ 2019-11-06 14:25 Lawliet__zmz 阅读(973) 评论(0) 推荐(1) 编辑
摘要: 我们在渲染复杂对象,比如树组件的树对象,有嵌套对象/数组结构的时候,js的弱类型让我们一把梭,几乎没遇到什么问题(只是写的时候编译没问题把。233。。),结合TS后,对树状数据的递归访问会是一个问题: 比如数据源的数据声明为: 我们想根据这样的数据渲染一个树组件 | 的写法并不能让TS自动推导出v的 阅读全文
posted @ 2019-10-28 15:08 Lawliet__zmz 阅读(750) 评论(0) 推荐(0) 编辑
摘要: 做个备份吧,有时候加个新样式和小功能怕加蹦了找不回来了。 CSS: js+旁边侧栏代码: csdn博客:http://blog.csdn.net/major_zhang 我的Github 博客园上关注我 有的文章里面的图片失效,这是因为首发写在csdn的博客上,现在csdn增加了图片防盗链,失效的图 阅读全文
posted @ 2019-10-03 17:51 Lawliet__zmz 阅读(177) 评论(0) 推荐(0) 编辑
摘要: 主要从以下方面对比: 1. 团队熟悉程度,学习成本 目前前端小组其实都是大部分在写业务代码,都有扎实的javascript基础和社区基础,上手二者的哪个都没太大成本区别。对于个人来说,无论转型深入哪个,都是不错的。所以这一点学习成本上其实没有太大顾虑,主要在下面几点的考虑上。 2. 框架本身对比,优 阅读全文
posted @ 2019-09-11 21:41 Lawliet__zmz 阅读(810) 评论(0) 推荐(0) 编辑
摘要: 1、现代浏览器,比如chrome,firefox都支持硬件加速,GPU加速功能,开启后,使用相关CSS属性,3D API,canvas等,都会默认用GPU渲染的方式去绘制图像。 浏览器渲染的过程,网上图片杂且准确性出处都有待考究,关于这个过程和原理,国外有一个最权威的文档资料: "链接" (差不多网 阅读全文
posted @ 2019-09-01 19:27 Lawliet__zmz 阅读(603) 评论(0) 推荐(0) 编辑
摘要: 最近在看框架源码的时候,发现作者(或者Contributors)创建对象的时候,或者做继承的时候,都喜欢用到Object.create()。 首先MDN上对这个方法介绍的很清楚了, Object.create(proto[, propertiesObject]) 第一个参数传一个对象,(ps:[]为 阅读全文
posted @ 2019-08-13 18:49 Lawliet__zmz 阅读(159) 评论(0) 推荐(0) 编辑
摘要: 前提 大家都知道try catch对异步流程中的错误有时候是捕捉不到的,eg: 执行这些代码,你会发现过了一秒后程序直接报错,console.log('error')并没有执行,也就是func1并没有捕捉到func2的异常。这就是异步的问题所在。 我们一般的做法就是直接加上async/await: 阅读全文
posted @ 2019-07-13 21:01 Lawliet__zmz 阅读(1004) 评论(0) 推荐(0) 编辑
摘要: 1.函数组件使用memo 当父组件给子组件传递了props的时候,如果在父组件没有加判断子组件条件性渲染,eg: {isShowChild&& },每次父组件执行render,子组件(函数)都会重新渲染(执行),这时候如果是在子组件用memo导出,eg: 当到子组件时,会浅比较子组件的前后props 阅读全文
posted @ 2019-07-12 10:22 Lawliet__zmz 阅读(234) 评论(0) 推荐(0) 编辑
摘要: 最近做自己的一个项目的时候,用到一个自动填充的输入框,因为前端使用的antd,自然就引入了antd中的AutoComplete的组件。 官网链接: "链接" AutoComplete的填充数据有两种用法,一种是dataSouce,另外一种是option,运用option更灵活,可以渲染出自己想要的选 阅读全文
posted @ 2019-06-20 01:02 Lawliet__zmz 阅读(4553) 评论(0) 推荐(2) 编辑
摘要:  在chrome的headless环境下,FFmpeg处理视频流,模拟B站登录,验证登陆成功率还可以,视频分割,线程池控制并发,下载和上传独立,扩展性很强,扩展网站只用写plugin代码继承下载基类即可。  原项目由星际圈子里的ForgQi大佬开发,ForgQi的服务器过期了,现 阅读全文
posted @ 2019-04-01 12:49 Lawliet__zmz 阅读(358) 评论(0) 推荐(0) 编辑
1 2 3 4 5 ··· 21 下一页