_kazaf

先看成果 场景 组织结构图、文件图等。 canvas 基础 多的不介绍，只介绍这次用到的一些API，详细的API就点这里看看。 moveTo 移动canvas画笔的点到指定...

本文将对 Vue-Vben-Admin 多标签页的状态管理进行源码解读，耐心读完，相信您一定会有所收获!...

在这次的项目中用到了pdf文件的预览功能，选择了pdf.js去预览pdf文件，实现滑动展示所有的pdf Pdf.js有两种使用方式 通过 npm 下载 直接下载 pdf.j...

前端项目除了目前的纯单页应用，还有SSR的应用，今天来讲一下两种前端项目基于Docker和Nginx的部署。...

Vue3.0 为什么要用 proxy？ 在 Vue2 中， 0bject.defineProperty 会改变原始数据，而 Proxy 是创建对象的虚拟表示，并提供 set...

拖拽排序是前端的常见需求，特别是在管理系统或者编辑器里。 比如低代码编辑器就支持把组件拖到页面不同位置来添加组件、调整顺序： 那么拖拽排序是怎么实现的呢？ 首先我们分析下它...

前端项目编程规范化配置 下述例子主要是从 代码规范化 以及 git 提交规范化 两方面进行配置。内容很多，请做好心理准备 一、代码检测工具 ESLint 当我们配置了 标准...

图片资源，在我们的业务中可谓是占据了非常大头的一环，尤其是其对带宽的消耗是十分巨大的。 对图片的性能优化及体验优化在今天就显得尤为重要。本文，就将从各个方面阐述，在各种新特...

GreenSock (TweenMax) 简单入门教程...

本文来看下 ahooks 针对常见的业务场景做了哪些封装。通过对这些 hook 的分析和思考，希望能够给大家在日常工作中遇到的场景有所帮助~...

说到 icon，很多前端开发只能想到 iconfont，或者组件库中提供的那些图标，当然这对于绝大多数开发场景是够用的。 但要知道，iconfont 的方案其实是在 201...

说到元素拖拽，通常都会先想到用 HTML5 的拖拽放置 (Drag 和 Drop) 来实现，它提供了一套完整的事件机制，看起来似乎是首选的解决方案，但实际却不是那么美好，主...

对于使用 react 的同学来说，hook 一定不陌生，但是如何封装 hook 以及在业务中怎么使用封装的 hook，很多同学并没有一个很好的实践，这篇文章就通过10个常用...

5w字长文讲述一个前端小白如何从零开始搭建项目，来感受小白首次使用这些令人眼花缭乱的技术时的艰辛与坎坷。...

目前来看 Context 是一个非常强大但是很多时候不会直接使用的 api。大多数项目不会直接使用 createContext 然后向下面传递数据，而是采用第三方库（rea...

上一篇文章和大家分享了低代码平台组件间通信方案的几种实现: 低代码平台组件间通信方案复盘 今天继续和大家分享一下比较有意思的可视化印章组件的实现. 你将收获 低代码组件的基...

掌握 React Hooks api 将更好的帮助你在工作中使用，对 React 的掌握更上一层楼。本系列将使用大量实例代码和效果展示，非常易于初学者和复习使用。 今天我们...

笔者在校做一个学习系统，Antd v4 在学习系统当中的表现，不足以支撑起学习系统对样式的定制化。所以有了 React Ocean， React Ocean 是一个为学习系...

提到大文件上传，在脑海里最先想到的应该就是将图片保存在自己的服务器（如七牛云服务器），保存在数据库，不仅可以当做地址使用，还可以当做资源使用；或者将图片...