[Ionic]
我能在河边钓一整天的鱼
欢迎来到我的酒馆
展开
-
VScode实用插件安装
进入VScode后在扩展中搜索,就可以安装这些插件啦 vscode-icons 用于项目中文件类型显示对应的图标,提高文件定位的效率 TSLint 用于TS的检测 Path Intellisense 用于提示导入文件时候的路径 ESLint JS的代码规范检测 beautify...原创 2019-02-23 09:33:15 · 902 阅读 · 11 评论 -
ionic4之如何让你的app可以播放mp3文件?
目录功能展示从头道来原生js实现播放音乐js-ts修改之路收获功能展示当点击绿色框播放音乐,当再次点击可以暂停,与此同时喇叭跟着动。当然喇叭动的时候也是有声音的,只有贫僧能听到。图片很丑别怪我,我只是个小Demo。从头道来小僧和同伴今天接到了一个技术研究。那就是如何在ionic上播放音频。很多人在学习js的时候...原创 2019-06-07 16:18:55 · 1451 阅读 · 13 评论 -
ionic二次开发之如何高效实现图标切换
目录前言代码分析解决问题修改后的展示前言小僧今天接到的任务是解决一个看起来很简单的小bug。如图,当点击收藏时,把空心的五角星切换成实心的。它的确很简单,不过当我看到代码时,我蒙蔽了。倒不是功能难,是在不大改这段代码的基础上实现功能太麻烦了。代码分析我们来看看这块写好的代码是什么样的。首先他用了一个ionic的图标,后台分...原创 2019-05-29 15:59:44 · 313 阅读 · 11 评论 -
ionic4如何打包成Andriod平台下的apk文件
目录(大致分为6个步骤)1.搭建环境2.安装AndroidStudio3.构建安卓平台4.构建项目5.解决cordova问题6.安装生成的apk文件7.注意事项前言发布需要用到的AndroidSdk和Gradle的确存在版本匹配的问题,但是执行下面的步骤程序会自适应版本1.搭建环境1.1安装nodejs。1.2安装npm/...原创 2019-05-31 15:39:25 · 3083 阅读 · 17 评论 -
使用require时提示Cannot find name 'NodeRequire'怎么办?
问题展现代码中用到了require.编译时报错解决办法首先现在终端中输入命令,安装一下这个。npm i @types/node然后在项目文件中搜索tsconfig.app.json进去后只需要在如下位置写入"node"再重新启动下项目就OK了...原创 2019-05-21 11:01:47 · 1032 阅读 · 13 评论 -
ionic4之列表栏的布局设置
页面效果设置一:标题栏居中显示解决关键:如图,单独让文字居中简单,可是这一行是由图标+文字构成的,如果只是设置text-align:center,没卵用。这时就需要分别设置图标宽度和文字宽度的百分比了。代码如下,实现居中效果<ion-header> <ion-toolbar> <ion-title...原创 2019-05-19 10:59:15 · 1353 阅读 · 9 评论 -
Ionic4如何返回上一个页面并刷新
需求描述 首先定义刷新方法、1.我的项目有一个公用方法类BaseUI,我们把刷新方法写在这个ts文件里2.打开子页面的ts文件,让本类继承baseui3.还是当前页面,这会就可以定义一个跳转父页面的方法了4.在html中为返回图标绑定click事件...原创 2019-04-03 09:03:42 · 4890 阅读 · 11 评论 -
班课列表——ionic4如何实现数据绑定
演示效果单击班课图标→显示班课的信息 我的班课页面开发逻辑关于如何添加一个班课图标我在前面的博客有提到,感兴趣的朋友可以去前面看看。 开发“我的班课”页面主要干两件事:解决数据绑定首先要写显示班课信息的方法,先把ts代码贴在这里,然后一一讲解。...原创 2019-03-24 08:07:50 · 806 阅读 · 16 评论 -
ionic4如何新建一个图标并实现简单的路由跳转
第一个ionic4开发任务!很激动这篇博客是记录笔者开发ionic4之后接到的第一个任务。简单说下项目需求,在下图的红框中新建一个图标,名为班课,并能实现单击这个图标后,跳转到下一个页面。找图片1.我们首先看下上图中其他图标都是什么格式的,嗯svg,所以我们也应该去找svg格式的图标2.我们在阿里巴巴矢量图标库上找找看htt...原创 2019-03-19 09:35:19 · 511 阅读 · 16 评论 -
ionic新建项目失败:node-sass/node scripts
问题版本:ionic3.12.0 关于ionic的新建和配置,这里就不介绍了,推荐大家一篇博客写的非常详尽。https://blog.csdn.net/lk1822791193/article/details/87888164 愿大家不再进坑 笔者的问题出现新建ionic项目时,它报如下错误 笔者在网上也找了不少办法,都没法解决我的问题。最后...原创 2019-02-26 19:53:23 · 499 阅读 · 15 评论 -
Ionic3神奇错误汇总——未完待续....
xxx is not a function最近页面一直显示关于Ionic报错:xxisnotafunction。这个错误主要表现为页面无法跳转。代码照着视频对了好几遍,仍然无法跳转到页面。这时候从网上看到有个哥们重启了下服务,问题就解决了。如下问题。所谓的重启服务就是在当前命令行按ctrl+c,然后按Y(意思是确定强制退出当前任务)再次ionicserve启...原创 2019-03-02 15:11:50 · 219 阅读 · 2 评论 -
ionic常用命令总结
声明小编使用的ionic版本是3.12.0,由于ionic3和ionic4改动幅度不小,所以我在新建项目的同时出现了很多的问题。小编也亲测了当前最新版本的ionic4.10,新建启动之类的没有问题。因此,本篇博客的命令主要针对ionic3,以保证老版的ionic使用起来更方便IONIC的卸载和重装先卸载 npm uninstall -g ionic再重...原创 2019-02-28 11:27:08 · 600 阅读 · 11 评论 -
ionic4原生组件开发经验杂谈-以Action Sheet组件为例
目录前言1.找到自己需要的组件2.先抄了再说3.对Demo的内容做简单修改4.切换IOS/Android系统效果5.更改组件样式(一通百通)结语前言使用ionic开发时,经常会需要我们自己搞一个组件。无论是在ng-zorro还是ionic官网,找到合适的组件并不难,但是按照项目的需求灵活的运用组件难度就大起来了。个人认为,造成这件事...原创 2019-06-14 21:49:02 · 832 阅读 · 56 评论