兰色的fire-CSDN博客

原创 vue首页加载慢优化：预渲染prerender-spa-plugin使用，及解决编译报错,静态资源404，assetsPublicPath相对路径webpack配置问题

最近，终于有时间也有机会，去做一下vue框架的首页加载慢，白屏时间长的优化问题。具体优化方案很多，搜一下就有介绍。这儿重点介绍下预渲染的优化方式。PreRender预渲染是此次优化的重点方式。使用的是prerender-spa-plugin插件，git地址：https://github.com/chrisvfritz/prerender-spa-plugin网上此控件的使用也有很多例子...

2019-03-19 20:53:41 4890 4

原创 nodejs以太坊Dapp开发中文资料收集（精选版）

区块链技术是趋势！！会Nodejs，想做区块链相关，选择了以太坊这个平台。网上资料虽然多少能搜到，但是鱼龙混杂，重复错误百出，不够系统。在几天的搜寻筛选之后，整理了以下中文以太坊智能合约开发资料，有不足或者补充的请留言，互相交流共同进步！1.以太坊开发完整流程，从环境搭建到部署智能合约，流程非常详细，没有bug。首先推荐：区块链学堂--陈琳2.github收集所有区块链(BlockCha...

2018-04-09 20:02:21 2517 3

本篇文章说是指南，其实是用nodejs搭建服务器的一个流程记录，也告诉大家我踩的一些坑。因为自己是做web前端的，而且整个过程也断断续续，为了防止自己忘记，也同时希望给第一次搭服务器的朋友一个指引。一、购买服务器我买的是腾讯云的服务器+Mysql的数据库，为什么大平台里没选择阿里云，因为更便宜啊二、购买域名，解析有个要注意的就是，我是用来开发微信小程序的，而小程序的访问域名只能是.com或者.cn...

2018-03-07 20:26:42 1944

原创 ios兼容 new Date()NaN问题

var startTime = new Date('2017-12-08 00:00:00'); //ios中starTime为NaNAndroid 和 PC端浏览器都没有问题，IOS 浏览器会报NaN，解决方法就是，把中间的空格替换为TstartTime.replace(' ','T');var startTime2 = new Date('2017-12-08T00:00:00

2017-12-27 11:53:11 928

原创 position:fixed与可scroll的列表，跳转之后再返回底部div先浮在上面，再恢复正常

在开发中，遇到这样一个问题。一个页面中有list列表，可滑动，浏览器底部使用position:fixed;bottom:0;固定了一个按钮。但是当列表向下滚动之后，跳到下个页面又返回，底部的组件会有短暂的先在上面，之后又恢复到正常浏览器底部。正常红框内容是在底部的。其实原因也很简单，只是出现了这种闪一下就恢复的问题，一时没了头绪。关键就是，需要把滚动区域的高度固定，

2017-12-22 11:14:05 812

原创 Vue修改mint-ui默认样式

在使用vue框架开发时，饿了么的mint-ui框架是个不错的选择，但是有时候我们需要修改它的默认样式，方法如下：1.在src/assets/css目录下新建scss文件，my-mint.scss，内容如下：/* 覆盖mint-ui的primary颜色，改为自己UI的主题色 */$color-primary: #05AFAF;.mint-header { background-co

2017-11-07 10:41:36 33999 2

原创 TypeScript ts阻止点击事件冒泡

TypeScript ts Angular阻止点击事件冒泡

2017-09-11 14:14:05 6580

原创 TypeScript Angular ionic引用jQuery

网上找个很多方式，其实很简单，只需三步npm安装jQuery. npm install jquery --save安装l types 内的 jQuery.npm install @types/jquery --save导入import * as $ from 'jquery';注意：要安装的jQuery版本不能是最新的3.+，

2017-08-16 17:31:14 1257

原创 ionic 全屏显示，隐藏状态栏StatusBar

ionic项目会默认添加 cordova-plugin-statusbar 插件，可以控制状态栏cordova官网链接如下：https://github.com/apache/cordova-plugin-statusbar所以，是可以按照如上的方法去操作但是，千万不要用ionic官网的npm引用方式，会报错！就是这个npm install --save @ionic-

2017-07-11 17:26:41 6863

原创升级到ionic3 Lazy Loading懒加载,ionic3新建页面

ionic2 CLI新建页面命令：ionic g page home生成：home.html,home.ts,home.scss三个文件ionic升级到到3.+之后，ionic g page home或者ionic generate page home生成：home.html,home.ts,home.scss三个文件之外，还会生成home.module.ts,

2017-06-27 12:03:37 5006

原创 ionic实现App动态更新，热更新

ionic实现App动态更新，热更新

2017-05-02 18:14:33 5241

原创 ionic获取cookie

我们如果需要获取服务器返回的cookie，是拿不到的，因为ionic自己的域名为http://localhost/8100，而我们自己的域名肯定不是这个。我们要读取的其实是自己服务器传来保存在浏览器的cookie，但是ionic App只能读取本地域名，即http://localhost/的。所以是不能从浏览器存储里读取的。若真要获取cookie，在没有http-only属性前提下

2017-04-26 18:15:15 2582 4

原创 ionic2修改默认首页，根页面

ionic2修改默认首页，动态修改根页面

2017-04-20 20:00:29 7110 4

原创 ionic2实现通讯录，联系人搜索功能

contact.html文件内容： <ion-searchbar (ionInput)="getItems($event)" placeholder="姓名首字母组合、数字搜索" autocomplete="on" mode='ios' color='orange' showCancelButton='true' cancelButtonText="取消" (ionC

2017-04-19 18:33:25 40179 9

原创 ionic2 Android平台使用ios UI样式风格

ionic会根据平台来生成不同的样式，这些样式是符合系统UI风格的，做过ionic开发打包成不同platform的App就知道。但是，有时候真心觉得Android的UI风格不好看，或者设计师只出了一套ios风格的UI，所以想把ionic打包的所有App都用ios风格。其实很简单：在app.module.ts文件中，修改内容如下： imports: [ IonicModul

2017-04-19 17:49:41 886

原创 ionic2 使用自定义icon

ionic2 使用自定义icon,设置tab选中的颜色值

2017-03-14 10:40:03 2917

原创 ionic2 App启动慢，长时间白屏，使用--prod解决

解决ioni2 App（尤其Android）启动慢，长时间白屏，手动控制splashscreen关闭，Android长时间打不开挂掉，压缩App大小的问题

2017-03-10 17:36:17 12394

原创 ionic2 --prod编译打包白屏，报错Duplicate export ‘***NgFactory’问题解决

ionic2 使用--prod参数打包App会让App启动会快好多，而且包也会变小。但是我使用 --prod 打包之后的App一直白屏，App进不去，但是不适用--prod就不会。这个问题困扰了我好久。后来看log，报错是"Uncaught Error: Module parse failed: \node_modules\@ionic\app-scripts\dist\webpack

2017-03-10 17:26:52 1841 1

原创 ionic2 导入第三方js库文件

网上有很多歪果仁写的导入第三方js，但是都行不通。还是要用官方推荐的typings。步骤如下：1.全局安装Typingsnpm install -g typings2.搜索你想要的插件，如chartjstypings search chart.js搜索结果如下：Viewing 1 of 1NAME SOURCE HOMEPAGE

2017-03-07 17:13:31 4767

原创 ionic2 iframe加载外部url，引用其他网站

在ionic2项目中，我们需要加载其他网站的页面，Android直接加载到iframe没问题，但是，ios不显示！解决方法：在config.xml中添加：

2017-02-23 16:34:23 4234

原创 ionic2 数据更新，刷新页面

虽然ionic2是双向数据绑定，但是也有需要手动刷新页面的时候。方法如下：1.导入ChangeDetectorRefimport { ChangeDetectorRef } from '@angular/core';2.声明constructor( public cd: ChangeDetectorRef){}3.在数据更新后，调用detectChanges方法刷新this.

2017-02-15 19:08:46 14933 7

原创 ionic2 svg格式icon不显示，报错： Refused to load the image 'data:image/svg

ionic2 svg格式icon不显示，报错： Refused to load the image 'data:image/svg

2017-01-23 17:59:23 2239

原创 ionic2 隐藏滚动条

在全局scss文件 app.scss文件中添加::-webkit-scrollbar { display: none !important;}即可取消滚动条啦

2017-01-23 17:45:22 4043

原创 ionic2 修改返回键颜色文字

在app.module.ts文件中修改返回键内容： imports: [ IonicModule.forRoot(MyApp,{ backButtonText: '', }), JsonpModule, ],在variables.scss文件中修改返回键颜色$toolbar-md-button-color :#fb6d07;$toolbar

2017-01-23 17:32:41 3844 2

原创 ionic2 子页面隐藏去掉底部tabs导航，子页面全占满显示方法

ionic2 子页面隐藏去掉底部tabs导航，子页面全占满显示方法

2017-01-18 09:56:59 6264 8

原创 ionic2 angular2自定义pipe ，orderby实现排序

ionic2项目开发中，我们会用到排序功能，原以为angular2和angular1中一样，结果不能用啊官网是这么说的：https://angular.io/docs/ts/latest/guide/pipes.html#!#no-filter-pipe"Some of us may not care to minify this aggressively. That's ou

2017-01-05 19:49:41 5856 3

原创 TypeScript 错误“property does not exist on value of type”

在用TypeScript写angular2或者ionic2项目时，导入原来JavaScript代码，有时出现“property does not exist on value of type”问题即该对象找不到此属性，原因是ts是静态语言，类型是需要定义的，未定义就有可能找不到。最简单的解决方式是：加 as anyeg：y.x报错，则改为(y as any).x

2017-01-05 19:45:36 22942 4

原创 ionic2 tabs使用 Modal底部tab弹出框

项目要实现一个功能，在首页底部中间的tab弹出一个页面，而且是没有底部栏的，而不是像平常滑动的一个子页面。像这样：做法其实很简单1.修改tabs.html中的tab，去掉[root]="tab2root"属性，就不会显示子页面了2.添加(ionSelect)方法，点击这个tab按钮的事件，用来显示你的弹出modal去掉之前：去掉之后：3.在tab

2016-12-30 14:13:13 5039

转载 ionic2教程

找到一个牛人写的ionic2教程，入门的话可以看看，毕竟中文的。感谢原作者Ionic2-zyy技术博客

2016-12-29 14:31:06 2222

原创 ionic2 ts中使用cordova插件

ionic2 ts中使用cordova插件 Property 'plugins' does not exist on type 'Window'.

2016-12-27 19:53:34 2631

原创 ionic2 url不安全问题 caused by: unsafe value used in a resource URL context

ionic2 中，img,iframe的src，a的href，有需要引入外部url的资源链接，但是，变量直接赋值url的话，会报错：caused by: unsafe value used in a resource URL context (see http://g.co/ng/security#xss)顾名思义，加上看了官网文档：http://http://g.co/ng/se

2016-12-22 15:51:09 4700

原创 cmd执行ionic serve命令，问题错误:npm ERR! Windows_NT

ionic2 serve问题错误:npm ERR! code ELIFECYCLEnpm ERR!npm ERR! ionic-hello-world@ ionic:serve: `ionic-app-scripts serve`npm ERR! Exit status 1npm ERR!npm ERR! Failed at the ionic-hello-world@ ionic:serve script 'ionic-serve'.npm ERR! Make sure you have th

2016-12-22 15:21:55 6001

原创微信小程序，无双向数据绑定

小程序中，其实没有双向数据绑定的初始化数据：初始化数据将作为页面的第一次渲染。data 将会以 JSON 的形式由逻辑层传至渲染层，所以其数据必须是可以转成 JSON 的格式：字符串，数字，布尔值，对象，数组。{{text}}{{array[0].msg}}Page({ data: { text: 'init data', array: [{msg:

2016-12-08 14:33:06 4541

原创 ionic cordova实现获取显示手机通讯录

应用内经常会遇到获取并显示通讯录的需求，混合开发hybrid App实现可以用ionic+condorva来实现。话不多说，先看看效果：

2016-11-14 17:53:50 37730 5

原创 ionic 使用$rootScope全局变量，数据绑定

我们可能遇到有些参数在一个controller里定义，绑定，却在另一个controller里作了改变，那我们需要绑定，更新，这时候可以用$rootScope，具体做法：比如我们要绑定mobile这个参数，如下{{mobile}}在主module的.run中使用$rootScope初始化数据，.run(function( $rootScope) { $rootSc

2016-11-10 20:19:31 4679

原创 ionic 通过url页面间传递数据

有时候需要把本页的数据传递到下一页，最简单的方式是通过url传值：例如我们要从setting.html传递settingId到changeSetting.html，步骤如下：在源页面controller中写入数据,还是使用$state.go$state.go('tab.changeSetting',{settingId:id});设置目标页state中的url地址

2016-11-10 19:49:23 2818

原创 ionic ionic2进入App前判断是否登录，进入页面之前作判断，实现未登录跳转

App开发，肯定会遇到需要判断是否登录，未登录即跳转到登录页的问题，其实ionic ionic2中都很容易解决：

2016-11-09 20:33:11 10600 3

原创 ionic 项目框架app.js controller.js service.js简析

这里，我们只解释下前端开发常用的www目录底下，js包内的文件：1.app.js这个是我们的App逻辑主页主module starter在这里定义,同事注入依赖ionic和其他两个文件的module：['ionic', 'starter.controllers', 'starter.services', ]注：controllers.js services.js都作为modul

2016-11-09 20:06:31 2757

原创 ionic state多页面跳转

使用ionic做Hybrid App开发，首先要遇到的就是如何实现页面跳转，一般会遇到以下问题：1.一个tab导航，实现二级，多级页面跳转eg：“我”的页面，进入下一级“设置”需要使用state进行跳转，步骤：1.在app.js中，给你的moudle添加新state .state('tab.setting', { url: '/setting',

2016-11-09 19:10:25 2582

空空如也

空空如也