spicyboiledfish-CSDN博客

原创 ReactJS之如何让H5与H5之间路由跳转时传递对象参数

使用如下方法：<Link to={{pathname:"/addBankCard",query: { access_token: "aaa",fundCode: "bbb",from: "ccc"}}}> <div>测试</div </Link>跳转到下一个

2018-08-02 14:32:35 1714

原创 AngularJS之如何传递可以识别HTML标签的文本参数

使用$sce.trustAsHtml方法：HTML:<body ng-app="myApp" ng-controller="myCtl"> <div ng-bind-html="content"> </div></body>JS：<script> var app =

2018-08-02 11:46:31 2259

原创 React Native之react-native run-android运行命令报错问题解决

报错如下：Starting JS server...Building and installing the app on the device (cd android && ./gradlew installDebug...Could not install the app on the device, read the error above for detail...

2018-07-18 18:41:23 8930 2

原创 RN报错Cannot add a child that doesn't have a YogaNode to a parent without a measure function!

首先贴出报错信息：具体报错：Cannot add a child that doesn't have a YogaNode to a parent without a measure function!(Trying to add a "RCTRawText [text: ]" to a "RCTView")报错原因：1. 在组件代码中添加了注释2. 标签包裹次序出现了问题3. map函数写法有问...

2018-06-14 17:58:02 2179

原创 React Native报错com.android.ide.common.process.ProcessException: Failed to execute aapt.

报错环境：运行命令 react-native run-android时，报错：Error: "C" is not a valid file-based resource name character: File-based resource names must contain only lowercase a-z, 0-9, or underscore.译：“C” 不是一个合法的资源文件的命名。...

2018-06-13 18:13:55 5110

原创 React Native之如何解决iOS 9以上系统对HTTP请求的限制

最近新搭建的一个项目，遇到一个报错，在使用fetch请求API的时候，报错：TypeError: Network request failed.原因：由于这个API请求是http的协议请求，在iOS9以上系统，已经把http协议的请求限制了。iOS9引入了新特性App Transport Security (ATS)。详情：App Transport Security (ATS)新特性要求App内...

2018-05-29 17:33:35 2501

原创 iPhone手机加入wifi报错: 无法加入网络

遇到此报错，点击设置->通用->还原->还原网络设置重新加入wifi，然后输入正确密码即可。

2018-05-11 18:18:07 7323

原创 Objective-C之使用storyboard时常见的两种报错和解决方法

首先贴出报错信息：1. 在连线过程中，创建了多余的IBAction, 删除了IBAction的方法实现，但是并没有在storyboard板上删除连线reason: '-[ViewController redBtn]: unrecognized selector sent to instance 0x7ff62ff05750'2. 在连线过程中，创建了多余的IBOutlet，删除了IBOutlet...

2018-05-08 17:01:36 1034

原创 Objective-C之报错：Expression is not assignable.

最近开始着手计划在学习原生语言 Objective-C，一路上遇到的坑，我也会一一记录下来，都是一些踩坑的经验。因为总有那么一天，会有人因为看到我写的某篇技术博客，而受益良多。会更加激励自己不断前进。在学习一个UIButton中附上背景图后，点击按钮移动位置的这个小demo中，代码附上：- (IBAction)leftBtn { CGRect originFrame = self.img....

2018-04-04 15:19:22 2282

原创 React Native之如何写多个嵌套的三目运算表达式

目前我们使用的React Native或者ReactJS中，经常会使用到三目运算符来展现不同条件状态下的界面效果；此时我们就用到了三目运算啊。举例说明：{this.state.isMyIntro ? <MyIntro /> : null}这就是一个很简单的三目运算，来表达不同页面展示；当this.state.isMyIntro为true的情况下，就展示MyIntro组件；否则就不展示。...

2018-04-04 15:00:13 5167

原创如何解决Android机（主要是华为手机）上人民币符号￥只显示一横

针对￥符号，在部分安卓机上（主要是华为手机）出现，￥变成了少一横。如何解决呢？统一将￥改成 &yen;注意：不需要加空格，末尾是带分号的。

2018-03-22 10:25:05 6450 2

原创 React Native之虚线dashed属性在Android机不兼容问题解决

borderStyle:"dashed" 在安卓机上无效果。iOS中可以正常显示虚线；但是安卓只能显示为实线。我的解决办法：lineOne:{ width:25, height:0, borderWidth:0.8, borderColor:'red', borderStyle:'dashed', borderRadius:0.1,}解决点：1. height...

2018-03-20 17:33:51 9286 2

原创 React Native之无fixed属性，如何开发一个悬浮按钮

赶了一个礼拜终于开发结束，今天提测，抽空我来总结下最近遇到的棘手问题。其实真正让开发成长的是产品和测试啊。很酷炫的效果，如果实现不了，开发心里也是很难过的。。。效果图先展示出来：需求如下：首页默认可以展示50条新闻，新闻做成分页功能，每次请求10条新闻。当页面展示到第20条新闻的时候，才出现悬浮按钮“发现更多精彩”；一直滑动到50条，悬浮按钮一直存在。当页面向上滑动至少于20条新闻时，再将这个悬浮...

2018-03-20 17:15:44 12595

原创 React Native之如何实现图片轮播效果

我们都知道React Native中有一个很常见的Swiper组件。详情请查看链接：react-native-swiper使用方法：1. 安装第三方react-native-swiper组件：npm i react-native-swiper --save2. 引入第三方swiper组件import Swiper from 'react-native-swiper';3. 写我们自己的效果<...

2018-03-19 15:40:50 1896

原创自定义开发ionic自带的日历插件ionic-datePicker

一、首先说一下如何将ionic-datePicker插件引入到项目中：1. 在项目根目录中：bower install ionic-datepicker --save 2. 下载完成后，在lib文件夹中就会出现ionic-datepicker文件夹3. 在index.html中引入这个dist中的ionic-datepicker.bundle.min.js文件<script src="li...

2018-02-08 11:41:26 4859 2

原创 React Native之Android 5.0以下系统WebView访问https页面变成空白页

在我们的React Native项目中，需要开发一个tab页面专门配置三方h5链接，供用户浏览。自动化测试：Android 5.0以下系统此tab页面为空白页面。看效果：而我们去查看这个三方的h5链接时，发现，这个链接是https协议开头的链接。http是超文本传输协议，信息是明文传输，但是https 则是具有安全性的ssl加密传输协议。当我们去用这台低版本系统的Andro

2017-12-28 15:32:03 3880 1

原创如何配置Gradle环境变量

1. 首先，Gradle安装包我已经放在了百度网盘里面（gradle-3.4.1和gradle），链接: https://pan.baidu.com/s/1jIDznVK 密码: 63sd2. 打开你的资源库，Library（ command + shift + . ）,将你解压好的gradle包放在Library的根目录3. 打开终端，命令1：vi ~/.bash_profile

2017-12-28 14:22:08 1169

原创 HTTP报错401和403详解及解决办法

一、401：1. HTTP 401 错误 - 未授权： (Unauthorized)您的Web服务器认为，客户端发送的 HTTP 数据流是正确的，但进入网址(URL)资源，需要用户身份验证，而相关信息 1）尚未被提供,或 2）已提供但没有通过授权测试。这就是通常所知的“ HTTP基本验证”。需客户端提供的验证请求在 HTTP协议中被定

2017-12-26 16:41:30 341138 4

原创 React Native之报错await is a reserved word

老样子，先贴出报错信息：解决办法：函数中有异步操作的时候，函数名前要加async，如async getSystemAccount() { await...}

2017-12-21 18:08:06 10745

原创如何完美的解决时间轴开发中的"绝对定位"导致的Android兼容性问题（断线，断点问题）

这些天，正在赶一个Ionic+phoneGap+Angular1.0的项目整改，具体涉及到的一个时间轴的开发。首先贴出UI设计图，是图中的蓝色部分的开发：备注：由于这部分开发其实跟普通的HTML和CSS开发并无两样，所以我的标题并没有具体写Ionic，应该说这是一种开发思路，供所有开发时间轴会出现断线，断点问题的程序员们参考。一、第一种开发布局方法：兼容性测试：

2017-11-21 11:24:20 1188

原创前端开发们最喜欢使用的一款快速吸色软件----ColorSnapper

日常开发过程中，前端开发经常是需要在开发页面之前，能具体知道UI设计页面的色值啊，宽高啊，大小啊等等。那么我们其实是要麻烦UI小姐姐的，这难道不是是一个前端开发该有的基本技能吗？还需要麻烦UI小哥哥小姐姐们吗？当然，目前简单的吸色方法，大家基本上都能说出来几个，比方：QQ截图吸色，PS吸色，MarkMan等等。这些方法都是有些许缺陷的，QQ截图吸色需要打开QQ，而且吸取的色值有色差；PS吸色要

2017-11-20 10:58:45 24260

原创 React Native中tab切换栏在iPhone 6 Plus（10.2.1）一边有碎屑式的蓝色阴影

先贴出样式不兼容的图片：（此问题只出现在iPhone 6 Plus(10.2.1)的真机上，其余的包括模拟器，Android真机，iOS其余真机都未出现此问题）解决的核心代码：将以下代码：borderLeft: { borderTopLeftRadius: 5, borderBottomLeftRadius: 5,},borderRight: {

2017-10-26 19:30:10 1837

原创 iMac浏览网页报错 "Safari不能连接到服务器"

先贴出报错信息截图：解决办法：系统偏好设置->网络->Wi-Fi->高级->代理->将网页代理(HTTP)和安全网页代理(HTTPS)这两个协议配置勾掉，不勾选 ->好->应用->再在浏览器中输入网址，即可。

2017-10-25 14:49:33 9678 2

原创七牛云如何清理静态资源缓存

七牛云中经常出现更换图片或者CSS文件、JS文件，发现仍然没有更新上最新的，排除了浏览器的缓存，更改了版本号重新上传等等后，可以尝试以下方法来清理七牛云的缓存：点击屏幕左侧融合CDN->刷新预取->在输入框中输入正确的资源链接提交，即可。

2017-10-24 13:44:23 4028 1

原创 Ionic之如何分别对iOS及Android样式兼容性处理

问题描述：在Ionic+PhoneGap+Angular1.0+Cordova项目中，某一个按钮中的样式，使用了绝对定位的布局，在iOS的所有机型中都是完美布局；但是在Android机型中，就会出现向上的偏差，针对这个问题，如果微调的话，那么可能导致Android调整好对齐，但是iOS原先好的机型也会出现微小不对齐。针对这种问题，解决的办法如下：核心源码：HTML：

2017-10-24 11:31:20 2594

原创 Xcode界面选择ios模拟器时，机型iPhone 6(10.3)会报错显示乱码iPhone 6(1C7EC19A-1B64-4B40-...)

先贴出报错：解决方法：xcode ->Product->Destination->Add Aditional Simulators->删除异样的模拟器，即可

2017-10-24 11:15:13 689

原创 WebStorm之如何清除缓存

WebStorm ->Preferences ->Version Control ->SubVersion ->Clear Auth Cache ->OK.

2017-10-16 18:52:26 16248 1

原创 Mac之常用的快捷键

1. 格式化代码： command+option+L2. 终端创建空文件(空的文本txt文件)：touch test.txt3. simulator模拟器 Home键：shift+command+H 杀掉当前进程：shift+command+H+H4. Mac锁屏：ctrol+shift+键盘右上角键。如下：5. 终端将光标移到最右边：option+右方向键终...

2017-10-13 15:45:29 1015

原创 Git之如何上传代码到github上

1. 首先在github上创建一个新的respository.2. 在github上面的这个respository点击复制github路径：3. 打开终端，比方定位到桌面：cd Desktop/git clone https://github.com/spicyboiledfish/nodeJS-demos.git此时，桌面会出现一个由git

2017-10-12 15:17:52 429

原创 Ionic之2,3,4,5,6,7,8,9这几个数离奇地无法通过<10的判断条件

目前我们使用的Ionic项目中的ionic版本是1.7.16，而cordova的版本是5.4.1.可能是版本不兼容的问题吧，逻辑如下：当我输入框中输入的数字是指定的最高金额withdrawAsserts时，弹出最高限额的提示弹框；如果这两个条件均不符合，则跳转到帮助中心页面。逻辑核心代码如下：if($scope.cashJ.cashInputValue<$scope.minWith

2017-09-30 16:23:57 451

原创 Oracle数据库之如何安装及使用

一、在windows上安装Oracle数据库：首先，贴出安装软件的网盘地址：链接: https://pan.baidu.com/s/1gfMnQcb 密码: cfmz1. 先装Oracle，再装PLSQL：2. 将tnsnames.ora文件路径改到相应的安装路径的ADMIN下：比如： C:\ORACLE\instantclient_11_2\NETWORK\ADMIN 二、Oracle中的数据库使用：注释： -- （空格加--加空格）修改：for update提交：F10查

2017-09-30 15:19:56 2655

原创 Ionic之如何使用ion-infinite-scroll实现上拉加载，下拉刷新的功能

使用的是ion-infinite-scroll 标签：核心代码附上：HTML： <ion-infinite-scroll icon="ion-loading-a" ng-if="!isMax&&list.length!=0" distance="5%" immediate-chec

2017-09-22 16:10:45 2632

原创 Ionic之如何将上级页面的数据传递给下级界面

一、传递一个单个字段：在上级页面跳转到下级页面的方法里面，使用from属性：$state.go('func', { module: 'getCash', func: 'index', from: 3});在下级页面的controller中，接收from传递过来的参数：$scope.page = $state.params.from二、传递一

2017-09-22 15:11:14 919

原创 Xcode报错 Compiling IB documents for earlier than iOS7 is no longer supported.

先贴出报错信息：解决办法：将build for的版本改到iOS7.1及以上即可。

2017-09-22 12:45:35 7803

原创 Mac之安装软件报错"app"已损坏，打不开。您应该将它移到废纸篓

先贴出报错信息：出现这种问题，不是软件安装包的问题，而是Mac系统（macOS Sierra 10.12）的安全设置问题。解决办法：1. 系统偏好设置 -》安全性与隐私-》查看是否有勾选了任何来源选项。2. 若没有，打开终端执行以下命令：sudo spctl --master-disable3. 执行完成后，去系统偏好设置-》安全性与隐私-》查看是不是

2017-09-22 10:55:50 4231

原创 ionic之如何设置输入框未输入时按钮不可点击，有输入值时按钮自动变为可点击

首先贴出演示结果:那么如何开发这种效果呢？用到了Angular.js中的ng-disabled属性：核心代码如下：HTML： {{cashBtnName || '立即提现'}} Controller//判断提现次数是否超限，若超限则不可点击，反之。if (Config.isLogin()) { if

2017-09-21 09:52:05 2874

原创 React Native 报错 Could not get BatchedBridge, make sure your bundle is packaged correctly.

React Native中在安卓原生的方法里封装过后，需要用Android Studio去重新跑一下。打开Android Studio，找到React Native项目，然后找到android文件夹，打开。用USB线插上安卓手机，连接Mac电脑，然后在菜单栏的中的绿色朝右的run箭头，点击，扫描到安卓机，开始跑。结果报错如下：问题原因：gradle相应的依赖包没有安装；

2017-09-15 11:50:18 1534

原创 Cordova报错：Android SDK not found. 和报错 Please install Android target: "android-22"

一、原报错信息：Android SDK not found. Make sure that it is installed. If it is not at the default location, set the ANDROID_HOME environment variable.这个报错信息意思是没有正确配置好ANDROID_HOME环境变量。那么如何配置呢？Error: Please install Android target: "android-22".Hint: Open the

2017-09-12 14:57:33 4838

原创 ionic之如何隐藏navBar导航栏

最近开始参与新的项目的开发，关于前人留下来的一套Ionic+PhoneGap+Cordova的移动端开发的App，现在需要整改部分内容。也是头一次接触ionic，再加上Angular.js的一些语法了解了解，遇到了问题就解决问题，so easy！回归正题，ionic中如何隐藏navBar的导航栏呢？1. 核心代码：给ion-view标签添加属性hide-nav-bar=“true”

2017-09-08 10:06:22 2494

原创 JavaScript之如何让数字千位分割，即每三位一个逗号间隔

提供两种方法：1. 复杂算法：/*包含带小数的数字处理,千位加逗号,分位保留,*/formatNumldy(strNum){ var outputmoney = function (number) { number = number.replace(/\,/g, ""); //把所有的逗号，清除 if (isNaN(nu

2017-09-01 18:44:23 7905 2

空空如也

空空如也