徐小夕_社区达人页

2022年05月

• 05.05 14:55:42
  发表了文章 2022-05-05 14:55:42

  基于业务场景下的图片/文件上传方案总结

  图片/文件上传组是企业项目开发中必不可少的环节之一, 但凡涉及到用户模块的都会有图片/文件上传需求, 在很多第三方组件库(ant desigin, element ui)中它也是基础组件之一. 接下来笔者就来带大家从零实现一款图片/文件上传组件以及扩展出更强大的上传组件.

  
• 05.05 14:52:07
  发表了文章 2022-05-05 14:52:07

  如何实现H5可视化编辑器的实时预览和真机扫码预览功能

  所见即所得的设计理念在WEB IDE领域里一直是备受瞩目的功能亮点, 也能极大的提高** web coder的编程体验和编程效率. 笔者接下来就将对H5可视化编辑器的实时预览和真机扫码预览**功能做一次方案剖析, 为大家在设计类似产品的时候提供一些思路. 我们还是基于笔者开发的 H5-Dooring可视化编辑器作为案例来分析上述功能实现.

  
• 05.05 14:48:51
  发表了文章 2022-05-05 14:48:51

  基于NodeJS从零构建线上自动化打包工作流（H5-Dooring特别版）

  NodeJS在前端领域正扮演着越越重要的地位，它不仅可以让前端工作者使用javascript编写后端代码，还能方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动，**非阻塞I/O **模型而得以轻量和高效，非常适合在分布式设备上运行数据密集型的实时应用。

  
• 05.05 14:45:52
  发表了文章 2022-05-05 14:45:52

  基于f2从零实现移动端可视化编辑器

  笔者之前花了大量的时间在思考如何设计和实现H5页面可视化编辑器H5-Dooring，从第一个版本到现在经历了很多次版本迭代和优化，也收到了很多宝贵的建议，目前刚好完成了移动端数据可视化的基本设计和落地方案，在这里特地总结和复盘一下。

  
• 05.05 14:41:47
  发表了文章 2022-05-05 14:41:47

  在线IDE开发入门之从零实现一个在线代码编辑器

  3年前在AWS re:Invent 大会上AWS 宣布推出 Cloud9, 用于在云端编写、运行和调试代码，它可以直接运行在浏览器中，也就是传说中的 Web IDE。3年后的今天随着国内云计算的发展, 各大云计算服务厂商都在部署自己的WEB IDE, 而且已经有非常成熟的落地方案, 对于这一块的技术原理和实现, 也非常值得我们去学习和剖析.

  
• 05.05 14:38:49
  发表了文章 2022-05-05 14:38:49

  Dooring可视化之从零实现动态表单设计器

  之前笔者有写过一篇如何设计动态表单配置平台的文章，但是由于笔者电脑问题代码丢失，所以后期重新实现了一套表单设计器，并优化了之前的设计方式，特地做一下总结和复盘。

  
• 05.05 14:35:20
  发表了文章 2022-05-05 14:35:20

  基于React+Koa实现一个h5页面可视化编辑器－Dooring | 🏆 技术专题第三期征文

  前段时间笔者一直忙于数据可视化方面的工作，比如如何实现拖拽式生成可视化大屏，如何定制可视化图表交互和数据导入方案等，这块需求在B端企业中应用非常大，所以非常有探索价值。

  
• 05.05 14:27:19
  发表了文章 2022-05-05 14:27:19

  记一次HEX和RGB互换算法的思考及应用

  由于笔者最近在开发可视化平台,所以对动态编辑器这块做了一段时间的研究, 发现其中有个小模块的知识点比较有意思,所以在这里分享一下.

  
• 05.05 14:20:25
  发表了文章 2022-05-05 14:20:25

  深度剖析github star数15.1k的开源项目redux-thunk

  日益忙碌的一周又过去了，是时候开始每周一次的总结复盘了，今天笔者就来剖析一下github中star数15.1k的开源项目redux-thunk。

  
• 05.05 14:12:31
  发表了文章 2022-05-05 14:12:31

  typescript实战总结之实现一个互联网黑白墙

  笔者上一篇文章 TS核心知识点总结及项目实战案例分析 主要写了typescript的用法和核心知识点总结, 这篇文章将通过一个实际的前端案例来教大家如何在项目中使用typescript.

  
