React

react实战系列 —— 起步(mockjs、第一个模块、docusaurus)

其他章节请看: react实战 系列 起步 本篇我们首先引入 mockjs ,然后进入 spug 系统,接着模仿”任务计划“模块实现一个类似的一级导航页面(”My任务计划“),最后玩一下 Facebook 的 docusaurus,将 spug 官网文档在本地跑起来。 Tip:环境准备请看 上文 m ... »

pengjiali react

React项目中使用wangeditor以及扩展上传附件菜单

在最近的工作中需要用到富文本编辑器,结合项目的UI样式以及业务需求,选择了wangEditor。另外在使用的过程中发现wangEditor只有上传图片和视频的功能,没有上传文本附件的功能,所以需要对其扩展一个上传附件的功能。 我们的项目前端是用的react框架,在这里就记录一下我在项目中对wangE... ... »

libo0125ok

React + TypeScript + Taro前端开发小结

前言 项目到一段落,先来记录一下,本文以前端新手的角度记录React、TypeScript、Taro相关技术的开发体验以及遇到的问题和解决方法。 之前总说要学React(这篇博客:代码使我头疼之React初学习),这次项目需要做H5前端+小程序,我终于能用上React了~ 使用React的开发框架之 ... »

typescript使用入门及react+ts实战

ts介绍 TypeScript是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集,而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。 与js关系 ts与js区别 TypeScript JavaScript JavaScript 的超集,用于解决大型项目的代码 ... »

react组件

react组件主要有两种形式,一种是class组件,一种是函数组件,class组件扩展性强,写起来较为繁琐。函数组件功能单一,但写起来简单。 class组件 class List extends React.Component { render() { return ( <button classN ... »

zhuoshengjie react

Molecule实现数栈至简前端开发新体验

Keep It Simple, Stupid. 这是开发人耳熟能详的 KISS 原则,也像是一句有调侃意味的善意提醒,提醒每个前端人,简洁易懂的用户体验和删繁就简的搭建逻辑就是前端开发的至简大道。 这也是袋鼠云数栈前端开发团队追求的目标。 数栈是一个专注一站式产品体系,覆盖数据全链路开发流程,全面国 ... »

dtux

七天接手react项目 系列 —— react 路由

其他章节请看: 七天接手react项目 系列 react 路由 本篇首先讲解路由原理,接着以一个基础路由示例为起点讲述路由最基础的知识,然后讲解嵌套路由、路由传参,最后讲解路由组件和一般组件的区别,以及编程式导航。 Tip:我们要接手的 react 项目是:spug_web。 什么是路由 路由就是根 ... »

pengjiali react

前端(react)上传到阿里云OSS存储 实例

需求背景 由于现有的后台管理系统,上传的视频越来越大,加上上传视频较慢,后端小哥提出直接从前端上传视频或者其他文件到阿里云OSS存储。 阿里云OSS 阿里云OSS文档介绍,这里不做过多赘述 安装 原本在最开始的时候,是使用node版本的SDK,最开始使用的[nodejs版本] 代码如下 async ... »

React数据共享的三种方法 - ygunoil

在典型的React应用中,数据是通过props属性自上而下(由父及子)进行传递的。 但是,在实际开发中,我们发现有某些属性是许多组件都需要的,那么通过组件树逐层传递props就会特别繁琐,且不容易维护 »

ygunoil

重新认识受控和非受控组件

作者:霜序 校稿:袋鼠云数栈前端团队运营小组 该文章包含如下内容 受控与非受控组件 非受控组件 受控组件 受控和非受控组件边界 反模式 解决方案 前言 在 HTML 中,表单元素(<input>/<textarea>/<select>),通常自己会维护 state,并根据用户的输入进行更新 <for ... »

dtux

Mock平台3-初识Antd React 开箱即用中台前端框架

微信搜索【大奇测试开】,关注这个坚持分享测试开发干货的家伙。 内容提要 首先说下为啥这次测试开发系列教程前端选择Antd React,其实也是纠结对比过最终决定挑战一把,想法大概有几下几点: 笔者自己走出vue舒适区,拓展全栈的能力,也为平台开发测试同学提供多一种选择; 对比后发现它有官方的持续维护 ... »

七天接手react项目 —— state&事件处理&ref

state&事件处理&ref 在 react 起步 一文中,我们学习了 react 相关知识:jsx、组件、props。本篇将继续研究 state、事件处理和ref。 state State 与 props 类似,但是 state 是私有的,并且完全受控于当前组件 —— 官网 react 中的 pr ... »

pengjiali react