- 博客(12)
- 收藏
- 关注
RSS订阅原创 CSS沿着环形路径运动的动画
围绕半径运动。从上面可以看到两个动画只是方向相反，那么我们想起了前面提到的animate-direction，使用reverse来得到动画的反向版本。
2023-02-28 23:19:44
980
原创 React 组合式开发实践：打造企业管理系统五大核心模块2
这本小册从如何搭建一个前端项目的脚手架讲起，一步步带领大家完成了一个基础的企业管理系统脚手架，其中包含了页面基础布局、页面级别的前端权限管理系统、自动匹配路由的无限级菜单、数据驱动的全局通知以及支持按需加载的系统多语言切换。这些当然不是企业管理系统的全部，但希望大家都能够在消化吸收了这些模块中的最佳实践后，举一反三地将这些知识与经验迁移到更多具体的业务需求中去。更重要的是希望大家能够理解「组合式开发」的真正含义。软件应用作为一个复杂系统，归根结底其降低内部复杂度的方式就是分层。
2022-03-07 01:30:08
969
原创 RC TE
FIBERREACT什么是不可变值函数式编程是指程序里面的函数和表达式都能像数学中的函数一样，给定了输入值，输出是确定的。比如let a = 1;let b = a + 1;=> a = 1 b = 2;变量b出现，虽然使用了变量a的值，但是没有修改a的值。再看我们熟悉的react中的代码，假如初始化了this.state = { count: 1 }componentDidMount() { const newState = { ...state, count: 2
2022-02-27 23:32:48
444
原创 Echarts关系图(Graph)能否获取到力矢量布局(force)后点(node)的[x, y]坐标点
修改lib/chart/graph/GraphView的render方法，拿到了力矢量布局的x,y坐标。通过Graphinstance.getOption()可以获取到x,y坐标。import * as GraphViewInstance from 'echarts/lib/chart/graph/GraphView';import graphic from "echarts/lib/util/graphic";import adjustEdge from 'echarts/lib/chart/gr
2022-02-16 00:48:17
1939
1
原创 Promise 注册微任务和执行过程
Promise 注册微任务和执行过程第一段代码第二段代码第三段代码第四段代码第五段代码第一段代码 new Promise((resolve, reject) => { console.log("外部promise"); resolve();}) .then(() => { console.log("外部第一个then"); return new Promise((resolve, reject) => { console.log("内部prom
2022-02-11 00:56:39
389
1
原创 2021-09-06
react-hook-form Moda ，useFormContext// Parent Componentconst Parent = () => { const [page, setPage] = useState(1); const nextPage = () => setPage(page + 1); const previousPage = () => setPage(page - 1); const methods = useForm(); retu
2021-09-06 16:36:31
109
原创 前端开发的四个时代
在前端整体进入组件化开发时代后，手写各种 UI 组件成为了许多前端工程师入门后的第一课。而对于工作了几年的资深工程师来说，手写组件已经不再是问题，但对于如何帮助团队提升整体开发效率以及个人接下来的技术成长方向却开始变得非常迷茫。以铜为鉴，可以正衣冠；以人为鉴，可以明得失；以史为鉴，可以知兴替。想要摆脱对未来的迷茫，最好的方法就是向后看，看一路走来前端开发是如何从服务端主导的静态网站一步步发展到现在由客户端主导的单页应用。只有了解了过去前端分别在不同的阶段解决了怎样的问题，才能更好地看清楚未来要向哪里去。
2020-05-25 16:52:29
611
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人