ionic

开发时遇到的问题记录一下：移动端ios、Android中input框输入限制问题（ionic） IOS Android 如有问题或别的方法，劳烦指点！ IOS input标签里： type=“tel”： 直接调起ios的数字键盘（ios数字键盘没有小数点）；删除小数点后一位时，小数点 直接删掉。 type=“number”： 全键盘可以任意输入，没有只能输入数字的限制 Android type=“tel” :直接调起android的数字键盘，但是与ios的type="number"时类似，输入时没有限制。删除小数点后一位时，小数点直接删掉。 type=“number”: 只可输入数字和小数点，但是在真机测试时，删除小数点后一位时，光标直接移到小数点之前了。 校验事件用的input、textInput、keydown input：校验数字输入问题，如保留一位小数等。 textInput：校验使其输入只为数字及小数点，及校验禁止输入-、+、E、e（e为无理数2.71828） keydown：正常键盘字母的keycode都为229，无法判断禁用，可以判断下一项等周边的按键。（keyup也如此） //keyCode为229 网上查说：好像是因为中文输入法还在处理，会给调用者先返回一个值，但是js中接受了值就不会再处理了，所以中文输入法下拿到的keyCode全部都是229。

 网上大部分ionic1打包apk都是老版本，需要老版本的node，然而老版本的gulp又不兼容，造成打包编译失败，整个过程配置繁琐还需要额外下载sdk manager，所以笔者使用最新版的ionic创建ionic1项目，使用capacitor编译项目为AndroidStudio工程引入AndroidStudio中打包apk。 一、运行环境配置 1.安装jdk，配置环境变量(安装方法略过) 打开此电脑->属性->高级系统设置->环境变量 在环境变量系统变量里面新建JAVA_HOME，变量值为jdk的安装目录，接着找到系统变量里面的Path点击编辑 新建 %JAVA_HOME%\bin和%JAVA_HOME%\jre\bin 然后确定 确定。然后按下win键+R打开运行输入cmd确定，分别输入 java -version 和 javac -version 没有报错，jdk环境配置就成功了 2.安装AndroidStudio，配置sdk环境变量 AndroidStudio 下载地址 直接点击页面内download下载最新版本(安装步骤略)，安装完成后设置androidSDK目录(也可以默认) 打开主界面 点击右下角 configure然后点击setting打开设置界面 第一次安装androidstudio如果电脑内没有sdk会自动去下载sdk，下载的地址就在这个设置的目录

如今，黑暗模式是Web，桌面和移动应用程序中经常需要使用的功能。 通过增加可定制的界面来提高开发者对UI库的使用体验是非常重要的，可以带动很多开发者使用特定的UI库。 以下是一些支持暗模式的已知UI库。 Material UI React JS的Material Design UI框架在GitHub上拥有超过57,000个星标，具有简单，面向开发人员和可扩展的主题功能。它基于著名的CSS-in-JS，使开发人员可以在与同一基本概念相关的三种不同样式API之间进行选择。 任何熟悉Material UI的开发人员都可以证明其主题和调色板管理功能是生态系统中最好的。 根据主题化文档，我们可以很容易地在基本material UI应用程序上添加暗色主题。 此外，当我们访问文档时，我们可以切换明/暗模式和切换调色板，以帮助可视化所有提供的素材组件与不同的主题。 Vuetify Vuetify在GitHub上拥有25k颗星，是Vue中非常流行的UI框架。 它非常有名，因为它充分利用了Vue API。在Vuetify上，主题系统构建得非常好。给你的web应用一个黑暗主题是非常容易的。 Vuetify支持Material Design规范的浅色和深色版本。 这种指定从根程序组件 v-app 开始，并得到大多数组件的支持。默认情况下，你的应用程序将使用浅色主题

一、Ionic前端数据POST请求格式 'Content-Type': ' application/x-www-form-urlencoded ' 详见 对接数据交互API（Ionic前端）——发送GET、POST请求 二、Flask后端获取GET请求的数据 name = request.args.get('name') 三、Flask后端获取POST请求的数据 get_data = json.loads(request.get_data(as_text=True)) name = get_data['name'] 四、参考资料 1. Flask处理前台POST过来的JSON Flask获取前端数据的核心代码 data = json.loads(request.get_data(as_text=True)) 2. JavaScript JSON.stringify() JSON.stringify()方法的讲解 将 JavaScript 值转换为 JSON 字符串。 3. Flask笔记：获取所有post请求参数 通过request.form接收所有post参数 4. 前端与后端的数据交互（jquery ajax+python flask） 2人点赞 Ionic 本文出自链接：https://www.jianshu.com/p/9103f1316acf 来源： oschina 链接

