ionic1
ionic1 使用过程笔记
邪人君子
毕业于云南大学,电子信息工程专业。工作期间独立负责移动端项目开发,熟悉nginx建站流程,有linux环境开发经验,有iOS、Android端企业级应用的打包发布经验,有移动端首页白屏优化经验
展开
-
ionic 选项卡默认选择第二个
.controller('homeCtrl', function ($scope,$ionicTabsDelegate,$timeout,$interval) { // 默认选择第二个 $timeout(function () { $ionicTabsDelegate.select(1); },0); // 按次进一选择 var i=0; $interval(...原创 2020-02-11 17:27:23 · 240 阅读 · 0 评论 -
让ion-tabs在iOS和Android都显示在底部
ion-tabs 是有一组页面选项卡组成的选项卡栏。可以通过点击选项来切换页面。对于 iOS,它会出现在屏幕的底部,Android会出现在屏幕的顶部(导航栏下面)。解决方法:.config(function ($ionicConfigProvider) { // 配置选项卡,让tab在iOS和Android都显示在底部 $ionicConfigProvider.platform.i...原创 2020-02-11 16:45:34 · 251 阅读 · 0 评论 -
angular --监听 ng-repeat 遍历完成
.directive('repeatFinish',function () { return{ link:function (scope,element,attr) { // scope.index为当前遍历的位置 console.log(scope.$index); if(scope.$last==t...原创 2019-08-16 09:34:59 · 752 阅读 · 0 评论 -
angular 每秒循环
<!DOCTYPE html><html><meta charset="utf-8"><script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script><body><div ng-app="myApp" ng-...原创 2019-07-18 19:16:29 · 400 阅读 · 0 评论 -
angular--setInterval() 方法实现淡入淡出
$scope.mTouch=function(c){ $scope.showMiddle=true; $scope.hint=c; $scope.testc=c; var timer1=null; var timer2=null; var alpha=0;//透明度默认0 var speed=5; var oDiv=document.getElementById("...原创 2019-07-12 09:14:45 · 753 阅读 · 0 评论 -
angularjs的$http的 status 为 -1
问题描述手机App无法连接服务器,提示信息:status=-1解决方法手机没有允许应用的联网权限,打开即可原创 2019-04-19 16:04:15 · 1126 阅读 · 0 评论 -
angular 数据按月分组
根据已有数据,对其进行重新组合,根据 tranDate 日期进行按月份分组,效果如下图所示。// 重组缴费记录.factory('pushRecord', function (getImgURL) { var factory = {}; factory.reorganization = function (details,length) { var monthDa...原创 2019-09-04 20:14:34 · 555 阅读 · 0 评论 -
ionic中select下拉框点击无反应解决办法
ionic的滚动条是监听tap事件的,必须加上 data-tap-disabled=“true” 使ionic停止监听该元素的tap事件。解决方法一:找到ionic.bundle.js文件 的下面这个函数,添加如图两行代码:解决方法二:在select或select外的div加入属性 data-tap-disabled=”true”...原创 2019-08-22 22:00:07 · 1199 阅读 · 0 评论 -
H5城市列表,排列与选择
<ion-header-bar align-title="center " class="title-bgc" style="background-image: url('img/title.jpg'); "> <button class="button button-icon communal-button" ng-click="$ionicGoBack()">...原创 2019-07-25 17:38:11 · 2405 阅读 · 0 评论 -
CSS3 -- 3D 旋转 ---- 显示和隐藏元素
<ion-header-bar align-title="center " class="title-bgc" style="background-image: url('img/title.jpg'); "> <button class="button button-icon communal-button" ng-click="$ionicGoBack()">...原创 2019-07-25 17:04:01 · 693 阅读 · 0 评论 -
h5 生成图片并保存到手机(浏览器)
手机浏览器可以下载,App内嵌没反应// 结构<a href={{imgSrc}} download="img">手机浏览器可以下载,App没反应</a><div id="myCanvasFa" ></div><button ng-click="saveImageQrcode()">保存凭证</button><...原创 2019-07-29 20:07:13 · 4428 阅读 · 0 评论 -
ionic 打包 apk 报错 Unable to start the daemon process .... Could not reserve enough space for 2097152KB
Could not reserve enough space 的解决方法问题描述:Could not reserve enough space解决方法解决方法一:配置 gradle.properties 文件 ---- 未解决解决方法二:Settings 配置 ---- 未解决解决方法三:配置系统变量 ---- 未解决解决方法四:配置 gradle ---- 未解决解决方法五:更改 GradleB...原创 2019-03-07 14:14:54 · 1404 阅读 · 0 评论 -
获取发布版SHA1和调试版的SHA1
开发版:打开命令行输入 cd .android 定位然后输入 keytool -list -v -keystore debug.keystore然后会提示输入秘钥库口令,这里不用输入,直接回车即可如上图所示。即可获得开发版的 SHA1发布版:第一步 、生成一个签名密钥命令行输入keytool -genkey -v -keystore my-release-key.keyst...原创 2019-04-25 18:55:35 · 522 阅读 · 0 评论 -
百度地图api根据经纬度获取详细地址
var point = new BMap.Point(longitude,latitude);//用所定位的经纬度查找所在地省市街道等信息 var gc = new BMap.Geocoder(); gc.getLocation(point, function (rs) { $rootScope.addressCity = rs.address; //...原创 2019-07-18 16:28:49 · 7300 阅读 · 4 评论 -
百度地图api获取所在县
// 获取地址 window.document.addEventListener("deviceready", function () { baidumap_location.getCurrentPosition(function (result) { $scope.addressCity = result.district;...原创 2019-07-18 16:48:59 · 796 阅读 · 0 评论 -
css 控制渐入渐出
<div id="div1" > {{hint}} </div>#div1 { position: fixed; left: 35%; top: 32%; width: 95px; height: 70px; background: rgb(221, 221, 221); display: flex; justify-co...原创 2019-07-12 10:09:13 · 10916 阅读 · 0 评论 -
http-server 搭建轻量级web服务器
01.npm install http-server -g全局安装02.在要打开的项目文件夹处打开命令窗口,输入 hs -o回车——:shift + 右键快速打开命令行03.将对应的网址复制到浏览器打开注意点:一次只能运行一个项目,当要运行另外一个项目时要先结束前面项目的服务在命令窗口按住ctrl+c即可,再到另外一个项目文件运行服务04.遇到端口被占用的情况,可以用指令:hs -o -...原创 2019-07-18 21:28:04 · 953 阅读 · 0 评论 -
解决html2canvas截图模糊
html2canvas 截图模糊,配置宽高效果不明显,更换进阶版插件后截图非常清晰以下是增加了dpi和scale两个选项之后的html2canvas源码:https://github.com/RunSky87/html2canvas-develop/tree/master/dist默认可用选项(options)参数名称类型默认值描述allowTaintboolea...原创 2019-07-17 09:50:10 · 2790 阅读 · 1 评论 -
App页面生成图片并下载
// <div id="myCanvasFa" ></div>// ionic + cordova// 生成图片 html2canvas(document.getElementById("allmap"), { allowTaint: true, taintTest: false, ...原创 2019-07-17 09:59:32 · 760 阅读 · 0 评论 -
ionic 添加 iOS 平台时报错 EACCES: permission denied,.......,You don't have access to this file.
问题如下mdzzdeMac:app mdzz$ ionic cordova platform add ios> cordova platform add ios --saveEACCES: permission denied, open '/Users/mdzz/.config/configstore/cordova-config.json'You don't have acces...原创 2019-03-27 16:59:25 · 763 阅读 · 0 评论