• 05.05 14:07:45
  发表了文章 2022-05-05 14:07:45

  TS核心知识点总结及项目实战案例分析

  最近工作一直很忙，复盘周期也有所拉长，不过还是会坚持每周复盘。今天笔者将复盘一下typescript在前端项目中的应用，至于为什么要学习typescript，我想大家也不言自明，目前主流框架vue和react以及相关生态的内部构建大部分都采用了typescript，其原因就在于它的静态类型检查极大的提高了代码的可读性和可维护性，而且定位问题非常方便。下面上一份关于typescript的官方定义，方便大家理解：

  
• 05.05 13:59:14
  发表了文章 2022-05-05 13:59:14

  当遇到跨域开发时, 我们如何处理好前后端配置和请求库封装(koa/axios版)

  我们知道很多大型项目都或多或少的采用跨域的模式开发, 以达到服务和资源的解耦和高效利用. 在大前端盛行的今天更为如此, 前端工程师可以通过nodejs或者Nginx轻松搭建起web服务器.这个时候我们只需要请求后端服务器的接口即可实现系统的业务功能开发.这个过程中会涉及到web页面向API服务器的跨域访问(由于受到浏览器的同源策略,但是业界已有很多解决方案,接下来会介绍).通过这种开发模式使得我们真正的实现了前后端完全分离.

  
• 05.05 13:43:30
  发表了文章 2022-05-05 13:43:30

  轻松使用纯css3打造有点意思的故障艺术(附React/Vue加强组件版)

  很早之前就看到国外很多酷炫的网站在实践"故障艺术", 或者错位动画", 感觉非常有意思, 现在APP端的抖音启动界面有着这种设计的影子, 作为一名用于探索未知的前端工程师, 有必要好好实践一下这一设计.

  
• 05.05 13:39:50
  发表了文章 2022-05-05 13:39:50

  使用reveal.js制作精美的网页版PPT

  最近在做季度总结和技术分享,所以需要做个PPT, 来回顾这半年来的技术贡献. 但苦于mac上运行PPT那感人的流畅度, 成功的激起了笔者的强迫症, 所以索性想办法通过技术的手段来做个网页版PPT, 这个时候笔者发现了reveal.js: 一个使用 HTML 语言制作演示文稿的 Web 框架，支持插入多种格式的内容，并以类似 PPT 的形式呈现. 花了15分钟系统的调研了一下, 觉得基本满足技术分享类PPT的要求, 所以决定采用该方案来实现我的网页版PPT. 这里列一下笔者的技术调研方法论, 供大家参考:

  
• 05.05 13:31:59
  发表了文章 2022-05-05 13:31:59

  快速在你的vue/react应用中实现ssr(服务端渲染)

  我们都知道, Vue和React是构建客户端应用程序的框架。默认情况下，可以在浏览器中输出自定义组件，进行生成 DOM 和操作 DOM, 也就是我们常说的客户端渲染, 并且我们大部分主流的场景都是SPA(单页面)应用, 而随着 SPA尤其是 React、Vue、Angular 为代表的前端框架的流行，越来越多的 Web App 使用的是客户端渲染。

  
• 05.05 13:27:56
  发表了文章 2022-05-05 13:27:56

  javascript进阶必备的二叉树知识

  每当放完小长假，我都会习惯性的反思和复盘一下自己的技术，尤其是端午节。为什么我会写二叉树的文章呢？其实这涉及到程序员的一个成长性的问题。对于0-3年的前端程序员来说，可能很少有机会涉及到数据结构和算法的工作中，除非去大厂或者做架构相关的工作。但是很多工作2-3年的前端工程师，业务工作已经相对熟悉了，各种技术或多或少也都使用过，那么在这个阶段，对于每个有追求的程序员，是不是应该突破一下自己的技术瓶颈，去研究一些更深层次的知识呢？没错，这个阶段我们最应该了解的就是数据结构，算法，设计模式相关的知识，设计模式和算法笔者在之前的文章中已经系统的总结过了，感兴趣的可以学习了解一下。

  
• 05.05 13:21:15
  发表了文章 2022-05-05 13:21:15

  原生javascript组件开发之Web Component实战

  作为一名前端工程师，我们每天都在和组件打交道，我们也许基于react/vue使用过很多第三方组件库，比如ant design，elementUI，iView等，或者基于它们进行过组件的二次开发，比如业务组件，UI组件等，亦或者觉得团队能力很强，可以不依赖第三方而独立开发属于自己的组件库。无论何种形式，组件开发已然成为我们工作中的必备技能，为了更好的复用性和可维护性，组件化开发是必然选择，也正是因为组件化开发越来越重要，几年前web标准推出了Web Component这一概念，意在解决html原生标记语言复用性的问题。

  
