React开发小应用:实现BOX拖拽功能
![](/images/tt/react.jpg) 分享React开发小应用:实现BOX拖拽功能。 因为工作中会用到 JIRA 所以想实现一下相似的功能,顺便学习一下 H5 的拖拽。不支持拖拽改变顺序,感觉有点麻烦,而且没必要。感觉相关的博文好少的,大部分都是直接上代码,没有解释。 图片默认可以拖动,其他元素的拖动效果同图片。正常的 div 是不能被拖动的,鼠标点击选择后...
![](/images/tt/react.jpg) 分享React开发小应用:实现BOX拖拽功能。 因为工作中会用到 JIRA 所以想实现一下相似的功能,顺便学习一下 H5 的拖拽。不支持拖拽改变顺序,感觉有点麻烦,而且没必要。感觉相关的博文好少的,大部分都是直接上代码,没有解释。 图片默认可以拖动,其他元素的拖动效果同图片。正常的 div 是不能被拖动的,鼠标点击选择后...
![](/images/tt/react.jpg) [React](/React/)框架的应用越来越广泛,所以作为前端工作人员来说,掌握的技术知识点需要不断增加,这些需要我们日常积累。今天分享下[React](/React/)一个开发TIPS:分享几种事件绑定this指向的方法。 #### 箭头函数 利用箭头函数自身不绑定this的特点,render()方法中的this为...
![](/images/tt/react.jpg) [React](/React/)开发人员需要一个代码编辑器,使他们能够高效地编写[React](/React/)代码。VS Code市场上有成千上万的免费扩展,可帮助增强您的开发工作流程。在本文中,我将重点介绍一系列扩展和设置,这些将使您的[React](/React/)编码生产力达到专业水平。 我将在此处列出的某些扩展不...
在本文中,我将讨论构建和构造大型[React](/React/)应用程序时采用的方法。[React](/React/)的最佳功能之一是它如何摆脱阻碍,并且在文件结构方面几乎没有描述性。因此,您会在Stack Overflow和类似站点上发现很多问题,询问如何构建应用程序。这是一个很自以为是的话题,没有正确的方法。在本文中,我将向您介绍在构建React应用程序时所做出的决策:挑选...
![](/images/tt/react.jpg) 在本文中,我们将研究如何使用Jest(Facebook维护的测试框架)来测试React组件。我们将首先研究如何在普通JavaScript函数上使用Jest,然后再查看Jest提供的一些特定功能,这些功能专门旨在简化React应用程序的测试。 值得注意的是,Jest并不是专门针对React的:您可以使用它来测试任何JavaS...
![](/images/tt/js.jpg) 众所周知,[Web前端](/)开发工程师,这个职位在WEB开发行业中,是比较吃香的。技术层面的高低,决定你在这个行业的地位;要想提高自己的地位,我们必须不断的扩大自己的知识面。今天带大家了解下最近流行的技术栈:[React](/React/)+ TypeScript + Redux Toolkit。OK,走起吧!!! 在本文中,...
![](http://static.51tbox.com/static/2024-11-23/col/7b11c01d8f667426973eb3689474758f/6bb9107e341647139af8b07684b19c5a.jpg.jpg) 炎炎夏日,温度直飙38°,还是在家里舒服点,静下心来写点东西。上篇文章我们分享了"[简单了解下react中处理API...
![QQ截图20200831182239.jpg](http://static.51tbox.com/static/2024-11-23/col/21d1d127b61449dfb4cc86628895259f/8fbb9e584ba84ab6812027e68b9dbfb4.jpg.jpg "QQ截图20200831182239.jpg") 俗说话,金无...
Web前端工程师会"抛弃 React、Angular"? ![nimg.ws.126.net.jpg](http://static.51tbox.com/static/2024-11-23/col/469119783cf868779b77acb17cfca46d/35152a258ae3456c93d4a53330e7f1af.jpg.jpg "...
![](/images/tt/react.jpg) React Router是[React](/search.php?q=react)的事实上的标准路由库。当您需要在具有多个视图的[React](/search.php?q=react)应用程序中导航时,将需要一个路由器来管理URL。React Router会做到这一点,使您的应用程序UI和URL保持同步。 本教程向您介绍R...