开源仓库地址 giteeGit仓库地址:https://gitee.com/zhanhongzhu/zhanhongzhu.git应用地址windows应用地址下载 https://kestrel-task.cn具体内容也可以看🎉使用Tauri+vite+koa2+mysql开发了一款待办效率应用 这篇文章。💻技术栈Tauri: Tauri是一个用于构建现代桌面应用...

目前 React Native 新架构所依赖的 React 18 已经发了 beta 版，React Native 新架构面向生态库和核心开发者的文档也正式发布，React Native 团队成员 Kevin Gozali 也在最近一次访谈中谈到新架构离正式发版还差最后一步延迟初始化，而最后一步工作大约会在 2022 年...

最近苹果的 iOS 系统升级到了 iOS 14，这次的更新我比较关注的就是升级的小组件功能，这次更新我们可以将小组件放置在主屏幕中的任何位置，可以让我们更加便捷的查看一些信息，从而省去了还需要打开APP去查看消息的步骤，感觉很方便。

目前来说，无论是 to c 业务,还是 to b 业务，对于前端开发者的要求越来越高，各种绚丽的视觉效果，复杂的业务逻辑层出不穷。针对于业务逻辑而言，贯穿后端业务和前端交互都有一个关键点 —— 状态转换。

什么是workbox，workbox有什么用途，为什么要使用它？在介绍workbox之前，我们来先大致了解一下service worker，有助于我们后面更好地去理解workbox。

本文同步自个人公众号 “JSCON简时空”，欢迎关注： [链接]1. 前言恰逢最近需要编写一个简单的后端 Node.js 应用，由于是全新的小应用，没有历史包袱 ，所以趁着这次机会换了一种全新的开发模式：语言使用 TypeScript，不仅仅是强类型那么简单，它还提供很多高级语法糖...

了解过D3的同学，对下边的这张图片想必都很熟悉 D3是data-diven-document的意思，那么到底什么是数据驱动文档呢？D3是怎样把数据跟dom元素连接到一起的？ 一般是分为三步： selectAll 选取 data 绑定 通过enter() update() exit() 操作 就像下边的代码所示： {代码.....

Redux 也是我列在 THE LAST TIME 系列中的一篇，由于现在正在着手探究关于我目前正在开发的业务中状态管理的方案。所以，这里打算先从 Redux 中学习学习，从他的状态中取取经。毕竟，成功总是需要站在巨人的肩膀上不是。

本文同步自个人公众号 “JSCON简时空”，欢迎关注： [链接] 本文长约 1w 字，阅读耗时约 20 min 本文要是讲 JWT（JSON Web Token） ，我刚接触这个这个知识点的时候，心路历程是这样的： 啊？Token 是什么？ 什么是 JWT？为什么要去用 JWT？ 使用 JWT 繁琐不繁琐，怎么...

webpack配置 查看所有文档页面：全栈开发，获取更多信息。原文链接：第2章 配置，原文广告模态框遮挡，阅读体验不好，所以整理成本文，方便查找。 配置 Webpack 的方式有两种： 通过一个 JavaScript 文件描述配置，例如使用 webpack.config.js 文件里的配置； 执行 W...

近期工作中要处理很多 SVG 图片, 所以从零开始学习了 SVG 的相关内容.我看的是这本书 SVG Essentials, 2nd Edition,以及它的中译版 SVG精髓（第2版）.这本书深入浅出, 例子很多, 非常不错. 因为 svg 涉及到很多关于颜色的内容, 所以还是建议大家看电子版.

这块的东西很多很杂，不过梳理和总结之后，回过头来看，其实学习思路、学习路线应该还是比较清晰的。由于个人认知有限，不足的地方也欢迎大家评论里补充。

我们是谁？ 我们全称是，淘宝技术部-行业与智能运营-阿里拍卖-前端技术组，我们属于大淘宝事业群，垂直支撑阿里拍卖业务。 阿里拍卖是什么样的业务？ 拍卖业务的基本盘是司法拍卖，拥有统治级别的市场占有率。涉足行业以“独”，“特”，“大”为主。 大到高速公路，波音74...

正在着手写 THE LAST TIME 系列的 Typescript 篇，而Decorator 一直是我个人看来一个非常不错的切面方案。所谓的切面方案就是我们常说的切面编程 AOP。一种编程思想，简单直白的解释就是，一种在运行时，动态的将代码切入到类的指定方法、指定位置上的编程思想就是 A...

在搜索领域，早已出现了“查找相似图片/相似商品”的相关功能，如 Google 搜图，百度搜图，淘宝的拍照搜商品等。要实现类似的计算图片相似度的功能，除了使用听起来高大上的“人工智能”以外，其实通过 js 和几种简单的算法，也能八九不离十地实现类似的效果。

前言 The last time, I have learned 【THE LAST TIME】一直是我想写的一个系列，旨在厚积薄发，重温前端。 也是给自己的查缺补漏和技术分享。 欢迎大家多多评论指点吐槽。 系列文章均首发于公众号【全栈前端精选】，笔者文章集合详见GitHub 地址：Nealyang/personal...

Hooks 的 API 可以参照 React 官网。本文主要是结合 Demo 详细讲解如何用 Hooks 来实现 React Class Component 写法，让大家更深的理解 Hooks 的机制并且更快的入门。 注意：Rax 的写法和 React 是一致的，本文 Demo 基于 React 实现 ，查看 Demo 完整版

经过一番探索，实现的思路主要来自文章 《求两点间所有路径的遍历算法》 ，只是该文中并没有给出具体的实现细节，需要自己去实现；最终本文的实现结合类似《算法 - 调度场算法（Shunting Yard Algorithm）》 中所提及的双栈来完成。

本文简要介绍了如何在 Jest 单元测试中利用 Chrome Node DevTools 来辅助调试 1、背景 代码是 TS 写的 所测功能无 UI 界面，且出现 bug 初步定位到是循环体内部问题，功能较为复杂 用 console 式 debug 效率太低，需要打断点式调试 在 Jest 单测中进行 debugger 目前...

一、内置图形: {代码...} 二、内置图形的html属性或(css样式): {代码...} 三、基本元素用法 1、矩形 基本用法 {代码...} 扩展用法 {代码...} 2、圆 基本用法 {代码...} 扩展用法 {代码...} 3、椭圆 基本用法 {代码...} 扩展用法 {代码...} 4、直线 基本用法 {代码......