• 05.05 13:14:41
  发表了文章 2022-05-05 13:14:41

  如何使用css3实现一个类在线直播的队列动画

  之前在群里有个朋友问了这样一个问题, 就是如何在小程序中实现类似直播平台的用户上线时的队列动画? 作为一名前端工程师, 解决方案无非以下2种:

  
• 05.05 13:10:21
  发表了文章 2022-05-05 13:10:21

  当后端一次性丢给你10万条数据, 作为前端工程师的你,要怎么处理?

  前段时间有朋友问我一个他们公司遇到的问题, 说是后端由于某种原因没有实现分页功能, 所以一次性返回了2万条数据,让前端用select组件展示到用户界面里. 我听完之后立马明白了他的困惑, 如果通过硬编码的方式去直接渲染这两万条数据到select中,肯定会卡死. 后面他还说需要支持搜索, 也是前端来实现,我顿时产生了兴趣. 当时想到的方案大致如下:

  
• 05.05 13:06:26
  发表了文章 2022-05-05 13:06:26

  动态刻度可视化组件实现

  之前有个网友问我了一个很有价值的问题, 有关实现数据可视化的问题, 但是这个可视化问题不是一般的柱状图, 折现图之类的,而是不规则刻度的数据可视化.所以笔者思考了一下决定自己实现一个动态刻度可视化组件的方案, 来解决这一类的需求.

  
• 05.05 13:03:03
  发表了文章 2022-05-05 13:03:03

  使用Intersection Observer API实现视频队列自动播放

  笔者利用空余时间研究了一下javascript的Intersection Observer API，发现其有很大的应用场景，比如图片或者内容的懒加载，视差动画等。笔者也在之前的文章中详细介绍了3种Observer（观察者）的用法，包括位置监听，dom变化监听以及窗口变化监听，它们有非常多的应用场景，所以很有必要研究明白， 感兴趣的可以读完本片文章之后学习一下（几个非常有意思的javascript知识点总结）.

  
• 05.05 12:52:55
  发表了文章 2022-05-05 12:52:55

  基于Apify+node+react/vue搭建一个有点意思的爬虫平台

  熟悉我的朋友可能会知道，我一向是不写热点的。为什么不写呢？是因为我不关注热点吗？其实也不是。有些事件我还是很关注的，也确实有不少想法和观点。 但我一直奉行一个原则，就是：要做有生命力的内容。

  
• 05.05 12:47:21
  发表了文章 2022-05-05 12:47:21

  javascript正则深入以及10个非常有意思的正则实战

  熟悉我的朋友可能会知道，我一向是不写热点的。为什么不写呢？是因为我不关注热点吗？其实也不是。有些事件我还是很关注的，也确实有不少想法和观点。 但我一直奉行一个原则，就是：要做有生命力的内容。

  
• 05.05 12:40:22
  发表了文章 2022-05-05 12:40:22

  基于react/vue开发一个专属于程序员的朋友圈应用

  今天本来想开源自己写的CMS应用的，但是由于五一期间笔者的mac电脑突然崩溃了，所有数据无法恢复，导致部分代码丢失，但庆幸的是cms的打包文件已上传服务器，感兴趣的朋友可以在文末链接中访问查看。

  
• 05.05 12:35:13
  发表了文章 2022-05-05 12:35:13

  基于react搭建一个通用的表单管理配置平台（vue同）

  熟悉我的朋友可能会知道，我一向是不写热点的。为什么不写呢？是因为我不关注热点吗？其实也不是。有些事件我还是很关注的，也确实有不少想法和观点。 但我一直奉行一个原则，就是：要做有生命力的内容。

  
• 05.05 00:30:52
  发表了文章 2022-05-05 00:30:52

  程序员必备的几种常见排序算法和搜索算法总结

  最近为了巩固一下自己的算法基础,又把算法书里的基本算法刷了一遍, 特地总结一下前端工程师需要了解的排序算法和搜索算法知识,虽然还有很多高深算法需要了解, 但是基础还是要好好巩固一下的.本文将以图文的形式为大家介绍如下算法知识,希望在读完之后大家能有所收获:

  
