谷歌推出了AndroidLollipop版本的系统，其中介绍了一种新的视觉设计语言Material Design（材料设计），在新系统中，Android对视觉，运动，以及跨平台和设备的交互设计上进行全面的指导。十月七日，我参加了一个谷歌举办的研讨会，在这里材料设计的UX团队分享他们对Android设计的见解，以及如何使用它的第三方应用程序。我相信这种新的方式设计的Android的应用程序是在正确的
1.项目结构 2.创建 app / App.js 文件，这是一个组件 3.使用 App 组件，所以我们来到 app / main.js 文件： 4.主页面 index.html 5.效果图
转载
2018-01-30 21:33:00
135阅读
2评论
概述Material Design为开发者提供了一系列的UI控件，对于开发者来说实在是福音。 今天这篇博客就记录一下UI新控件方面的知识。先看一下大纲UI控件Android5.0基于Material Design，提供了很多新控件，这些控件无论在功能、体验和性能上都很出色，下面一一列举各个控件的使用方法。SnackBarSnackBar通过在屏幕底部展示简洁的信息，为一个操作提供了一个轻量级的反
转载
2024-06-25 17:18:00
94阅读
useMemo介绍useMemo用于性能优化，通过记忆值来避免在每个渲染上执行高开销的计算。const memoizedValue = useMemo(callbanck, array)返回一个memoized 值callback是一个函数用于处理逻辑array 控制 useMemo 重新执行的数组，array 改变时才会 重新执行useMemo不传数组，每次更新都会重新计算空数组，只会计算一次依
用react渲染一段文字：<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="
第一步，开发环境的检查在开始一切操作之前, 请检查你的 vscode 工作路径是否有包含中文, 如果有, 请修改它们至你硬盘的某个分区的根目录/example 或/workspace 以避免需要解决一些无意义的错误。
检查你的 nodejs 的版本号
检查你的 npm 的镜像地址（最好使用淘宝镜像模式）node -v
npm config list
// 如果显示 metrics-regist
前端
原创
2023-09-02 10:26:52
45阅读
import { Paper } from '@mui/material'; import Tree from 'rc-tree'; import 'rc-tree/assets/index.css'; import React, { Key, useEffect, useState } from
原创
2023-11-18 14:55:03
84阅读
React中模态框的搭建和使用
前一阵遇到过一个需求，要求在App中点击某个按钮会弹出一个对话框（即模态框Modal）。第一件事自然是看看公司内部的组件库有没有已经实现的功能，结果这一看把我看得云里雾里的，这是神马？这又是神马？算了，还是自己写（抄）一个吧。实现很简洁，却又非常好用。稍加改动，啊，真香~ 这个模态框一共由3部分组成：其中Moda
转载
2024-03-19 14:03:09
99阅读
前端
原创
2023-09-02 10:26:59
77阅读
import TabContext from '@mui/lab/TabContext'; import TabList from '@mui/lab/TabList'; import TabPanel from "@mui/lab/TabPanel"; import { useState } fr
原创
2023-11-18 14:57:30
74阅读
前端
原创
2023-09-02 10:27:22
93阅读
import React, { useState } from "react" import { List as ListM, fetchUtils } from "react-admin"; import postgrestRestProvider, { IDataProviderConfig,
原创
2023-11-18 14:54:58
116阅读
如果只是想试试 React，那么建议使用 create-react-app来创建一个react项目。快速开始 因为 create-react-app 和 vue-cli 不一样，create-react-app将webpack的相关配置直接封装好了，所以自定制化程度不高，所以考虑手动构建一个 React项目代码下载 准备工作安装node环境。配置cnpm(看个人需求)。准
1.server.jsconst express = require('express'),
bodyparser = require('body-parser'),
fs = require('fs').promises,
path = require('path');
const pathdb = path.resolve(__dirname, 'database'),
config
原创
精选
2023-06-25 13:54:10
275阅读
React从入门到精通教程React从入门到精通教程组件和Props概述函数组件与class组件渲染我们的自定义组件组件中嵌套组件提取组件props的只读性state概述：特点：使用`state`复写之前的时间组件不要直接修改stateState 的更新可能是异步的State 的更新会被合并数据是从上而下流动的（单向的） React从入门到精通教程组件和Props概述组件是React中一个非常重
转载
2024-03-18 11:31:58
137阅读
Similar to Storybook, react-styleguidist is used to show the custom UI elements. It is easy to setup and use, it uses markdown file as example page: i
转载
2020-08-20 22:55:00
114阅读
2评论
背景1.1 行业现状与问题很多技术同学都知道，移动端往往比较侧重业务开发，这会导致人员规模不断扩大，项目复杂度也会持续增长。而为了满足业务的快速上线，很难去落实统一的设计规范，在开发过程中由于UI缺乏标准导致的问题不断凸显，具体体现在以下4个层面：设计层面：由于UI缺乏标准化设计规范，在不同App及不同开发语言平台上设计风格不统一，用户体验不一致；设计资源与代码均缺乏统一
转载
2024-04-03 12:26:09
62阅读
import React from 'react' const Release = React.createClass({ render() { const { title, artist, outOfPrint } = this.props.release; const className = outOfPrint? 'release outOfPri...
转载
2017-04-14 22:35:00
154阅读
2评论
node是一个基于Chrome V8引擎的JavaScript运行环境，一个让JavaScript 运行在服务端的开发平台，用于轻松构建快速和可扩展的网络应用程；而react是一个用于构建用户界面的JavaScript库，主要用于构建UI。Node.jsNode.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境，一个让 JavaScript 运行在服务端的开发平台，它让
