- 博客(69)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 基于Taro列表组件VirtualList的源码改造方案
为什么要做这件事工作之后的技术方向一直以React Native为主，最近对微信小程序比较感兴趣，在好大哥的推荐下开始了阅读Taro3.2.0文档，并准备借助手头的资源尝试搭建项目。当我阅读完官网组件VirtualList之后直接自闭了，这不可能是一个3.0版本的框架啊。简单介绍一下VirtualList组件的核心：通过监听onScroll参数scrollOffset并根据itemSize计算出startIndex、stopIndex，然后渲染区间内item。对于我这种小程序入门者来说，这个组件很不
2021-05-18 17:26:18
1265
原创 Javascript数据类型知识点
JS数据类型一共有八种：Number、String、Boolean、null、undefined、Object、Symbol、BigInt。基本数据类型StringNumberBooleannullundefined引用数据类型ObjectArrayDateFunction如何判断数据类型判断数据类型的方法有很多，如instanceof、typeof、constructor，这里我们不讲最全的，只讲最贴近实用的，尽量避免混合使用造成错误。instanceof对未进行构造函数
2021-04-21 16:23:42
163
原创 React+hooks如何解决开发最基础的重复【渲染】问题？useMemo+useCallback
相信大部分React前端开发者对类组件的编程方式都有长时间的编码经验，对性能优化的方案亦有研究，如PureComponent、Component+ComponentShouldUpdate等，但随着大势所趋我们必须拥抱函数式编程+Hooks，那么我们之前的优化方案如何在函数式编程中得以实施呢？手头的RN项目正好有一个倒计时的小需求，就梳理一下几个hooks的API，如何帮助我们如何高性能的实现。脱敏之后的需求为：渲染12:21:01马上开抢倒计时。我们暂且做个约定，初始化几个参数 const co
2021-04-17 22:27:51
2099
原创 RecyclerListView组件之-为什么要选择它作为海量数据列表组件
React-Native recyclerlistview组件设计思路讲解、性能比对、内存复用原理
2021-02-23 14:08:04
703
原创 Mac Pro PhotoShop CS 6 安装Adobe程序未能初始化
安装Adobe程序未能初始化这个问题之前在搞Windows的时候经常遇到，所以原因很明确，你的电脑上有其他Adobe软件残留，比如我的Mac之前就安装过PS和CC，所以遇到了这个错误。断网【应用程序】删除关于Adobe相关【/资源库/Application Support/】删除Adode文件【~/资源库/Application Support/】删除Adode文件【Install文...
2018-12-06 21:15:29
1256
原创 HTTP碎片化知识汇总
HTTP的定义 HTTP协议，即超文本传输协议(Hypertext transfer protocol)，用于从WWW服务器传输超文本到本地浏览器的传送协议。HTTP请求的完整流程1、域名(DNS)解析，找到服务器IP2、建立TCP连接3、Web浏览器向Web服务器发送请求命令4、Web浏览器发送请求头信息5、Web服务器应答6、 Web服务器发送应答头信息7、Web服...
2018-11-05 22:05:42
382
原创 Git分布式管理系统命令指南
一直依赖GitHub Desktop客户端的便捷操作，对git的命令越来越生疏了，现在将常用命令总结一下，我会按照我们创建本地仓库的流程和日常维护的案例长期完善、补充这篇文章的知识点。git clone将远程仓库的代码克隆到本地。// 该命令会在本地主机生成一个目录，与远程主机的版本库同名git clone https://github.com/mengft/Boutique.git...
2018-11-01 21:56:21
252
原创 Android编译失败问题汇总
com.android.support:support-v4问题汇总未下载指定版本的V4包导致的错误报错一：Failed to resolve: support-v4报错二：Please install the Android Support Repository from the Android SDK Manager这两种错误都是由于com.android.support:su...
2018-10-24 10:58:29
2228
原创 Mac Pro硬盘清理，为啥我的系统占用如此之多的磁盘空间
悔不该当初为了省两千块钱买了一台128的本，结果开发中处处为硬盘空间挚肘，给大家先说一下为什么系统会占用如此之多的空间，哪些操作可以帮我们进行优化。模拟器运行的缓存当我们在Run project on a Simulator，这时会启动一台模拟器，但是它在关机之后就会生成一个缓存文件，少则几百兆，所以系统瘦身肯定首当其冲。~/Library/Developer/CoreSimulator...
2018-10-19 17:08:03
18537
1
原创 React Native 前端面试题目汇总，高频问题，提薪必会
ES6的新特性有哪些？该部分知识参考文献箭头操作符var array = [1, 2, 3];//传统写法array.forEach(function(v, i, a) { console.log(v);});//ES6array.forEach(v = > console.log(v));类的支持//类的定义class Animal { //ES6...
2018-10-16 10:32:35
6202
1
原创 Android 日常报错之 Android dependency 'com.android.support:support-v4' has different version
Caused by: java.lang.RuntimeException: Android dependency 'com.android.support:support-v4' has different version for the compile (26.1.0) and runtime (27.1.0) classpath. You should manually set the s...
2018-10-12 17:06:13
11101
1
原创 Android日常报错之 Program type already present...
Program type already present...在做React-Native Android项目集成的时候，app、react-native-mixpush两个模块都在lib文件夹引入了同一个jar包导致的错误，在app中删除这个jar包Sync grade file now, then build your project again....
2018-10-10 13:58:02
7137
原创 Android 日常报错之 Execution failed for task ':react-native-update:compileDebugNdk'
// 报错重要信息Execution failed for task ':react-native-update:compileDebugNdk'锁定module react-native-update,在build.gradle中添加android { sourceSets.main { jni.srcDirs = [] }}Sync grad...
2018-10-10 13:47:56
3565
原创 PushNotificationIOS 集成指南
PushNotificationIOS本文档贡献者：sunnylqm(100.00%)Projects with Native Code OnlyThis section only applies to projects made with react-native init or to those made with Create React Native App which have s...
2018-10-10 09:29:18
1716
1
原创 React-Native 官方组件FlatLis 关于属性onEndReached、onEndReachedThreshold的几点使用总结
FlatList组件为什么依然这么难用官方提供的这款List组件相比于上一个版本的ListView来说已经优化很多了，但是，还是不能称之为一个成熟的组件。onEndReached、onRefresh两个属性的引入说明官方确实是想将下拉刷新、上拉加载的模式引入这个组件，但是从目前的现状来看，这两方面做的都差钱人意，那我们就来对这个组件进行一定的改造，来满足我们正常的开发需求。上拉加载我看到很...
2018-09-26 17:21:53
8024
原创 由SDK "iphoneos" cannot be located引起的C compiler cannot create executablesou问题
命令行错误信息，如下图出现在Xcode 项目build的过程中，错误提示Xcode路径定位错误，那就通过命令行重新指定Xcode路径，网上有人说是安装过多个Xcode版本的缘故sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer/...
2018-09-21 18:33:32
1293
原创 基于React Native封装的表单提交Container，用于替代RN官方组件KeyboardAvoidingView(不兼容Android)react-native-keyboardavoidv
react-native-keyboardavoidview基于React Native封装的表单提交Container，用于替代RN官方组件KeyboardAvoidingView(不兼容Android)Theory重写TextInput的onFocus方法，借助ScrollView的scrollResponderScrollNativeHandleToKeyboard实现屏蔽键盘遮挡Fo...
2018-09-20 17:04:03
1531
原创 基于React Native官方组件Image封装的具备加载生命周期视觉反馈的组件react-native-loading-image
react-native-loading-image基于React Native官方组件Image封装的具备加载生命周期视觉反馈的组件,具体实现功能如下：网络图片Pending状态渲染，提供闪烁动画、loading.gif两种方式网络图片Error状态渲染继承官方Image组件的所有属性Installationnpm install react-native-loading-ima...
2018-09-20 17:02:27
662
原创 基于React Native官方组件ScrollView与React-Navigation实现headerTitle与界面的滑动的交互效果react-native-scrollable-contain
react-native-scrollable-container基于React Native官方组件ScrollView与React-Navigation实现headerTitle与界面的滑动的交互效果Installationnpm install react-native-scrollable-container --saveImport into your projectimpo...
2018-09-20 16:59:56
683
原创 基于React Native封装的资讯频道TopBar，常见于新闻客户端react-native-scrollable-topbar
react-native-scrollable-topbar基于React Native封装的资讯频道TopBar，常见于新闻客户端，具体实现功能如下：TopBar区域可手动滑动(Underline 联动)点击频道实现内容区切换根据内容区(this.props.children)触摸手势实现频道切换频道位置校准，左右边界临界位置处理，实现自动滑动校准Installationnpm...
2018-09-20 16:57:28
476
原创 基于React Native官方组件FlatList，增加可定制化“下拉刷新”、“下拉加载更多”组件API的新列表组件react-native-refresh-loadmore-flatlist
react-native-refresh-loadmore-flatlist基于React Native官方组件FlatList，增加可定制化“下拉刷新”、“下拉加载更多”组件API的新列表组件，具体实现功能如下：自定义下拉刷新组件API自定义上拉LoadMore组件APIInstallationnpm install react-native-refresh-loadmore-fl...
2018-09-20 16:55:36
2959
原创 基于React Native实现的界面加载组件react-native-loadview
react-native-loadview基于React Native实现的界面加载组件，Installationnpm install react-native-loadview --saveImport into your projectimport LoadView from 'react-native-loadview';Examle useage用于界面数据处理load...
2018-09-20 16:52:33
2662
原创 Only the original thread that created a view hierarchy can touch its views.
Only the original thread that created a view hierarchy can touch its views.最近在积累自己的Android UI compenent库，在做到自定义相机的时候，点击拍摄按钮，当前的activity会自动finish（），并报以上错误，出错位置在我改变界面组件的visibility属性rl_resultview.s...
2018-07-02 11:38:52
3652
原创 WebView shouldStartLoadWithRequest 没有被触发是什么鬼？
1、我的项目是RN和H5块混合开发的，web用的是 react写的，路由和跳转是由官方组件 react-route 进行支持，所以我在进行界面跳转的时候用的是browserHistory.push(url)，当我替换为window.location.href = url的时候问题解决了2、解决了这个问题之后，会遇到一个新的问题，就是React解决界面返回的问题，由于WebView的一个界面需要...
2018-07-02 11:17:41
2386
原创 React Native Xcode调试遇到未找到main.jsbudle文件
刚开始以为是main.jsbundle文件的项目位置有误，但是重新定位在文件系统的位置之后发现，这个文件确实是找不到了那么就来考虑一下如何重新生成这个文件吧1、先启动react-native 服务react-native start2、通过curl命令生成curl http://localhost:8081/index.ios.bundle -o main.jsbundle...
2018-06-27 10:41:55
2234
1
原创 Android 去除Button默认阴影效果并添加自定义阴影
1、首先先说一下默认的阴影效果// JavasetStateListAnimator(null);// xmlandroid:stateListAnimator="@null"2、自定义阴影实现的方式有很多种a、将Button分层，将两层的背景区分开就OK，但是有个问题时，如果Button含有内容，比如文字、图片就会影响居中效果，毕竟这种方法的原理就是四个方位的偏移b、这...
2018-06-20 09:38:00
5239
原创 小米XIAOMI 真机调试有多坑
为了能够为小米用户提供推送服务，今天喜提了一台红米 6，不要998只要7991、第一个槽点，我就开个开发者模式，打开USB安装，为啥要让我插SIM卡，能告诉我为啥吗？难不成每次打开开发者模式上机调试都让开发者往测试机上插卡吗？看看小米的论坛下面一群骂爸爸的，我就不说什么了，你妹的2、INSTALL_FAILED_USER_RESTRICTED，这个错误你一定遇到过大部分博客都说，只...
2018-06-15 17:40:31
9768
3
原创 Android 自定义AlertDialog
这几天看了一些关于Android UI的文档，看到这个控件的时候感觉，怎么会有这么丑，这么难用的组件，不就是一个Alert吗？好在这个组件给我们提供了一个可以将这个组件盖头换面的Api，便是setView，那就以重写这个组件为核心对AlertDialog进行重写吧，这里我们实验一种最常用的使用场景，先把实现效果贴图吧仿照IPhone做的效果，乔帮主的产品确实简洁美观首先我们先来定义一下界面...
2018-06-15 17:18:03
1841
1
原创 Android 集成华为推送
Android的推送业务现状还是比较混乱，手机厂商各有一套推送机制和SDK需要你去集成，今天先谈一谈华为的推送服务集成吧集成背景：React Native项目，已经集成了一套JPush，但是目前相当一部分Android机型极光推送在应用杀掉之后是不能唤醒的，Android和Apple平分秋色，客户有需求，就着手集成吧，集成路线 华为 =》小米 => 其他厂商我先把集成正确的思路...
2018-06-13 20:05:41
906
原创 通讯录逻辑
import React, { Component } from 'react'import { View, Text, TextInput, Image, ScrollView, InteractionManager, TouchableOpacity, TouchableWithoutFeedback, Modal, Animated, Platform, StyleSheet } from...
2018-05-15 09:56:01
451
原创 React Native Android打包出现的问题
一、./gradlew installRelease 出现* What went wrong:Execution failed for task ':app:bundleReleaseJsAndAssets'.> 'command 'node'' finished with non-zero exit value 1这个问题纠结了我了大量的时间，我尝试过二、./gra...
2018-05-10 20:34:12
2214
2
原创 React Native Android原生方向进阶一
虽然说react native的设计初衷是为了敏捷开发，write once，run anywhere，但是还是开放了原生接入这一高级功能，而原生也是一位这个开发方向一个绕不过去的坎，今天先跑了一下流程，总结一下先1、react-native init mengft_module 初始化一个react native项目，取名mengft_module，初尝0.55.1版本2、andr...
2018-04-09 18:37:29
317
原创 UnableToResolveError: Unable to resolve module `***`
这个问题很常见，原则上是任何npm依赖包都有可能发现这个问题，介绍下解决方案吧step one： rm -r node_modules step two: npm cache clean –force step three: npm install step four: nom start – –reset-cache一般step one, step three, step four...
2018-03-02 11:24:34
4432
1
原创 JS 面试级问题之--浅拷贝和深拷贝的区别和实现方法？
如果你想应聘前端工程师，这个问题你是绕不过去的？ 浅拷贝和深拷贝的区别和实现方法？首先，浅拷贝和深拷贝都只针对于像Object， Array这样的复杂对象，区别：浅拷贝只复制对象的第一层属性、深拷贝可以对对象的属性进行递归复制举个例子：const obj1 = { name: 'mengft', family: ['父亲', '母亲', '妹妹']}sh...
2018-02-23 14:08:11
10111
原创 React Native 深度进化思考
过年这几天在家闲来无事，一直在思索React Native的深度学习与优化，寻找下一个突破的地方有人说只要会一点js，React Native上手就很容易，这句话没毛病，入门是没问题的，但是距离真正的商业项目的开发相差甚远1、代码习惯 2、架构设计 3、组件意识 4、原生基础无论是这四点的哪一点都需要长时间的用心积累才能有所长进，我现在也还是在培养意识的阶段，毕竟项目经验和天赋摆...
2018-02-22 10:34:15
348
原创 SyntaxError:Strict mode does not allow function declaration in a lexically nested statement.
最近在使用React Native集成环信的时候遇到了这个问题，原因是在文件头部声明了'use strict'但是你的项目里面还是出现了这种方法声明方式function ts () { var d = new Date() var Hours = d.getHours() // 获取当前小时数(0-23) var Minutes = d.getMinutes(...
2018-02-09 13:02:42
209
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人