- 博客(29)
- 收藏
- 关注
RSS订阅转载 自定义的useState，实现setState方法的回调
熟悉react的朋友都知道，我们使用class组件更新状态时，setState会支持两个参数，一个是更新后的state或者回调式更新的state，另一个参数是更新后的回调函数，如下面的用法：this.setState({num: 1}, () => {console.log('updated')})import { useEffect, useRef, useState } from 'react';const useXState = (initState) => { co
2021-01-26 14:11:49
3515
2
原创 iOS app内嵌H5页面，点击js onclick无效
打了各种log，各种样式调试，最后发现js onclick点击效果无效，查看手机版本发现是9.3.5，很低，如果点击的模块不是a标签或者button，需要给他加上cursor: pointer的样式...
2019-12-04 15:26:18
1880
原创 前端面试题——实际遇到
1.react生命周期、优化方式2.判断类型，各有什么区别3.用户在浏览器输入url，按了回车键之后到页面渲染出来，都触发了什么4.状态码5.redux和dva的区别6.函数节流、函数防抖动答：1.优化方式参考：https://www.cnblogs.com/penghuwan/p/6707254.html个人认为重点：当引用多个组件的时候，其中一个组件重新渲染，别的组件也会跟着...
2019-07-12 16:04:03
483
转载 函数节流和函数防抖之间的区别
参考（详细解释请去此处看）：https://www.cnblogs.com/walls/p/6399837.html函数节流是指一定时间内js方法只跑一次。比如人的眨眼睛，就是一定时间内眨一次。这是函数节流最形象的解释。 函数防抖是指频繁触发的情况下，只有足够的空闲时间，才执行代码一次。比如生活中的坐公交，就是一定时间内，如果有人陆续刷卡上车，司机就不会开车。只有别人没刷卡了，司机才开车。...
2019-04-25 15:25:32
252
原创 Ant Design Pro V2.0 --umi 新增页面、mock、proxy
1.要在各种语言中预制中文2.router中配置路由注意：在这里404必须放在最后，不然页面显示就是404剩下的pages和moudles和V1.0版一样
2019-04-22 15:58:23
1208
原创 taro+mobx踩坑记（一）
先看代码import Taro, { Component, Config } from '@tarojs/taro'import { observer, inject } from '@tarojs/mobx'type PageStateProps = { updateStore: { count: number, }}interface Index { props: Pag...
2019-04-18 15:05:31
5320
1
原创 mobx修饰器
@ 是ES7里的修饰器，可以到网上找资源学习 es7的修饰器import { observable ,computed,autorun,action } from ‘mobx’1.observable将属性转为可观察的，一旦发生变化，则变量所处的位置会立即发生变化2.computed如果使用了@computed （@computed msg getter()），那么msg的值将会被缓存，...
2019-04-18 10:40:23
464
转载 Object.assign
针对深拷贝，需要使用其他办法，因为 Object.assign()拷贝的是属性值。假如源对象的属性值是一个对象的引用，那么它也只指向那个引用。let obj1 = { a: 0 , b: { c: 0}};let obj2 = Object.assign({}, obj1);console.log(JSON.stringify(obj2)); // { a: 0, b: { c: 0}}o...
2019-04-12 16:44:02
102
原创 puppeteer 前端自动化测试踩坑（2）
需求：我这次需要自动化测试一个固件升级的表单，如下：里面包含了多种ant design 的组件1.组件下拉菜单，无法用选择器选择到解决方法：点击Copy selector ,再赋值到文本文档里面，就可以知道如何能找到这个li了。2.不止如何测试上传文件参考：https://juejin.im/post/5c6bc7ea6fb9a049f43be1f1#heading-23.id...
2019-04-09 16:00:08
3010
原创 puppeteer 前端自动化测试踩坑（1）
需求：我需要自动化测试一个列表的筛选框点击展开之后：上面三个是input输入框，下面三个分别是用的ant design组件库 的Select和DatePicker组件一.遇到的问题1. await page.goto(``);进入登录页之后的一个内页之后console.log( await page.url());一直会重定向到登录页2.选择器无法选择到Select、DatePi...
2019-04-08 17:51:46
2228
原创 ant design pro自动化测试 jest
1.文档说明1.1. 前言基于React+Ant Design（以下用Antd表示）的项目，在对于自己封装的，或者基于Antd封装的公共组件的自动化测试技术的选型和实践。1.2. 适用范围读者：公牛智能家居前端开发者。1.3. 相关背景随着前端项目越来越大，业务逻辑日益繁杂，协同开发的同事也越来越多，迭代频繁，许多页面有一些相似的功能，会复用一些组件，这些组件被剥离出来，一般放在com...
2019-04-01 10:27:32
3174
原创 webpack配置react
webpack —— 模块加载器包管理器-npm cnpm bower yarn使用webpack 之前 安装两个命令环境cnpm(npm) i(install) webpack -gcnpm(npm) i(install) webpack-dev-server -g验证：webpack -vwebpack-dev-server -vwebpack组成a).入口、出口b).l...
2019-03-29 11:26:38
359
原创 跳出JS 循环
如果是用for循环 可以用break跳出循环；如果是用forEach循环，用reaturn false只能终止此次循环，不能跳出循环，如果想跳出要抛错 throw new Error(’ EndIterative’)；如果是用map循环，是无法跳出循环的;...
2019-03-01 18:08:57
174
原创 解决小程序频繁setData安卓的问题
小程序写了一个滑动手机屏幕，进度条随着变动，在滑动过程中，touchmove会毫秒级的频繁触发，会影响页面的渲染，安卓手机上进度条不仅会出现一跳一跳的感觉，还会有缓冲，手指滑动动作已经结束，但是进度条还在变化。解决这个的思路就是设置时间间隔，虽然这样进度条也会出现一跳一跳的感觉，但是缓冲的bug会好很多。暂时还没有找到更好的办法，也希望大家能提供更好的思路。//滑动开始事件 handlet...
2019-01-11 10:58:26
2746
原创 React Native启动白屏
1.选择虚拟设备，项目bulid的时候，报了一个warning参考文档 https://blog.csdn.net/u014133119/article/details/80981546是Androidstudio版本的问题，查看版本号是3.2修改成正确的版本号，在重新运行项目的时候，白屏就解决了。...
2019-01-03 18:01:10
278
原创 配置React Native Android开发环境
官方文档 https://facebook.github.io/react-native/docs/getting-started1.安装依赖项安装node 确保它是Node 8.3或更新版本安装 npm install -g react-native-cli2.Android开发环境1.安装Android Studio详细的安装详解可以百度，我参考的文章是：https://www....
2019-01-03 10:02:41
322
原创 微信小程序授权登陆页面
1.在进入小程序的时候要判断是否有授权，如果没有授权，则要先授权之后，才能登陆到小程序的首页。刚开始，我把login页当作了小程序的首页，这样导致如果已经授权过，这个页面也会一闪而过。用户体验不好。捋了一下思路之后认为，应该把授权的判断放在app.js中onLaunch生命周期里，首页还是正常的index页面。若已经授权，获取用户信息，存在全局的data里，若没有授权，跳转到login页，进...
2018-12-12 15:17:45
5259
1
原创 ant design pro 流程的初步理解
1.routes下的试图文件，发送请求dispatch;2.models下业务模型接收到请求；effects异步请求：1.函数必须带*，也就是生成器；2.第一个参数是payload，第二个参数是{call,put}，call是调用async的action的函数，put是调用reducers的函数；3.yield表示用同步的方法进行异步的请求；reducers：处理数据改变state...
2018-12-12 14:20:53
2382
原创 基于ant-design-pro的模块化整理
1.每个页面标注最新修改时间，修改人，和当前页面内容2.一个页面对应多组件，做一个index入口，把所有组件引进来用一个import把所有组件都加载进来，这样不用写很多import3.建一个管理通用常用样式的less文件4....
2018-12-11 17:36:51
801
原创 ant-design-pro 跳转至内页，左侧菜单选中消息解决方法
点击“编辑”或者“详情”，跳转至内页，之前，直接在menu.js里面加上一个隐藏的属性，但是跳转可以完成，但是左侧的菜单选中效果就没有了。解决方法，直接上代码：把首页和内页都当作一个模块，通过判断路由，来加载不同的模块。...
2018-12-11 16:45:15
4998
转载 dva.js 知识导图
https://github.com/dvajs/dva-knowledgemap#es6-%E5%AF%B9%E8%B1%A1%E5%92%8C%E6%95%B0%E7%BB%84
2018-09-05 17:06:15
302
原创 React表单方法和前后台数据交互
表单: 放在form里面的就是表单 input 受控表单/非受控表单 受控 value=” ” defaultValue=” ” checkbox Checked=” ” defaultChecked=” “交互： 1.ajax 2.jquery 3.zepto 4.axios 5.fetch react - jquery/zepto/axi...
2018-09-03 11:35:00
9816
转载 js中const,var,let区别
一.const定义的变量不可以修改，而且必须初始化。 1 const b = 2;//正确 2 // const b;//错误，必须初始化 3 console.log(‘函数外const定义b：’ + b);//有输出值 4 // b = 5; 5 // console.log(‘函数外修改const定义b：’ + b);//无法输出 二.v...
2018-09-03 11:17:17
102
原创 Ant Design Pro 兼容性问题
支持环境：现代浏览器和 IE9 及以上（需要 polyfills）。一：组件 1.Flex 布局 现代浏览器支持 2.Upload 上传 beforeUpload：上传文件之前的钩子，参数为上传的文件，若返回 false 则停止上传。支持返回一个 Promise 对象，Promise 对象 reject 时则停止上传，resolve 时开始上传。注意：IE9 不支持该...
2018-08-31 16:50:55
16015
原创 Ant Design Pro 使用文档
1.左侧菜单：创建一级菜单和二级菜单 在router.js 和menu.js中设置文件的路径。示例中我们路径的名字是得demoOne，文件的名称也是DemoOne.js，为了方便找文件，此处尽量保持一致，在命名时避免始用数字，例如Demo01。...
2018-08-29 10:16:11
4875
原创 react 上传文件（多选）功能入的坑
1. 这里报错是因为onChange的this指向不对， 解决方法在constructor中写”this.onChange=this.onChange.bind(this);”或者在绑定时间的时候写”onChange={this.onChange.bind(this)} “2. 在给旧的数组afileNamelll赋值的时候失败， 解决方法，在定义新的数组的时候， const new...
2018-08-28 11:46:10
5688
原创 一级菜单跳转页面之后， jquery高亮对应的菜单
刚开始用的是addClass和removeClass写的，但是页面跳转活着刷新了之后class就没有了。
2018-08-23 15:49:28
962
原创 ant-design-pro 项目运行报错解决
第一步：安装git 第二步：安装图片输入命令 在运行到npm insatll 这一步的时候一直报错，详情就不写了，试了淘宝镜像一样报错。 最后用yarn命令，会报错淘宝镜像运行结尾有报错，所以卸载了淘宝镜像：npm uninstall cnpm -g ,然后再用yarn install,npm start，就可以运行项目。具体原因不知道为什么。...
2018-08-23 13:28:26
20501
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人