2020年10月_*MaybE

10月 08月 07月 06月 04月

原创 flex布局学习

flex布局一、flex布局体验1.1 传统布局与flex布局1.2 初体验二、flex布局原理2.1 布局原理三、flex布局父项常见属性3.1 justify-content 设置主轴上的子元素的排列方式一、flex布局体验1.1 传统布局与flex布局传统布局flex布局兼容性好操作方便，布局极为简单，移动端应用很广泛布局繁琐PC端浏览器支持情况较差局限性，不能在移动端很好的布局IE 11或更低版本，不支持或部分支持建议：如果是pc端页面布局，我们

2020-10-24 14:26:54 493

原创 ionc学习--07

侧边栏ion-menu组件的基本使用一、ion-menu组件二、ion-menu-toggle三、ion-menu-button四、侧边栏ion-menu中的事件和方法一、ion-menu组件1.创建项目ionic start myApp sidemenu2.配置项目属性作用可选值side配置侧边栏的位置start endmenuId侧边栏的唯一标识type配置侧边栏的弹出方式overlay,reveal,pushswipe-gesture滑

2020-10-24 14:25:41 266

原创 ionic学习--打包

ionic项目打包签名前言:环境我就不说了,网上有很多可以搜,但是关于打包在看过网上的说法后觉得还是有必要记录下的在项目文件目录运行终端输入打包命令ionic cordova build android --prod --release运行一段时间的编译和生成后，控制台会提示生成完成信息以及生成的apk文件位置，示例：/Users/kobe/Desktop/ionic/imooc/zhihu/platforms/android/app/build/outputs/apk/releas

2020-10-22 11:31:38 169

原创 ionic学习--ion-modal

1、参考官方文档，依葫芦画瓢,先写构造器,再写异步方法2、component属性指定一个组件用来打开页面cssClass属性指定样式，可以改长度，宽度，背景颜色上面的注释要仔细看看，第一个是不生效的，因为少了 .modal-wrapper，并且要写到全局样式global.scss中去3.传数据先说A-B的情况下图是A，使用componentProps属性，下图是B，要用@Input()去接收再说B-A的情况首先A的modal监听关闭事件然后B关闭的时候给A传值4、关闭模态

2020-10-21 13:41:27 636

原创 ionic cordova build android --prod --release 打包踩坑记录

今天打包忽然出现这个问题Using “requireCordovaModule“ to load non-cordova module “path“ is not supported.问题原因: cordova 版本过高解决方案:cordova -v 查看当前cordova 版本, 结果显示是10版本,昨天还是8.1.2来着的npm uninstall -g cordova 全局卸载cordovanpm cache clean -f 清理缓存npm install - g cordova

2020-10-19 11:38:00 468

原创 npm install卡顿问题解决(nrm)

npm install卡顿问题记录最近在进行移动端项目的打包发现npm install 的安装卡在那很久,等了近一个小时却显示各种错误,首先我想到的是npm的问题,所以我使用了cnpm install去安装,但是不知道从啥时候开始,cnpm 安装的依赖包总是会出现_开头的文件夹,用起来也是各种报错,最后仔细想想了还是使用了代理registry使用代理registrynpm config set registry https://registry.npm.taobao.org使用了代理后各种命令还是n

2020-10-03 12:15:41 602