功能展示:1.当用户触发划屏事件时2.判断其正确方向并alert出来3.总共上下左右四种所有代码:import React,{Component} from 'react';import './Stroke.css'class Stroke extends Component{ constructor(props){ super(props)...
原创 9月前
181阅读
react+flexible适配布局 (1)npm i lib-flexible --save (2)npm i postcss-px2rem --save (3)在 node_modules/react-scripts/config/webpack.config.js 下做如下配置 const p ...
转载 2021-10-27 15:00:00
1382阅读
2评论
处理方法: (1)html书写 form标签中去掉action参数,定义onSubmit方法,如下所示: (2)事件处理 关键的是阻止掉页面默认提交: .
转载 2018-07-11 21:20:00
441阅读
2评论
前言 由于这段时间工作上也是挺忙的,就没有时间去写这个项目,中间一直都是写写停停,进度也是非常慢的。正好前几天都还比较空,就赶紧抓着空闲时间去写这个项目,最后紧赶慢赶地完成了。本项目采用了React的框架,可以帮助那些想学习React的同学们去深入学习React的项目的开发。写这个项目过程也是非常辛
转载 2020-05-09 21:53:00
344阅读
2评论
1、安装npm install react-signature-phone --save2、引入import SignaturePh
原创 2022-09-29 16:07:20
43阅读
配置之前首先要知道create-react-app创建的项目默认是不对外暴露配置信息的,所有的配置信息可以在node_modules/react-scripts下面看到 1. 安装flexible 1 npm i lib-flexible --save 2.安装 sass-loader node-s ...
转载 2021-08-07 22:43:00
679阅读
2评论
安装antd-mobile全局引入npm install antd-mobile --save在App.js引入cssimport 'antd-mobile/dist/antd-mobile.css';在jsx使用antd组件import R
原创 2022-07-06 16:49:09
322阅读
跨平台一直是老生常谈的话题,cordova、ionic、react-native、weex、kotlin-native、flutter等跨平台框架百花齐放,颇有一股推倒原生开发者的势头。 为什么我们需要跨平台开发? 本质上,跨平台开发是为了增加代码复用,减少开发者对多个平台适配的工作量,降低开发成本
转载 2018-08-20 16:06:00
251阅读
2评论
  一直纠结导航栏返回之后用户如果按了手机上的物理返回键怎么处理,原来用history就好了啊!header.jsx中:import React from 'react';import PropTypes from 'prop-types';import './Header.css';export default function Header(props) {const {onBack,titl
原创 2021-04-22 08:51:00
426阅读
京东零售开源项目 NutUI 是一套京东风格的轻量级移动组件库,开发和服务于移动 Web 界面的企业级产品。随着 NutUI 的用户越来越多,社区交流群里对 React 版本的呼声也越来越高。我们响应社区的呼声,2021 年 6 月开始规划并启动 React 版的开发。经过长时间的研发与打磨,React 版终于要和大家见面了!NutUI 是一款京东风格的多端统一开发组件库,之前只有 Vue 语言
原创 精选 2022-01-10 09:20:08
10000+阅读
移动应用开发在当今的技术领域中扮演着重要的角色。React Native作为一种流行的开发框架,允许开发人员使用JavaScript来构建原生移动应用程序。本文将带您深入了解React Native,并通过一个实例项目来展示如何使用React Native开发一个简单的移动应用。准备工作: 在开始之前,确保您已经安装了Node.js和React Native命令行工具。可以使用以下命令进行安装:n
原创 1月前
70阅读
京东零售开源项目 NutUI 是一套京东风格的轻量级移动组件库,开发和服务于移动 Web 界面的企业级产品。随着 NutUI 的用户越来越多,社区交流群里对 React 版本的呼声也越来越高。我们响应社区的呼声,2021 年 6 月开始规划并启动 React 版的开发。经过长时间的研发与打磨,React 版终于要和大家见面了!NutUI 是一款京东风格的多端统一开发组件库,之前只有 Vue 语言
原创 2022-01-25 15:50:47
10000+阅读
/* ****************************************移动**************************...
原创 2022-08-23 16:55:47
112阅读
第七章 移动数据的爬取基于某一款抓包工具 : fiddler ,青花瓷 ,miteproxy7.1 fiddler 基本配置 7.1.1fiddler简介和安装什么是Fiddler?Fiddler是位于客户和服务器的HTTP代理,也是目前最常用的http抓包工具之一 。 它能够记录客户和服务器之间的所有 HTTP请求,可以针对特定的HTTP请求,分析请求数据、设置断点、调试web应用、修改
项目实战一、flexible.js库作用flexible是淘宝推出的弹性布局方案,可以解决移动设备适配问题功能添加<meta>标签,并动态改写 <meta> 标签给 <html> 元素添加 data-dpr 属性,并且动态改写 data-dpr 的值给 <html> 元素添加 font-size 属性,并且动态改写 font-size 的值flex
转载 28天前
51阅读
转载 3月前
168阅读
1.二倍图1.1 物理像素&物理像素比物理像素指的是屏幕的最小颗粒,是物理真实存在的。这是厂商在出厂时就设置好了,比如苹果6\7\8是750*1334我们开发时候的1px不是一定等于1个物理像素的PC页面,1个px等于1个物理像素的,但是移动就不尽相同一个px的能显示的物理像素点的个数,称为物理像素比或屏幕像素比1.2 背景缩放background-size语法:background-
移动应用的成功离不开一个良好的架构设计,在移动应用开发过程中,合理的层次结构对于应用的可维护性、可扩展性和可测试性至关重要。移动应用的常见层次结构包括用户界面层、业务逻辑层、数据访问层,但是随着跨平台开发框架的不断发展,以React Native、Flutter为代表的工具已经深入到移动应用架构中,本文希望探讨在每个层次中使用React Native和Flutter等开发框架的优势。一、用户界面层
对于现在的移动设备的普及,移动端上的用户体验成了一个重要的关注点。看了一些网上的关于移动的交互和用户体验的知识,这里总结了一些。若有不足的地方,希望大家能够积极补充。 PC移动的产品的设计区别屏幕与适配的问题考虑;操作系统(windows,mac,android,iOS等)的区别;网络环境(并不是每一个移动设备随时随地都有网络);使用场景(站着,坐着,躺着,蹲着,趴着,走着等
  • 1
  • 2
  • 3
  • 4
  • 5