• 05.05 00:22:57
  发表了文章 2022-05-05 00:22:57

  前端进阶之从零到一实现单向 & 双向链表

  前端工程师对于算法和数据结构这块的知识的掌握程度，是进阶高级工程师的非常重要的标志之一，为了总结一下数据结构和算法方面的知识，笔者今天继续把链表这一块的知识补上，也作为自己知识体系的一个梳理，笔者早在去年就写过一篇关于使用javascript实现二叉树和二叉搜索树的文章，如果感兴趣或者想进阶高级的朋友们可以参考学习一下：JavaScript 中的二叉树以及二叉搜索树的实现及应用.

  
• 05.05 00:14:20
  发表了文章 2022-05-05 00:14:20

  几个非常有意思的javascript知识点总结

  作为一名前端爱好者, 笔者利用空余时间研究了几个国外网站的源码,发现不管是库,还是业务代码,都会用到了一些比较有意思的API,虽然平时在工作中部分接触过,但是经过这次的研究,觉得很有必要总结一下,毕竟已经2020年了,是时候更新一下技术储备了,本文主要通过实际案例来带大家快速了解以下几个知识点:

  
• 05.05 00:04:46
  发表了文章 2022-05-05 00:04:46

  30分钟开发一款抓取网站图片资源的浏览器插件

  由于业务需求, 笔者要为公司开发几款实用的浏览器插件,所以大致花了一天的时间,看完了谷歌浏览器插件开发文档,在这里特地总结一下经验, 并通过一个实际案例来复盘插件开发的流程和注意事项.

  
• 05.04 23:55:59
  发表了文章 2022-05-04 23:55:59

  微前端架构初探以及我的前端技术盘点

  最近几年微前端一直是前端界的热门议题, 它类似于微服务架构, 主要面向于浏览器端，能将一个复杂而庞大的单体应用拆分为多个功能模块清晰且独立的子应用,且共同服于务同一个主应用。各个子应用可以独立运行、独立开发和独立部署。 微前端架构概念的诞生及应用对于提供复杂应用服务的企业来说显然是一种机遇, 同样也是一种挑战.本文主要就微前端架构的概念和实现方案做一个总结和复盘,并且通过一个实际案例来实践微前端架构,希望能对同样有此需求的朋友们提供一些帮助和思路.

  
• 05.04 23:51:52
  发表了文章 2022-05-04 23:51:52

  浏览器缓存库设计总结（localStorage/indexedDB）

  浏览器缓存设计一直是web性能优化中非常重要的一个环节,也是SPA应用盛行的今天不得不考虑的问题.作为一名优秀的前端工程师,为了让我们的应用更流畅,用户体验更好,我们有必要做好浏览器缓存策略.

  
• 05.04 23:48:06
  发表了文章 2022-05-04 23:48:06

  使用nodeJs开发自己的图床应用

  本文主要复盘笔者的nodeJS，通过一个线上的实战案例来总结node生态常用的技术点和最佳实践。后面会花费大概一个月的时间输出3篇以实战为主的nodeJs项目，本文是第一篇，主要介绍如何使用nodeJs开发一个图床应用。该项目对于测试和个人服务型网站非常实用，大家可以基于此扩展出更强大的应用。本文的图床项目主要使用Koa进行开发，不熟悉的可以先研究一下koa官网，或者看笔者之前写的nodeJS的文章。

  
• 05.04 23:43:06
  发表了文章 2022-05-04 23:43:06

  5分钟教你使用console.log发布公司的招聘信息

  通过这种方式来帮助公司做招聘，是不是很有创意呢？一方面可以体现出这些公司对人才的渴望，另一方面也可以让开发者们直接接触招聘信息，更加高效的找到对公司感兴趣的求职者。

  
• 05.04 22:19:09
  发表了文章 2022-05-04 22:19:09

  30分钟带你了解Web工程师必知的Docker知识

  笔者之前和朋友一直在讨论web技术方向的话题，也一直想了解web运维方面的知识，所以特意请教了一下我的朋友老胡，他对web运维和后端技术有非常多的实战经验，所以在本文中他也提供了不少帮助。本文主要会介绍Docker的基础知识和应用领域，并通过实际部署一个web项目来带大家了解Docker的使用方式。

  
• 05.04 22:09:02
  发表了文章 2022-05-04 22:09:02

  精通React/Vue系列之实现一个全局提示(Message)组件

  本文是笔者写组件设计的第十一篇文章, 今天带大家实现一个同样比较特殊的组件——全局提示(Message)组件。 我们看到的组件效果可能是这样的：

  