1. 在 app.module.ts 中引入模块 import { HttpClientModule } from '@angular/common/http'; 2. 在 @NgModule.imports 中引入它 @NgModule({ ...... imports: [ ...... HttpClientModule, ...... ], ...... }) 来源： oschina 链接： https://my.oschina.net/soho00147/blog/4299052

传统的移动开发模式主要分为三种，Native App，Web App 和 Hybrid App，对于目前微信端比较火爆的开发平台小程序，或者其他厂商推广的流应用、轻应用等开发方式，基本都离不开H5的支撑。目前App前端开发主流框架RN，Ionic，Vue都发展得不错。但是业务需求的快速发展，有些框架并不能够满足他们的需求，在不同的业务场景，受诸多约束因素的影响，研发团队应该如何在前端框架上做好选型？ 根据目前51CTO社群（ 群号312724475 ）中大部分移动开发领域的开发者实际项目经验，我们邀请到他们帮助大家在App前端框架的选取以及技术选型上指点迷津。 App开发工具和种类 云计算-恩威-成都 ：WeX5和Apicloud这个就不错，快速交付APP应用。 传统App开发模式主要有三种：Native App，Web App 和 Hybrid App，现在多了一类，基于平台的App小应用——微信小程序。 原生App ——直接被安装到设备里，移动Web App——一般说来移动Web App都是都是需要用到网络的（通常做法基于手机浏览器）。混合App——虽然看上去是一个Native App，但只有一个UI WebView，里面访问的是一个Web App （例如百度糯米、京东客户端等），基于平台的Ap小应用——例如大家所熟悉的微信小程序等。现在App H5和React Vue用的多

Error: Cannot find module 'E:\angular\ionic0515\node_modules\@ionic\app-scripts' at Function.Module._resolveFilename (module.js:547:15) at Function.Module._load (module.js:474:25) at Module.require (module.js:596:17) at require (internal/module.js:11:18) at Object.<anonymous> (C:\Users\Administrator\AppData\Roaming\npm\node_modules\ionic\node_modules\_@ionic_cli-utils@1.19.2@@ionic\cli-utils\lib\ionic-angular\app-scripts.js:9:16) at Generator.next (<anonymous>) at C:\Users\Administrator\AppData\Roaming\npm\node_modules\ionic\node_modules\_tslib@1.9.0@tslib\tslib.js:107:75 at new Promise (

　 　本文随便写了点自己对WebSoket通讯协议理解，在两种框架上玩的Demo，然后踩了几个坑还有没填上的坑（欢迎评论指导一下）。 WebSocket是什么？使用WebSocket的原因？ 　　WebSocket是网络通讯协议的一种。 　　提到网络通讯协议，我第一个就想到了HTTP协议，但是HTTP协议的一些特性我想不用多说，大家也都是了解的，像无法保持长连接（由于功能需要，已有大佬整出保持长连接的方式）；发起端只能是客户端；这些特性让我们在实际开发某些功能遇到了极大的麻烦，所以在HTML5推出WebSocket标准，让浏览器和服务器建立了无限制的双全工通信，双方可以互发消息。 WebSocket框架上使用 　　angular（7.2.2）+ ionic（4.0.0） 　　这是一个移动端应用程序，在angular框架中，我惯用服务（service）来处理业务，因此直接在服务管理的文件夹创建一个WebSocket的服务（ng generate service WebSocket）。WebSocket服务里包含创建连接，重连机制，心跳检测，计算运行时间等基础功能（详细写法可见代码）。 　　 接下来可以在app全局新增一个WebSocket组件，ngOnInit生命钩子去建立连接，往组件中写入收发消息代码。会解决网页刷新导致WebSocket实例被清除

本文将介绍如何把本地项目上传到git。 1. 先进入项目文件夹，通过命令 git init 把这个目录变成git可以管理的仓库 git init 2. 把文件添加到版本库中，使用命令 git add .添加到暂存区里面去，不要忘记后面的小数点“.”，意为添加文件夹下的所有文件 git add . 3. 用命令 git commit告诉Git，把文件提交到仓库。引号内为提交说明 git commit -m 'first commit' 4. 关联到远程库 git remote add origin 你的远程库地址。如：git remote add origin https://github.com/cade8800/ionic-demo.git 5. 新建一个本地分支： git checkout -b qunar_yuzhan_star 6. 获取远程库与本地同步合并（如果远程库不为空必须做这一步，否则后面的提交会失败） git pull --rebase origin qunar_yuzhan_star 7. 把本地库的内容推送到远程，使用 git push命令，实际上是把当前分支qunar_yuzhan_star推送到远程。执行此命令后会要求输入用户名、密码，验证通过后即开始上传。 git push -u origin qunar_yuzhan_star 附: 删除远程分支