Gyang

前言 在上一篇的动态模板之后，我们已经完成了一个常规 CLI 工具需要的基本功能，包括了构建（webpack、rollup）、质量（eslint 校验）、模板（动态模板管理） 等等可以统一管理的模块。

今天继续和大家分享一款非常有趣且实用的前端实战项目——从零基于 react + canvas 实现一个滑动验证码

《手写可拖拽吸附的悬浮球组件》目前，前端生态圈中各种各样的UI framework 触目皆是，但有没有发现很多的UI framework 都没有悬浮球这个组件 ，其实这个也不难实现，所以我决定要亲手写

今天面试面试官出了一个抽奖系统的题目，现场的时候其实是有点晕的，做的也不太好，面试结束后又自己写了一个多小时，把一些bug解决了。整体感受就是：1.自己代码能力确实差啊 2.一个没bug的程序确实难写

做了一夜动画，让大家十分钟搞懂Webpack 一、什么是webpack webpack是一个打包工具，他的宗旨是一切静态资源皆可打包。 二、原理分析 首先我们通过一个制作一个打包文件的原型。 假设有两

最近我们的开源项目 iMove 一天就涨了 280+ star，一举登上了 github 趋势榜第 1 名，取得的成绩还是不错的，说明这个项目定位准确，确确实实解决了开发者问题。 今天，就通过本篇文章和大家介绍一下 iMove 开源项目，内容包含 iMove 功能和实现原理、独…

最近在学习 vue-cli 的源码，获益良多。为了让自己理解得更加深刻，我决定模仿它造一个轮子，争取尽可能多的实现原有的功能。 尽可能用最少的代码实现一个最简版本的脚手架。 在 1 的基础上添加一些辅助功能，例如选择包管理器、npm 源等等。 实现插件化，可以自由的进行扩展。在…

本文其实应该叫，Web 用户体验设计提升指南。 ... 所谓的用户体验设计，其实是一个比较虚的概念，是秉承着以用户为中心的思想的一种设计手段，以用户需求为目标而进行的设计。设计过程注重以用户为中心，用户体验的概念从开发的最早期就开始进入整个流程，并贯穿始终。 良好的用户体验设计…

由于我们的技术栈采用的是 React, 目前还没有一个成熟库可以同时支持自由拖拽和缩放, 我们不得不用 react-dragable 和 react-resiable两个库来实现拖拽和缩放, 但是这样我们要维护的数据结构就相当复杂了(当然vue生态有成熟的vue-dragabl…