• 05.04 21:59:16
  发表了文章 2022-05-04 21:59:16

  从零到一教你基于vue开发一个组件库

  Vue是一套用于构建用户界面的渐进式框架,目前有越来越多的开发者在学习和使用.在笔者写完 从0到1教你搭建前端团队的组件系统 之后很多朋友希望了解一下如何搭建基于vue的组件系统,所以作为这篇文章的补充,本文来总结一下如何搭建基于vue的组件库. 虽然笔者有近2年没有从事vue的开发了,但平时一直在关注vue的更新和发展, 笔者一直认为技术团队的组件化之路重点在于基础架构的搭建以及组件化的设计思想,我们完全可以采用不同的框架实现类似的设计,所以透过现象看本质,思想才是最重要的.本文主要教大家通过使用vue-cli3 一步步搭建一个组件库并发布到npm上,但笔者认为重点不在于实现搭建组件库的具体

  
• 05.04 21:53:44
  发表了文章 2022-05-04 21:53:44

  30分钟教你优雅的搭建nodejs开发环境及目录设计

  笔者最近在工作之余,一直在做数据可视化和nodejs方面的研究,虽然之前的web工作中接触过nodejs和可视化相关的内容,但是没有一个系统的总结和回顾,所以为了更深入的研究和复盘我的nodejs和数据可视化之路,笔者将会花两个月的时间,做一个彻底的复盘.

  
• 05.04 13:55:43
  发表了文章 2022-05-04 13:55:43

  10分钟教你手写8个常用的自定义hooks

  Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。本文是一篇以实战为主的文章，主要讲解实际项目中如何使用hooks以及一些最佳实践，不会一步步再介绍一遍react hooks的由来和基本使用，因为写hooks的文章很多，而且官网对于react hooks的介绍也很详细，所以大家不熟悉的可以看一遍官网。

  
• 05.04 13:48:26
  发表了文章 2022-05-04 13:48:26

  《彻底掌握redux》之开发一个任务管理平台（上）

  redux是上手react开发的必经之路，也是目前react项目中使用的最流行状态管理库。虽然我们不使用redux也可以通过react的state和父子props进行基本的数据通信和项目开发，但是对于一个大型项目而言，往往考虑的更多的是代码结构和组件之间的通信，我们需要一种很优雅且有利于扩展的方式去开发我们的复杂系统，所以这种情况下使用redux是最佳的选择。

  
• 05.04 13:41:43
  发表了文章 2022-05-04 13:41:43

  从0到1教你搭建前端团队的组件系统（高级进阶必备）

  随着vue/react这类以数据驱动为主的web框架的不断完善和壮大，越来越多的前端团队开始着手搭建内部的组件库。虽然目前市面上已经有很多功能强大且完善的组件库供我们使用，比如基于react的开源组件库ant-design，material，又比如基于vue的开源组件库elementUI，iView等。

  
• 05.04 13:33:59
  发表了文章 2022-05-04 13:33:59

  精通React/Vue系列之手把手带你实现一个功能强大的通知提醒框(Notification)

  本文是笔者写组件设计的第十篇文章, 今天带大家实现一个比较特殊的组件——通知提醒框(Notification)。 该组件在诸如Antd或者elementUI等第三方组件库中也都会出现,主要用来为用户提供系统通知信息的.我们在调用它时并不像其他组件一样，通过引入组件标签来调用。

  
• 05.04 13:25:37
  发表了文章 2022-05-04 13:25:37

  手摸手实现一个轻量级可扩展的模态框(Modal)组件

  本文是笔者写组件设计的第九篇文章, 今天带大家实现一个轻量级且可灵活配置组合的模态框(Modal)组件, 该组件在诸如Antd或者elementUI等第三方组件库中都会出现,主要用来提供系统的用户反馈.

  
• 05.03 13:58:33
  发表了文章 2022-05-03 13:58:33

  《精通react/vue组件设计》之5分钟教你实现一个极具创意的加载(Loading)组件

  本文是笔者写组件设计的第八篇文章, 今天带大家用5分钟实现一个极具创意的加载(loading)组件.涉及的核心知识点主要是css3相关特性, 如果大家非常熟悉,可直接跳过介绍直接看正文.

  
• 05.03 13:53:31
  发表了文章 2022-05-03 13:53:31

  《精通react/vue组件设计》之实现一个健壮的警告提示(Alert)组件

  本文是笔者写组件设计的第七篇文章, 今天带大家实现一个自带主题且可关闭的Alert组件, 该组件在诸如Antd或者elementUI等第三方组件库中都会出现,主要用来提供系统的用户反馈.

  
