前言面试遇到一道题，使用 React 实现移动端物流单据列表查询功能。好家伙，React 咱已经一年多没碰过了（主要是项目都是用的 vue ，只能额外找时间学习 React ）。既然挑战来了，刚好也可以复习一下 React ，所以咱花了一天时间将它封装成了复用组件，当其他页面也用到差不多的列表时，直接搬来用。这里使用到了 Antd-mobile 组件库（毕竟人生苦短，该偷懒还是得偷懒的）废话不多说
转载
2024-05-07 16:43:17
166阅读
react-native 结合ant-Design- mobile, 发现有些组件样式不好调,尤其是嵌套很多层的子组件. 解决办法如下http://www.jianshu.com/p/70b46e305914 react-native 结合ant-Design- mobile, 但是发现有些组件样式不好调,尤其是嵌套很多层的子组件的字体,颜色, 官方使用style={} 作
转载
2024-03-18 12:41:09
365阅读
此刻或许你已经厌倦了看见那个灰色的空白导航栏--想必你已经准备好了，让我们来配置导航栏吧！设置导航栏一个screen 组件有一个静态属性，叫做navigationOptions，可以是一个对象或者返回该对象的函数，这个对象包含不同的配置选项。我们用在导航栏标题的是title：class HomeScreen extends React.Component {
static navigation
转载
2024-07-10 03:03:53
156阅读
# Android Mobile Design 使用指南
在今天的移动互联网时代，Android 移动应用的设计愈发重要。一个良好的用户界面（UI）和用户体验（UX）设计不仅能够吸引用户，还能有效提升应用的使用率和满意度。本文将为大家介绍 Android 移动设计的基本技巧和原则，并结合代码示例进行说明。
## 1. Android设计原则
在进行移动设计时，遵循一些设计原则是至关重要的。这
前言 学习总结使用，博客如中有错误的地方，请指正。改系列文章主要记录了搭建一个管后台的步骤，主要实现的功能有：使用路由模拟登录、退出、以及切换不同的页面；使用redux实现面包屑；引入使用其他常用的组件，比如highchart、富文本等，后续会继续完善。 github地址：https://github.com/huangtao5921/react-antDesgin-admin （欢
在这篇博客中，我将向读者们介绍如何使用 React18 + vite + TypeScript + antDesign搭建一个前端框架。React 是一种流行的 JavaScript 库，用于构建用户界面。vite是一个快速的前端构建工具，能够快速创建现代化的应用程序。TypeScript 是一种开源的编程语言，它可以帮助开发者在编写JavaScript 代码时减少错误。antDesign 是一个
在 React 领域里，一直缺少一套靠谱、好用的移动端组件，蚂蚁的 antd mobile v2 年久失修，几乎无人维护，跟 antd 相差甚远，在设计上，也有很多也已经跟不再符合 Alipay Design[1]。激动人心的是，就在前两天，在 ant-design-mobile[2] 的 discussions 里面已经发布了 5.0（白杨）的 Roadmap[3]。在 8 月 26 号晚上也已
NG-ZORRO-MOBILE 是 Ant Design 移动规范的 Angular 实现。Ant Design 作为服务于企业级产品的设计体系，基于『确定』和『自然』的设计价值观，通过模块化的解决方案，降低冗余的生产成本，用其简单且高效的设计理念，让设计者专注于更好的用户体验。Ant Design 发布之初仅有 React 版本实现，为了让 Angular 开发者也能享受 Ant Desig
转载
2024-08-13 13:39:42
43阅读
我以下的方式，其实并把Ant Design Pro文件打包到生成的安装包里，所以，安装包=Ant Design Pro+Electron环境
ant-design-pro ----> version ：2.3.1
由于网上Ant Design Pro+Electron的资料太少，我就贡献一点经验
转载
2024-08-19 20:15:35
151阅读
背景1.1 行业现状与问题很多技术同学都知道，移动端往往比较侧重业务开发，这会导致人员规模不断扩大，项目复杂度也会持续增长。而为了满足业务的快速上线，很难去落实统一的设计规范，在开发过程中由于UI缺乏标准导致的问题不断凸显，具体体现在以下4个层面：设计层面：由于UI缺乏标准化设计规范，在不同App及不同开发语言平台上设计风格不统一，用户体验不一致；设计资源与代码均缺乏统一
转载
2024-04-03 12:26:09
62阅读
一说到移动端布局，大部分同学会想到用rem，不错rem确实可以解决各种问题，哪怕宽度你都写固定值都没有问题，但是宽度的适配使用大量的数值，是不是算起来有点头疼呢？还有一部分同学会大面积使用弹性盒，宽度的适配用弹性盒真的是太香了，可是弹性盒它并不能兼容所有的设备，那没有弹性盒是不是就没有办法了呢？其实并不是的，我这里提供几个常用布局方式，就算是没有弹性盒，也可以轻松玩转移动端！1、上下固定，中间弹性
Ant Design 是一个很好用的前端组件库，里面包含有很多基础组件，能极大提高我们的开发效率下面先贴出 官方文档，里面的介绍已经十分全面和详细，大家遇到的很多问题都可以在上面找到答案假设现在我们已经用 vue-cli 3 工具创建了一个 Vue 项目，然后怎么在项目中引入 Ant Design 呢？首先介绍一下 vue-cli 3 默认生成的目录结构，关于 vue-cli 3 的具体使用可以参
转载
2024-03-20 07:20:35
429阅读
问题：在使用Ant
Design Vue 过程中发现了他没有限制数量上传的功能，因此自己使用js实现，仅仅一句代码，使用的时候通过change事件进行splice进行截取<a-upload
//开启多选
multiple
//限制图片类型
accept=“image/png, image/jpeg”
//图片上传地址
:action=“uploadImgURL”
//上传后显示的样式
lis
转载
2024-08-26 20:06:56
86阅读
导入在使用日期选择器前需要先引入momnet：import moment from "moment";
import "moment/locale/zh-cn"在引入后使用选择器：<a-date-picker
format="YYYY-MM-DD HH:mm:ss"
v-decorator="['time',{rules: [{ required: true, message: '请输入
转载
2024-04-04 21:50:14
115阅读
ReactDOMServerReactDOMServer 对象允许你将组件渲染成静态标记。通常，它被使用在 Node 服务端上：// ES modules
import ReactDOMServer from 'react-dom/server';
// CommonJS
var ReactDOMServer = require('react-dom/server');概览下述方法可以被
1.Ant Design介绍和环境初始化Ant Design是一套面向企业级开发的UI框架，视觉和动效作的很好。阿里开源的一套UI框架，它不只支持React，还有ng和Vue的版本，我认为不论你的前端框架用什么，Ant Design都是一个不错的选择。习惯性把AntDesign简称为antd。官网地址:https://ant.design/index-cn2.项目初始化#安装脚手架工具
cnpm
Ant design pro-项目探究（5）react基础知识前言，前端利用请求参数、界面与数据进行整合，构成前端的展示。对于状态的一些调用，react中拥有useState,useEffect,useRef方式来实现前端状态的利用，了解这些方式的运用，对开发界面化来说提供了非常大的便捷之处，以下以以项目自带的table-list来讲解。首先我们来看看useStateimport React, {
一：项目效果二：项目说明项目框架
项目使用 react ant.design调用说明
1.控制是否显示设置，默认true
1）控制表格列的显示和隐藏
2）控制列的对齐方式
&
引入： 步骤一：绑定 form 步骤二：绑定 item 步骤三：获取 form 的值 .
转载
2018-07-23 13:33:00
186阅读
2评论
前言今天本来想开源自己写的 CMS应用的，但是由于五一期间笔者的
mac电脑突然崩溃了，所有数据无法恢复，导致部分代码丢失，但庆幸的是
cms的打包文件已上传服务器，感兴趣的朋友可以在文末链接中访问查看。今天要写的
H5朋友圈也是基于笔者开发的
cms搭建的，我将仿照
微信朋友圈，带大家一起开发一个能发布动态(包括图片上传)的朋友圈应用。有关服务端部分笔者在本文中
