个人博客上线 时隔 1 年半，个人博客又上线了，之前用学生证买的便宜服务器到期就再没续费了。无意间了解到 hexo 就打算来玩一下，结果发现这个东西简单又免费就能搭建出个人博客，而且还能跟域名绑定简直香到爆啊。准备第一篇文章来介绍一下怎么用 hexo 吧（由于文章数量不断累积，它被压到了最底部）。 2021-09-03 life life
escript2015对于实际开发中有用的相关新特性 对象解构当存在变量名与对象名重复的情况时，可以在解构中重新定义一个变量来读取对象里的内容 1234const obj = { name: "abc" };const name = "aaa";const { name: newName } = obj;console.log(newName); //abc 也可以直接 2023-04-24
基于frappe-gantt开发自定义扩展的甘特图业务 前言根据业务要求，需要做一个根据任务周期来统计人员任务量的功能。需要能够清晰的展示人员与工作量的安排情况，以便每个项目组或者部门 leader 方便安排人手及工作，界面展示如下： 要求 有人员列表，并且人员列表下有其对应的任务及相关信息 拥有检索，查询功能 在人员行显示工作任务的数量，并显示在相对应的日期上（根据颜色不同反应出人员工作的任务量是正常或是积压） 在事项行上显示相对应的任务周期 点击人 2023-02-09
关于setTimeout的一个机制 在 JavaScript 中，setTimeout 是一种宏观任务，而宏观任务的数据结构是队列，它的特点就是 先进先出。 但是，浏览器会根据时间线程来控制队列的执行的顺序。 例如： 1234567setTimeout(() => { console.log("任务1");}, 1000);setTimeout(() => { con 2022-06-10 javascript javascript
JavaScript中利用对象字面量创建对象原型属性的影响 众所周知，在 JavaScript 中，每个对象都有原型，在每个原型对象中都有一个 constructor 属性，指向对象本身。当我们在一个对象的原型上定义方法时，通常会这么做： 123456789101112function Person(name, age) { this.name = name; this.age = age;}Person.prototype.say 2021-12-06 javascript javascript
react-fiber-前置知识 前言这篇文章讲一下 react-fiber 的基本原理。会涉及到一些浏览器的机制，以及 react 与浏览器通信的小知识。现如今，浏览器的刷新帧率基本都是 1 秒 60 帧，即：1 帧 = 1000ms / 60 ≈ 16.6ms。而在每一帧中，浏览器会做以下几件事： 接受输入事件：阻塞输入事件（touch，wheel）和非阻塞事件（click，keypress）等 执行事件回调 （JavaSc 2021-11-26 React React
自定义上传 在实际开发中，如果产品提出一些点击某些可点击的DOM就触发上传事件等需求时，我们可以自己实现一个自定义上传的方法，甚至也可以封装成组件方便使用。 UI实现原理也比较简单。最核心的就是隐藏系统上传的dom，通过js的点击事件触发其点击事件。然后为其增添一个change的事件即可获取到上传的文件。 1234567891011<input id="uploadBtn" type 2021-10-28 javascript javascript
Event Loop 事件循环 事件事件是可以被Javascript侦测到的行为，通俗的讲就是当用户与Web页面进行某些交互时，解释器就会创建响应的event对象以描述事件信息。 JavaScript 是一门 单线程 语言，即同一时间只能执行一个任务，即代码执行是同步并且阻塞的。 任务队列 （task queue）队列 是一种 FIFO(First In, First Out) 的数据结构，它的特点就是 先进先出。 栈 （Sta 2021-10-25 javascript javascript
关于useEffect的一个小考点 在 react useEffect 中，我们都知道的是： 1.第二个参数是用来监听变量变化后才选择是否执行该 effect 中方法的。 2.在什么都不监听（useEffect 第二个参数为[]）的情况下，组件销毁时会执行 return 中的逻辑。 那么，如果同时存在监听了变量和 return 方法时，useEffect 会怎样执行里面的逻辑呢？ 1234 2021-09-27 React React
React useModel之全局变量 现如今，利用react+umi框架开发项目已成为主流，umi也出了很多非常好用的api和hooks。这篇文章打算来讲一下umi框架的全局变量useModal。 useModel首先，在项目src文件夹下的model文件夹中创建一个存放全局变量的文件。这里可以创建多个，根据文件名字即可引用到相应的全局文件。 然后在文件中可以直接使用react hooks的方法。这里以useState为例 12345 2021-09-23 React React