为什么要造轮子在 React 中使用表单有个明显的痛点，就是需要维护大量的value和onChange，比如一个简单的登录框：class App extends React.Component {
constructor(props) {
super(props);
this.state = {
username: "",
password: ""
坑：在使用react + umi框架做前端开发，使用express框架部署服务的时候，遇到index.html被缓存，导致页面不更新，需要强制刷新或清除缓存。（以前大哥留下的坑，一直没被解决，吐血。。。。。。）解决方案在最后1、网上比较多的解决方案（但没解决我的问题）设置index.html 的meta标签，禁用缓存，如下：<meta http-equiv="Cache-Control" c
转载
2024-10-23 11:02:03
58阅读
目录1.效果展示2.分步演示商品详情页面搜索页购物车页结算页面1.效果展示商品详情页商品搜索页购物车页购物车详情页结算页2.分步演示在实际开发前要对我们所需要做的整体页面和其中所需要的各个组件有一个整体构思，此项目一共有三个页面：商品页面，购物车页面，结算界面。其中商品数据是每个页面都需要用到的所以将商品数据存于store里便于使用，其次使用React createPortal() 创建创建模态窗
转载
2024-05-25 13:08:31
74阅读
一、移动端浏览器二、移动端屏幕分辨率三、移动端网页调试方法
原创
2023-04-22 07:09:16
192阅读
1、触屏事件touch 2、触摸事件 TouchEvent是一类描述手指在触摸平面（触摸屏、触摸板等）的状态变化的事件。这类事件用于描述一个或多个触点，使开发者可以检测触点的移动，触点的增加和减少，等等 var div = document.querySelector('div'); div.add ...
转载
2021-08-25 22:34:00
168阅读
2评论
在家屁颠屁颠的拿起了《在你身边 为你设计》这本书看了一下午，看到移动端调试这里，略有感受，于是提取了下内
原创
2022-08-09 14:38:29
298阅读
介绍cube-ui是一个基于Vue.js实现的移动端组件库，它是由滴滴内部组件库精简提炼出来的，追求接近原生的体验！ 特性质量可靠由滴滴内部组件库精简提炼而来，经历了业务一年多的考验，并且每个组件都有充分单元测试，为后续集成提供保障。体验极致以迅速响应、动画流畅、接近原生为目标，在交互体验方面追求极致。标准规范遵循统一的设计交互标准，高度还原设计效果；接口标准化，统一规范使用方式，开发更加
最近刚学完react 直接来开搞个小项目创建项目技术栈跨域扩展跨域路由Antd页面首页音乐组件首页内容注册登录一级分类和二级分类详情页制造商 有些代码很丑陋，望评论区的大佬多指点一下 创建项目1. npm install -g create-react-app
2. create-react-app my-app //新建并对react项目进行命名（注:项目名称不能有大写）
3. cd
转载
2023-09-18 13:35:23
973阅读
一、采用触摸事件touchmove。1、定义公共变量var timer = null; var startY, moveY, initTop, oldTop, newTop;2、添加事件$('#container ul').on('touchstart', function(e){ startY = e.originalEvent.touch
原创
2015-09-10 11:51:46
1421阅读
接到一个移动端网页pdf预览的需求，首先想到的方案是利用iframe进行显示。
后端响应头设置Content-Disposition: inline复制代码Content-Disposition一般有以下几种情况// inline 默认值，表示回复中的消息体会以页面的一部分或者整个页面的形式展示
Content-Disposition: inline
// attachment 意味着消息体
转载
2021-01-24 20:31:21
2817阅读
2评论
移动端网页最大的特点是什么？自适应不同尺寸的屏幕！高大上的叫法:响应式！ 知道了自适应网页怎么做岂不是能很好解决问题了？那么自适应网页怎么做呢？网上关于这方面的文章有很多，我简单的整理一下。一、 HTML设置在head中加入meta标签<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-sc
hp1005打印机驱动是一款黑白激光多功能一体机，因此打印和打描是一体的，本款hp1005打印机驱动支持win7 32和win7 64，在下载驱动时请下载与电脑系统相对应的hp1005打印驱动，安装hp1005打印驱动前确保设备电源已打开以及usb电缆已连接。hp1005打印机驱动说明：1、首先从本站下载这款驱动的压缩包。2、解压缩同时双击驱动程序进行安装。3、安装完成后，检测打印机是否能够正常使
一、webkit 内核二、移动端网页 CSS 初始化 - normalize.css
原创
2023-04-29 05:32:55
431阅读
鄙人最近才刚刚开始学习一些关于移动端的知识，还只是个小白，文中可能有许多理解错误，望指出，请多多见谅。响应式什么是响应式页面呢？顾名思义响应式页面就是能做出响应的页面，它的页面效果不是定死的，会随着用户的改变而改变。如何着手响应式有以下几个思考的方向找一份设计图使用Media Query隐藏元素添加meta viewport明白手机端交互方式的区别Media Query是什么Media query
场景1 移动端和pc端风格类似，内容可复用： 直接媒体查询 @media screen and (max-width: ***px)； 根据屏幕大小设置样式 场景2 风格差别比较大，内容不可复用，但接口可复用； 放在同一工程下，新建手机端文件夹，编写相应路由。 在app.vue页面编写，根据打开页面 ...
转载
2021-11-03 19:27:00
2545阅读
2评论
js代码终端判断//终端判断function getQueryStringRegExp(name) { var reg = new RegExp("(^|\\?|&)" + name + "=([^&]*)(\\s|&|$)", "i"); if
原创
2021-03-22 17:11:41
269阅读
响应式设计1 媒体查询 适用于不同固定宽度设计 媒体类型 ： screen 屏幕 print 打印机 handheld 手持设备 all 通用 常用媒体查询参数 width: 视口宽 height: 视口高 device-width: 设备宽度 device-height: 设备高度 orient
转载
2023-09-18 16:44:11
80阅读
js代码终端判断//终端判断function getQueryStringRegExp(name) { var reg = new RegExp("(^|\\?|&)" + name + "=([^
原创
2021-03-22 17:11:41
208阅读
原文出处： 盛瀚钦 本文主要列举了调试本地网页、查看测试环境网页的各种方法，涵盖了PC、iPad、移动端的调试技巧。本文的不足之处在于，小溪里暂时还没有找到调试位于微信中和安卓各国产浏览器上的网页。相关设备概念：PC ：主要指以 Windows 系统为代表的台式机或笔记本，其通常为 1 倍屏MacBook ：主要指 MacBook P
转载
精选
2016-04-19 13:48:43
662阅读
