![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
sundial dreams
C => C++ => Java => PHP => JavaScript => Python => Dart => Go
展开
-
使用WebGL去实现一个拖拽式UI代码生成App
前言 UI(User Interface),即用户界面,是软件和用户之间进行交互和信息交换的媒介,实现信息的内部形式与人类可接受形式间的转换。UI开发一般需要经过UI设计、UI实现两个过程。UI设计是对软件的交互、操作逻辑、界面的设计,通常由UI设计师和交互设计师按照用户对软件的需求完成一套UI界面的设计,并最终以UI设计稿的形式呈现(psd、png、jpeg文件等)。UI实现是对UI设计阶段产生的UI设计稿进行编码实现,这部分是前端工程师的任务。 随着互联网的快速发展,从最早只有简单的超文本.原创 2020-07-07 10:16:34 · 2802 阅读 · 1 评论 -
使用Webpack/React去打包构建Electron应用
前言Electron是一个跨平台创建桌面应用程序的框架,允许我们使用HTML/CSS/JS去创建跨平台桌面应用程序。随着大前端的发展,当我们去开发Web UI时,会习惯性的使用Webpack等构建工具以及React等钱的MVVM框架去辅助开发。在开发Electron时也是同理,因此本文将介绍如何使用Webpack/React去打包构建整个Electron应用,并使用Electron-builder构建出App。其实社区提供了很多Electron Webpack的脚手架和模版,比如electron-forg原创 2020-07-02 10:32:08 · 3552 阅读 · 0 评论 -
揭开React Hooks神秘面纱
揭开React Hooks神秘面纱React Hooks简介React Hooks是React 16.8的新增特性,它可以让你在不编写类的情况下使用state和其他React功能。hook翻译过来就是“钩子”,即在函数式组件中“钩入”React state以及生命周期等特性的函数。一个简单的hook类似于function Count(props) { const [count, set...原创 2020-02-23 19:11:04 · 221 阅读 · 0 评论 -
使用webpack4从零构建React + React-router + Redux + Scss/Css开发环境
前言 最近这几年,前端变化非常大,各种新框架应接不暇,从最开始几个html,css,js文件就搞定了前端,到现在前端的模块化,工程化,旨在构建出易于维护的前端系统。目前为止,前端三大框架Vue/React/Angular(Vue官网:https://cn.vuejs.org/index.html,React官网:https://reactjs.org/,Angular官网:h...原创 2018-11-09 00:12:21 · 1496 阅读 · 1 评论 -
使用Parcel构建React应用
在之前的一篇博客中,使用了Webpack4来构建一个React+Redux开发环境(详情请看这里:https://blog.csdn.net/daydream13580130043/article/details/83480222),整个构建过程还是挺费劲的,所以在本篇博客中将使用令一种构建工具Parcel来重新构建React开发环境。 Parcel是啥,跟webpack,gru...原创 2018-12-03 23:09:47 · 665 阅读 · 0 评论 -
深入理解Redux:简单实现一个Redux以及React-Redux
前言redux相信都不陌生(陌生的看中文文档:https://www.redux.org.cn/),它是 JavaScript 状态容器,提供可预测化的状态管理,你可以在React, Vue, Angular,服务端等地方使用。redux由三部分组成:Action, Reducer, Store,你需要编写的是Action和Reducer,比如最简单的计数器例子Action 部分//...原创 2019-04-08 08:52:21 · 693 阅读 · 2 评论 -
如何在create-react-app里使用@装饰器
问题描述:由于create-react-app目前还没有添加装饰器,直接用的话会报错,但项目中不得不使用装饰器,比如引入MobX。解决方法:我们可以根据奥卡姆剃刀原理以及鸵鸟算法 => 不使用装饰器@observer class A {}//等价于const A = observer(class A {});@action function f () {}// ...原创 2019-05-24 10:34:41 · 2118 阅读 · 0 评论 -
如何用Echart正确的绘制甘特图(适用于React)
前言之前实现作业车间调度问题甘特图绘制,搜索过如何用Echart绘制甘特图,发现绘制方法都一毛一样,都是通过叠加series来实现,但这样绘制出来的甘特图,不仅够丑,而且数据也难以描述,如果要在react这种mvvm中绘制的话,也没法对甘特图做数据管理,所以经过自己的思考,发现可以有更好的绘制甘特图的方法。首先先看绘制出来的甘特图效果(项目GitHub地址:https://github.com...原创 2019-08-04 15:14:44 · 7104 阅读 · 1 评论