首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏ionic3+

    ionic4自定义图标

    ionic4的自定义图标使用方式与ionic3很大不同 当前ionic4我只会一种使用方式,其它的还没空研究,操作上很简单: 1.

    3.1K40发布于 2019-07-19
  • 来自专栏计算机编程

    ionic4 -- 修改tabs图标

    官方命令为我们创建好了代码,这里不难发现,tabs分为两大部分: 第一大部分:ion-tab: 这里是路由器,存放页面跳转路由用,此部分的tab作为标签,对应底部tabButton的。

    1.8K20发布于 2018-12-26
  • 来自专栏ionic3+

    解决ionic4编译过慢的问题

    ionic4中编译一次需要几十秒,远比ionic3久,在Github上看有没有人反馈这个问题,发现还真的有,而解决方法是: 升级Node到版本10.10.0 , 同时NPM更新到6.4.1 一试果然可以

    1.5K00发布于 2018-11-12
  • 来自专栏计算机编程

    ionic4 -- angular 跳转页面

    1、引入route并新建页面: ionic4 与前辈们最大的不同就是通过angular引入了route,这样每次跳转的时候只需要直接跳转对应的路由地址就可以了,给了路由器上的解耦,也解决了原来的RXjs ionic4在这里直接使用的是angular的源码。 新建页面: 通过在cmd上输入 ionic g 我们进入一串选项: ? 选择新建项目.png 然后选择page: ?

    3.3K20发布于 2018-09-12
  • 来自专栏ionic3+

    左手Ionic,右手年华

    ---- 新欢与旧爱 随着Ionic4的推出,自己也较早时间去踩坑,从去年中创建第一个Ionic4项目开始到现在,指导开发了几个Ionic4项目,可以确切地说,Ionic4已经稳定了(仅限于Angular Ionic4最大的感观是在转型,转型向一个纯粹的UI框架,借助Stencil,基于Web Components技术实现跨框架使用。 其实如果Ionic3时,是采用Ionic4的技术线条,而Ionic4是下一个新的技术,那一定比现在更成功。 而现在,在其它竞争对手面前,Ionic4并不算有很亮眼的表现,一定程度上归结于Angular在国内的受欢迎程度。 一些从Ionic3过渡到Ionic4的人仍旧以Ionic3的思维去做开发,抱怨这个Ionic3可以,怎么到Ionic4不行?

    2.3K20发布于 2019-04-29
  • 来自专栏前端导学

    ionic4 解决键盘遮挡输入框的问题

    在html中 为input增加focus和blur事件 在ts文件中 设置如下 bfscrolltop; // 获取软键盘唤起前浏览器滚动部分的高度 ngOnInit(): void { th

    2.3K30发布于 2019-05-28
  • 来自专栏ionic3+

    Ionic4与Ionic3部分比较

    有较长时间没有用Ionic了,见新的公众号需求比较简单,便决定使用Ionic4来实现。 其实,Ionic2和Ionic3的差别不大,而ionic4则变化比较大了,它支持angular、vue、react或其它任意js框架,甚至不使用js框架,它更像一个纯粹UI库。 截止到此文时,ionic4还是beta3版,所以还有不少bug存在,但整个项目下来,感觉也没有特别硬性不能解决的bug,就算有,基本也有替代方案。 一、项目差异 那现在来看看怎么用ionic4,首先,我们还是以传统的angular来使用之: ionic start <name> <template> [options] 而示例命令有: ionic 变化还是蛮大的,旧的ionic3项目不太适合升级为ionic4,至于还学不学得动,自己考量吧,我觉得用vue+ionic4也是挺好玩的。

    8.4K10发布于 2018-09-19
  • 来自专栏ionic3+

    ionic4底部Tab居中圆形凸出按钮

    先前写过一篇文章: 【技巧】ionic3底部Tab居中圆形凸出按钮 里面很简单地就实现了,那在ionic4中又是如何实现呢?也是很简单的。

    2.5K30发布于 2019-07-16
  • 来自专栏ionic3+

    Ionic4兼容IE浏览器处理

    在一般场合,Ionic4运行在手机端,没必要去兼容IE,但还是可以了解一下,以免有这样的需求。 Ionic4,它更趋向于一个UI框架,然后可配套Angular、React、Vue等框架使用。 Angular项目默认提供了Polyfill支持,打开Ionic4项目中的src目录,里面有自动生成的polyfill.ts文件,打开可以看到这样的内容: /********************** CSS自定义样式调整 Ionic4大量使用了shawdow-dom,IE浏览器不解析#shadow-root,但会解析其下内容,所以Dom都会存在,只是样式可能会不同。

    1.8K20发布于 2019-03-01
  • 来自专栏ionic3+

    ng-zorro-mobile,踩坑记

    兼容ionic4,但暂不兼容ionic3 ionic3和ionic4差别是比较大的,所以ionic3二次封装的组件基本是不能直接用在ionic4上。 而ionic4是兼容angular6的,所以可无缝使用ng-zorro-mobile。 NgZorroAntdMobileModule要调整导入位置 ng-zorro-mobile文档里面说在app.module.ts添加NgZorroAntdMobileModule就完事,其实并不准确的,因为ionic4

    4.6K30发布于 2018-10-25
  • 来自专栏ionic3+

    有了ng-zorro-mobile,ionic4如虎添翼

    前端一般会听过阿里的Ant Design,而对于angular使用者,大多也听过ng-zorro(Ant Design for Angular的PC版),最近一次ng-zorro的更新,带来了新的开源迷弟:ng-zorro-mobile(Ant Design Mobile for Angular)。

    2.9K30发布于 2018-10-15
  • 来自专栏全栈程序员必看

    ionic4 ion-reorder-group组件拖拽改变item顺序

    刚开始我都不知道ionic4中已经封装了拖拽排序的组件,也是主管告诉我的。使用了这个组件的经历告诉我:仔细读官方文档,是没错的! HTML中使用组件,代码如下 <!

    71630编辑于 2022-06-30
  • 来自专栏ionic3+

    请尊重别人的劳动成果

    我已经很多次看到别人转载我的文章但是没有标注出处的,但起码有转载类似的字样,但下面这位貌似有点过份了: 【侵权文章】ionic4 混合移动开发 (前世今生) 基本抄袭我以下这篇文章,但是链接来源一点都没有标明 Ionic4与Ionic3部分比较 最后截图比较一下吧: ? 项目差异 ? 路由 ? 生命周期 ? 路由跳转 ? 组件和指令

    68320发布于 2019-03-06
  • 来自专栏前端导学

    ionic4初级教程-含登录、访问权限验证功能

    如果第一次安装的时候失败,没关系 删掉已经生成的ioinc4Learn文件包,重新运行命令

    2.9K20发布于 2019-05-28
  • 来自专栏ionic3+

    最新ionic-cli创建ionic3而非ionic4的项目

    在ionic CLI v4.8.0版本创建项目时,会询问是创建ionic3还是ionic4项目,然而更新到 ionic CLI v4.10.2(latest)时,这个询问提示消失了,直接默认创建ionic3

    1.9K30发布于 2019-03-06
  • 来自专栏ionic3+

    ionic4在ios微信浏览器输入框聚焦问题

    BrowserModule, IonicModule.forRoot({ scrollAssist: false // 注意:true键盘弹出时内容能自己滚动 }), 当时是因为ionic4

    90810发布于 2019-01-28
  • 来自专栏ionic3+

    ionic4,自定义事件名请不要随意使用如ionRefresh的现有事件名

    先前封装了一个控件,包含【下拉更新】和【上拉加载】的功能,为了便于记忆,用了官方控件原有的名字如下:

    81610发布于 2020-02-13
  • 来自专栏ionic3+

    ionic这几天无法创建项目的分析说明

    出现该类似图: i创建项目失败 原来ionic-cli执行ionic start 时,获取github上的项目模版到本地,再执行npm install,但随着ionic3已经稳定了,为不占用ionic4

    1.1K50发布于 2018-08-20
  • 来自专栏ionic3+

    【风雨欲来的Hybird】(1)Capacitor——为了原生,RN、NS、Weex的下一个强劲对手

    其实Capacitor是ionic4的衍生品,如果说Stencil是跨框架组件开发,那Capacitor就是跨平台原生封装。

    4K40发布于 2018-08-20
  • 来自专栏ionic3+

    Angular+PhotoSwipe实现图片预览组件

    先前写过一篇文章:【组件篇】ionic3图像手指缩放滑动预览,是原来封装的一个组件的原型,后来用ionic4后,这个组件不兼容,需要改,那时我开始考虑组件的封装不依赖于ionic自身的组件,所以重写了一个

    2.6K30发布于 2019-05-08
领券