• 05.03 13:48:51
  发表了文章 2022-05-03 13:48:51

  《精通react/vue组件设计》之配合React Portals实现一个功能强大的抽屉(Drawer)组件

  本文是笔者写组件设计的第六篇文章,内容依次从易到难,今天会用到react的高级API React Portals,它也是很多复杂组件必用的方法之一. 通过组件的设计过程,大家会接触到一个完成健壮的组件设计思路和方法,也能在实现组件的过程逐渐对react/vue的高级知识和技巧有更深的理解和掌握,并且在企业实际工作做游刃有余.

  
• 05.03 13:41:37
  发表了文章 2022-05-03 13:41:37

  《精通react/vue组件设计》之5分钟实现一个Tag(标签)组件和Empty(空状态)组件

  本文是笔者写组件设计的第五篇文章,之所以会写组件设计相关的文章,是因为作为一名前端优秀的前端工程师,面对各种繁琐而重复的工作,我们不应该按部就班的去"辛勤劳动",而是要根据已有前端的开发经验,总结出一套自己的高效开发的方法.作为数据驱动的领导者react/vue等MVVM框架的出现,帮我们减少了工作中大量的冗余代码, 一切皆组件的思想深得人心.所以, 为了让工程师们有更多的时间去考虑业务和产品迭代,我们不得不掌握高质量组件设计的思路和方法.所以笔者将花时间去总结各种业务场景下的组件的设计思路和方法,并用原生框架的语法去实现各种常用组件的开发,希望等让前端新手或者有一定工作经验的朋友能有所收获.

  
• 05.02 23:17:40
  发表了文章 2022-05-02 23:17:40

  《前端实战总结》之使用纯css实现网站换肤和焦点图切换动画

  今天我们来继续复盘一些工作中常用的css技巧和知识,以便我们可以更加优雅的用css实现富有动感的网站.

  
• 05.02 23:05:48
  发表了文章 2022-05-02 23:05:48

  2年vue项目实战经验汇总

  vue作为前端主流的3大框架之一，目前在国内有着非常广泛的应用，由于其轻量和自底向上的渐进式设计思想，使其不仅仅被应用于PC系统，对于移动端，桌面软件（electronjs）等也有广泛的应用，与此诞生的优秀的开源框架比如elementUI，iView， ant-design-vue等也极大的降低了开发者的开发成本，并极大的提高了开发效率。笔者最初接触vue时也是使用的iview框架，亲生体会之后确实非常易用且强大。 笔者曾经有两年的vue项目经验，基于vue做过移动端项目和PC端的ERP系统，虽然平时工作中采用的是react技术栈，但平时还是会积累很多vue相关的最佳实践和做一些基于vue的开

  
• 05.02 22:51:29
  发表了文章 2022-05-02 22:51:29

  《精通react/vue组件设计》之快速实现一个可定制的进度条组件

  这篇文章是笔者写组件设计的第四篇文章,之所以会写组件设计相关的文章,是因为作为一名前端优秀的前端工程师,面对各种繁琐而重复的工作,我们不应该按部就班的去"辛勤劳动",而是要根据已有前端的开发经验,总结出一套自己的高效开发的方法.作为数据驱动的领导者react/vue等MVVM框架的出现,帮我们减少了工作中大量的冗余代码, 一切皆组件的思想深得人心.所以, 为了让工程师们有更多的时间去考虑业务和产品迭代,我们不得不掌握高质量组件设计的思路和方法.所以笔者将花时间去总结各种业务场景下的组件的设计思路和方法,并用原生框架的语法去实现各种常用组件的开发,希望等让前端新手或者有一定工作经验的朋友能有所收

  
• 05.02 22:42:27
  发表了文章 2022-05-02 22:42:27

  《精通react/vue组件设计》之用纯css打造类materialUI的按钮点击动画并封装成react组件

  作为一个前端框架的重度使用者,在技术选型上也会非常注意其生态和完整性.笔者先后开发过基于vue,react,angular等框架的项目,碧如vue生态的elementUI, ant-design-vue, iView等成熟的UI框架, react生态的ant-design, materialUI等,这些第三方UI框架极大的降低了我们开发一个项目的成本和复杂度,使开发者更专注于实现业务逻辑和服务化. 但随着对用户体验的越来越重视,对交互体验要求的提高以及css3等新标准的出现,使得web更加大放异彩, 各种动效的实现都变得非常容易.笔者在研究materialUI框架时对于它的交互及其赞叹.所以为