3 hzxOnlineOk

尚未进行身份认证

暂无相关简介

等级
TA的排名 1w+

React-native 开发APP优化篇(一)

React-native 开发APP应尽量以以下目标来实施开发:(1)应尽量少发起请求,能免就免(2)应尽量少的使用this.setState,多次render除了低效之外,还容易导致一些莫名的bug(3)如果一个页面(如首页),有多个请求,那么推荐使用promise.all进行请求合并,并且统一处理this.setState,做到仅仅一次render(4)...

2020-05-26 09:03:26

前端 如何提交form表单格式的请求体

以Dva.js为例子(models.js):下面代码中,有2个接口方法,1、addCollect添加收藏 2、cancelCollect取消收藏提交表单格式的数据,需要new FormData 申请一个表单格式的实例,再通过实例去追加表单字段数据addCollect: (params) => { params.isForm = true const collect = new FormData() collect.append('soleId', `${param

2020-05-26 08:58:22

移动端Android真机上 scrollTop一直为0的解决方案

确保html,body的高度为auto!!! 不能是100%

2020-05-25 15:07:34

react 移动端h5 监听滚动document.documentElement.scrollTop取值总取上一次滚动触发结束的值

react 移动端h5 监听滚动document.documentElement.scrollTop取值总取上一次滚动触发结束的值,也就是上一次滚动到700,这一次滚动到900,那么在touchmove事件回调中打印出的是700一个不够精确的解决办法是,为处理逻辑增加一个定时器延时获取,给一定的延时,可以获得接近正确的数据,同时又能及时的触发逻辑去渲染UIcomponentDidMount() { document.documentElement.addEventListener(..

2020-05-25 13:24:01

HTML文章页面,由其他文档拷贝过来的换行符识别不了问题的解决(一行样式解决)

今天做一个文章展示页面,当我将填充文章copy上去的时候,发现页面并没有识别文字的换行,而是将文字都挤在同一行我尝试用<pre></pre>标签,但效果并不好百度过后才知道,CSS中由“white-space” 属性设置如何处理元素内的空白包括:但是保留换行符、是否合并空白符、是否自动换行、值 描述normal 默认。空白会被浏览器忽略。pre 空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。nowrap...

2020-05-24 22:44:06

react 开发移动端h5项目 图片打包不显示 可以这样处理(转换图片为base64)

项目做好了,准备打包构建,发现本地引用的图片资源,在打包后未能生成,导致部署后,图片未能显示出来方法就是,将图片转换成base64编码我们只需要到http://tool.chinaz.com/tools/imgtobase这个站点,上传我们需要转换成base64的图片,将图片转成base64,替换img标签的src属性值为base64即可,这样子打包就能将正确的图片引用打包进去...

2020-05-23 23:54:06

react 写移动端H5页面 引用本地图片 且路径正确,但是图片无法正确展示(会展示成默认图片)

错误的图片如下:Card.js(这边直接在img标签写的相对路径,但是无法正确显示)import React from 'react'import styles from './card.less'export default class extends React.Component { constructor(props) { super(props) this.state = { // isShow: false, } ..

2020-05-23 21:52:14

React-native Flatlist/SectionList/ScrollView的onEndReached多次触发问题解决

经过博主亲自尝试有效:一、问题RN项目里使用Flatlist或者SectionList组件时,组件一加载,就会自行触发多次onEndReached事件。二、原因经过调试发现,是因为最外层父View没有设置固定height或只设置{flex:1}属性,导致onEndReached不能正确监听事件。flex: 1是自动计算高度,这对容器列表组件很不友好,计算会错乱。三、解决1.给最外层父组件一个固定高度{height:‘100%’};2.设置onEndReachedThresho

2020-05-14 12:54:47

react-native 报错Invalid child context `virtualizedCell.cellKey`.........

问题一:Invalid child context `virtualizedCell.cellKey`.........大致意思就是希望获取到字符串,实际获取到的是数字类型滴解决方法:将_keyExtractor = (item, index) => index转为_keyExtractor = (item, index) => index.toString() <FlatList extraData={this.state} L...

2020-05-08 18:45:53

react-native 中 同一个容器下设定paddingHorizontal=15下划线宽度仍旧是100%

今天写一个列表组件,每项数据项都要求有下划线,且要扣掉左右边距的宽度,于是我想到了用paddingHorizontal: 15不过出现了这样的现象:react-native 中,同一个容器下设定paddingHorizontal:15后下划线宽度仍旧是100%,为什么?考虑到react-native并不是完全实现如同CSS3的所有样式,( • ̀ω•́ )✧所以我机智的换成了margi...

2020-05-07 17:48:06

js正则表达式匹配携带有img子标签的父级P标签集合

const reg = /<p\b[^<>]*><img\b[^<>]*\/><\/p>/g // 这边是默认匹配0下标进行html文本替换 // const matchStr = content.match(reg) // const strReg = /<img\b[^<>]*\/...

2020-05-06 11:48:10

react-native 使用flexWrap无法实现换行

react-native 使用flexWrap无法实现换行,经过排查,发现是父元素定义了flexWrap: 'wrap'之后,子元素又定义了flex: 1导致撑开自适应,于是换行就无效了。。。...

2020-04-29 22:12:51

IphoneX系列适配

https://www.jianshu.com/p/691380f52acc

2020-04-29 18:24:13

css3属性选择器以及属性选择器正则匹配的真实案例讲解

首先,提供w3c的完整文档:https://www.w3school.com.cn/css/css_selector_attribute.asp先看我们要实现的效果图(表情包和图片的自适应做的应该还行):我们不想要看到的情况:又或者这样:接下来谈一下我如何在项目中使用它:在我的react-native项目中,需要做一个h5的详情页,当然有很多种方式...

2020-04-24 20:08:47

MAC 命令行解压 rar 文件

MAC 命令行解压 rar 文件https://www.jianshu.com/p/cb5baeddd338执行 brew install 命令长时间卡在 Updating Homebrew 的解决方法https://learnku.com/articles/18908

2020-04-24 10:49:33

/Users/ng/Library/Developer/CoreSimulator/Devices/9B82D44F-703C-481E-BA28-71892DEA823D/data/Containe

今天执行了一条自定义的打包命令:./bin/build-ios -v 0.0.1.0 -c 1 -env dev重新xcode打包后启动模拟器,想打开debugger-ui,结果服务给我报了个错误:问了一下大佬,跟我说没有-D代表打的是离线包,而有-D表示打的是在线包,在线包才允许debugger因此,在android studio打开项目根目录,重新执行./b...

2020-04-23 21:36:31

关于Xcode 10.2.1 模拟器无法启用问题 Timed out trying to boot simulator after waiting 60.00s.

今天,把xcode给卸载了,从新下载了一个10.2.1的,把xcode的配置好后:以下为配置新版xcode的方法,需要文件的可以去 我的资源里面下载。发生了神奇的事,自己的项目,真机能跑,模拟器弄起跑不起来,一直提示:Timed out trying to boot simulator after waiting 60.00s.后面各种谷歌终于找到解决办法:打开命令行工具,执行以下...

2020-04-23 19:11:16

fatal: Unable to create '/Users/ng/Desktop/projects/Party_shell/app/.git/index.lock': File exists.

git 提交报错:fatal: Unable to create '/Users/ng/Desktop/projects/Party_shell/app/.git/index.lock': File exists.这是git的lock记录出错,删掉这个文件,重新生成即可解决办法,进到项目.git仓库的容器文件夹下,执行以下语句on Mac OSrm -f ./.git/in...

2020-04-23 17:03:51

各个版本XCode下载地址

https://developer.apple.com/download/more/

2020-04-23 16:24:00

css实现图片自适应容器的几种方式

css实现图片自适应容器经常有这样一个场景,需要让图片自适应容器的大小。1、img标签的方式我们马上就能想到,把width、height 设置为100%啊。来看一哈效果。<div class='div1'> <img src="./peiqi.png" alt=""></div>.div1 { width:500px...

2020-04-22 12:19:40

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv4
    勤写标兵Lv4
    授予每个自然周发布9篇以上(包括9篇)原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。