![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Web开发学习笔记
JustWantToFly
我什么都会,就是不会改bug,咬我啊
展开
-
Web开发笔记:Ionic实现表格展示数据
1.accountgrid.page.html<ion-content style="overflow: scroll;" (ionScroll)="ionScroll()" scroll-events='true' id='Content'> <!-- 查询条件 --> <div id="CONTENT_TOP" style="width: 100%; border: tomato 1px solid;"> <form (原创 2020-05-14 23:23:23 · 839 阅读 · 0 评论 -
开发学习笔记:ionic 钩子事件 / ionic页面加载方法
ionViewDidLoad void 页面加载时运行。这个事件只在每个页面创建时发生一次。如果页面离开但被缓存,则该事件在后续查看时不会再次触发。该ionViewDidLoad事件是放置您的页面设置代码的好地方。 ionViewWillEnter void 当页面即将进入并成为活动页面时运行。 ionViewDidEnter void 当页面完全进入并且现在是活动页面时运行。无论是第一次加载还是缓存页面,此事件都会触发。 ionViewWillLeav...转载 2020-05-14 21:37:31 · 250 阅读 · 0 评论 -
Web开发学习笔记:Ionic4开发自定义组件
1.在项目中创建一个自定义模块ionic g module moduleName创建完成后会生成一个文件夹,文件夹中有个一个ts文件2.使用命令创建一个自定义组件(组件创建在上一步创建的模块文件夹下)ionic g component componentName创建之后的文件夹结构3.在自定义模块的module.ts文件中引入创建的组件4.在需要使...原创 2019-12-27 15:06:15 · 450 阅读 · 0 评论 -
Web开发学习笔记:ngIf中使用方法判断字符串中是否包含子字符串
<p *ngFor="let item of UseTypes"> <ion-select-option *ngIf="globalVariable.isContain('moneydetails',item.useModule)" value="{{item.value}}"> {{item.description}} </ion-select-opti...原创 2019-12-19 14:52:57 · 1253 阅读 · 0 评论 -
Web开发学习笔记:Ionic4中根据滚动条滚动的距离设置返回顶部按钮显示与隐藏
以下代码使用IDE:vscode; 语言模式:TypeScript1.在HTML页 中使用悬浮按钮当做返回顶部的按钮,并绑定ion-content的ionScroll事件<ion-content padding (ionScroll)="ionScroll()" scroll-events='true' id='Content' > <!-- slot="fixe...原创 2019-12-09 19:08:29 · 722 阅读 · 1 评论 -
Web开发学习笔记:Ionic4与SQLite数据库交互
以下代码使用IDE:vscode; 语言模式:TypeScript1.使用命令创建一个serviceionic g serviceDBManager创建成功后目录中会有两个文件2.在app.module.ts中添加对DBManagerService类的引用同时在providers中添加DBManagerService类3.在DBManagerService类中编...原创 2019-11-30 09:13:59 · 982 阅读 · 0 评论 -
Web开发学习笔记:Ionic4使用SQLite数据库,将查询结果动态转为数组
以下代码使用vsCode+TypeScript编写1.定义数据查询方法 /** * 数据表数据查询 * @param tableName 类型:string 查询数据的数据表名称 * @param sqlParam 类型:Array<any> 拼接SQLWHERE条件语句需要的参数信息 * @param selectCol 类型:string 查询结果...原创 2019-11-29 09:22:16 · 513 阅读 · 0 评论 -
Web开发学习笔记:Ionic4开发时后台获取前台页面对象(或指定标签)并设置或移除属性
1.引入ElementRef,Renderer2类2.获取HTML页面或指定的标签并使用Renderer2类设置或移除标签的属性原创 2019-11-23 11:14:31 · 267 阅读 · 0 评论 -
Web开发学习笔记:Ionic4项目中使用自定义类
1.使用命令创建自定义类ionic g classGlobalVariable2.需要将新建的自定义类在app.module.ts的providers中注册3.在页面是使用自定义类效果图原创 2019-11-22 19:52:11 · 331 阅读 · 2 评论 -
Web开发学习笔记:Ionic4中ion-button点击事件无反应
纯粹的记录一下自己遇见的问题,大家不一定会遇见我创建了一个blank类型的Ionic4项目,然后自己添加了一些ion-button准备测试一下按钮跳转页面,但是当我在对应的HTML中绑定好按钮事件;在对应的ts文件中写好方法之后,调试时点击按钮居然没有反应下面是一开始的HTML页面代码<ion-header> <ion-toolbar color="primar...原创 2019-11-14 15:17:23 · 1464 阅读 · 0 评论 -
Web开发学习笔记:Ionic中创建自定义全局变量模块
参考链接:https://blog.csdn.net/sourcecode_poet/article/details/53509748/*全局变量类,使用模块的.value来定义*//** .value和.constant最大的区别在于1.value中储存的值是可以被修改的,但是constant的一经声明就无法修改,可以理解为常量,这样的话,我们可以根据需求来定义可以修改的全局变量...原创 2019-09-29 11:06:29 · 324 阅读 · 0 评论 -
Web开发学习笔记:npm安装教程
npm安装教程一、使用之前,我们先来掌握3个东西是用来干什么的。npm: Nodejs下的包管理器。webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备,比如资源的合并和打包。vue-cli: 用户生成Vue工程模板。(帮你快速开始一个vue的项目,也就是给你一套vue的结构,包含基础的依赖库,只需要 npm install就可以安...转载 2019-09-04 16:35:36 · 299 阅读 · 0 评论 -
Web开发学习笔记:ngCordova的安装配置
ngCordova的安装配置官网提供了两种安装的方法:1. 使用bower来安装2. 下载zip文件bower简介:Bower是一个客户端技术的软件包管理器,它可用于搜索、安装和卸载如JavaScript、HTML、CSS之类的网络资源。备工作:安装node环境:node.js 安装Git,bower从远程git仓库获取代码包:git简易指南装bower:...转载 2019-09-02 14:38:44 · 160 阅读 · 0 评论 -
Web开发学习笔记:ionic组件ion-tabs选项卡切换效果实例
转载自:https://www.jb51.net/article/91381.htm介绍ion-tabs是ionic中的选项卡组件,路由使用的是angular-ui-router.js。因此必须先掌握uiRoute。效果图实例代码index.html<body ng-app="starter"><!--ion-nav-view用来渲染模板...转载 2019-06-21 10:30:34 · 634 阅读 · 0 评论