- 博客(39)
- 收藏
- 关注
RSS订阅原创 2020-10-14 kotlin 语法糖
1.一个非空的变量如果需要在后面赋值，则需要用lateinit。lateinit var只能用来修饰类属性，不能用来修饰局部变量，并且只能用来修饰对象，不能用来修饰基本类型(因为基本类型的属性在类加载后的准备阶段都会被初始化为默认值)。lateinit var的作用也比较简单，就是让编译期在检查时不要因为属性变量未被初始化而报错。lateinit可以在任何位置初始化并且可以初始化多次。而val 的延迟初始化则是要用 by lazy { 代码块 }。by lazy只能作用于val关键字标注的属性。当属性用到的
2020-10-14 21:52:49
234
1
原创 ionic3+angular5 使用ion-datetime导致界面其他控件的点击事件全部被datetime占用问题
代码： <div class="form-body"> <div class="form-li"> <div class="form-label"> <span class="label-text">作业ID</span> </div> <d...
2019-07-26 14:55:10
636
原创 ionic3+angular5 ion-menu使用
由于项目在最初没有的时候没有打算在首页头部出现弹出侧边栏的形式，所以最初新建项目的时候并不是建的slide，所以现在需要在主页增加侧边栏1.在app.html里面：<ion-menu [content]="myNav"> //此处一定要绑定content属性，且此处的myNav和下面的#myNav相对应 不然会导致在主页html里面menuToggle属性后图标无法显示 ...
2019-07-21 16:21:40
718
原创 ionic3 日期比较
ionic中比较两个日期大小let overtime=this.returnVisitDetail.workVisitOutTime; //此处是接口返回的日期 格式是yyyy-MM-dd HH:mm:ss let dataTime = new Date(); // 获取当前日期let currenttime = this.datePipe.transform(dataTime, '...
2019-07-15 14:57:31
289
原创 ionic报错记录
1，由于界面样式和布局很相似，所以就把html和scss从一个界面复制到新界面，后来修改新界面的scss的样式，一直不生效，经过查找原因，是因为新建的page的样式文件的selector居然是之前的界面的，所以导致修改样式一直不生效2.用ion-toolbar设置页面标题和返回图标，并且给toolbar下面的布局设置非白色后，跳转其他界面在返回有头部有空白闪现，即之前的页面的头部先变白然后才恢...
2019-07-06 17:05:14
1011
原创 ionic编译打包错误
1.使用ionic cordova build android的时候报无法下载gradle办法1：在platform的android目录下，找到三个地方的build.gradle,在repositories下增加google（）办法2：在platform的android目录下，找到三个地方的build.gradle，把mavenCentral()替换为maven {url "htt...
2019-07-04 22:29:42
284
原创 ionic常用命令
1，ionic g page login 生成懒加载页面 //login为对应的页面名称2 ionic g provider Util 生成服务，可注入3ionic g component 组件名称创建组件
2019-07-03 23:10:17
159
原创 angular学习之路19-Angular 中的依赖注入
创建和注册可注入的服务DI 框架让你能从一个可注入的服务类（独立文件）中为组件提供数据。为了演示，我们还会创建一个用来提供英雄列表的、可注入的服务类，并把它注册为该服务的提供商。创建可注入的服务类Angular CLI可以用下列命令在src/app/heroes目录下生成一个新的HeroService类。ng generate service heroes/hero上...
2019-06-30 22:44:48
246
原创 angular学习之路18-ngmodule
1,NgModule简介NgModules用于配置注入器和编译器，并帮你把那些相关的东西组织在一起。NgModule 是一个带有@NgModule装饰器的类。@NgModule的参数是一个元数据对象，用于描述如何编译组件的模板，以及如何在运行时创建注入器。 它会标出该模块自己的组件、指令和管道，通过exports属性公开其中的一部分，以便外部组件使用它们。NgModule...
2019-06-30 17:36:41
960
原创 angular学习之路17-引导启动
NgModule 用于描述应用的各个部分如何组织在一起。 每个应用有至少一个 Angular 模块，根模块就是你用来启动此应用的模块。 按照惯例，它通常命名为AppModule。如果你使用Angular CLI来生成一个应用，其默认的AppModule是这样的：/* JavaScript imports */import { BrowserModule } from '@ang...
2019-06-30 15:13:15
195
原创 angular学习之路16-Observable 与 RxJS
1,可观察对象可观察对象支持在应用中的发布者和订阅者之间传递消息。 在需要进行事件处理、异步编程和处理多个值的时候，可观察对象相对其它技术有着显著的优点。可观察对象是声明式的 —— 也就是说，虽然你定义了一个用于发布值的函数，但是在有消费者订阅它之前，这个函数并不会实际执行。 订阅之后，当这个函数执行完或取消订阅时，订阅者就会收到通知。可观察对象可以发送多个任意类型的值 —— 字面量、...
2019-06-30 13:45:12
559
原创 angular学习之路15-动态表单
1，动态表单步骤1：响应式表单属于另外一个叫做ReactiveFormsModule的NgModule，所以，为了使用响应式表单类的指令，你得从@angular/forms库中引入ReactiveFormsModule模块。import { BrowserModule } from '@angular/platform-browser';i...
2019-06-30 00:22:52
472
原创 angular学习之路14-表单验证
1，模板驱动验证每当表单控件中的值发生变化时，Angular 就会进行验证，并生成一个验证错误的列表（对应着 INVALID 状态）或者 null（对应着 VALID 状态）。你可以通过把ngModel导出成局部模板变量来查看该控件的状态。 比如下面这个例子就把NgModel导出成了一个名叫name的变量：<input id="name" name="name" cla...
2019-06-29 23:40:15
879
原创 angular学习之路13-模板驱动表单-英雄职业
1修改app.module.tsapp.module.ts定义了应用的根模块。其中标识即将用到的外部模块，以及声明属于本模块中的组件，例如HeroFormComponent。因为模板驱动的表单位于它们自己的模块，所以在使用表单之前，需要将FormsModule添加到应用模块的imports数组中。对它做如下修改：import { NgModule } fro...
2019-06-29 20:07:31
199
原创 angular学习之路12-响应式表单
1,添加单个表单控件：步骤 1 - 注册ReactiveFormsModule要使用响应式表单，就要从@angular/forms包中导入ReactiveFormsModule并把它添加到你的 NgModule 的imports数组中。import { ReactiveFormsModule } from '@angular/forms';@NgModule({ ...
2019-06-29 17:30:56
430
原创 angular学习之路11-表单概述
1.简介建立表单模型响应式表单和模板驱动表单都是用表单模型来跟踪 Angular 表单和表单输入元素之间值的变化。下面的例子展示了如何定义和创建表单模型。在响应式表单中建立下面是一个带有输入字段的组件，它使用响应式表单实现了单个控件。import { Component } from '@angular/core';import { FormControl } from ...
2019-06-29 15:56:04
235
原创 angular学习之路10-管道
模板中使用“|”操作符来使用管道：<p>The hero's birthday is {{ birthday | date }}</p>如果管道具有参数，用冒号：来分隔参数，具有多个参数，参数之间也用冒号来分隔，例如：一参数：<p>The hero's birthday is {{ birthday | date:"MM/dd/yy" }} <...
2019-06-29 10:50:19
353
原创 ionic报错-Failed to load index.html
ionic5 在git上下载别人的项目下来后跑不起来，1.npm install2，npm serve然后报Failed to load index.html在src目录下查找到了index.html start-url也是指向的index.html，查找网上解决办法，说是缺少www文件目录，使用ionic build 生成www目录，然后ionic serve 仍然报...
2019-06-28 09:35:54
815
1
原创 angular学习之路9-动态组件
1，指令在添加组件之前，先要定义一个锚点来告诉 Angular 要把组件插入到什么地方。广告条使用一个名叫AdDirective的辅助指令来在模板中标记出有效的插入点。import { Directive, ViewContainerRef } from '@angular/core';@Directive({ selector: '[ad-host]',})exp...
2019-06-26 23:37:23
989
原创 angular学习之路8-angular自定义元素
1，Angular 元素就是打包成自定义元素的 Angular 组件。所谓自定义元素就是一套与具体框架无关的用于定义新 HTML 元素的 Web 标准。自定义元素会自举启动 —— 它们在添加到 DOM 中时就会自行启动自己，并在从 DOM 中移除时自行销毁自己。一旦自定义元素添加到了任何页面的 DOM 中，它的外观和行为就和其它的 HTML 元素一样了，不需要对 Angular 的术语或使...
2019-06-26 22:54:16
1868
2
原创 angular学习之路7-组件样式
1，特殊的选择器组件样式中有一些从影子(Shadow) DOM 样式范围领域（记录在W3C的CSS Scoping Module Level 1中） 引入的特殊选择器：:host使用:host伪类选择器，用来选择组件宿主元素中的元素（相对于组件模板内部的元素）。:host { display: block; border: 1px solid black;}:...
2019-06-26 22:25:34
484
原创 angular学习之路6-组件交互
1，组件之间的交互通过输入型绑定把数据从父组件传到子组件HeroChildComponent有两个输入型属性，它们通常带@Input 装饰器父组件HeroParentComponent把子组件的HeroChildComponent放到*ngFor循环器中，把自己的master字符串属性绑定到子组件的master别名上，并把每个循环的hero实例绑定到子组件...
2019-06-26 18:32:26
214
原创 angular学习之路5-生命周期钩子
1，指令和组件的实例有一个生命周期：当 Angular 新建、更新和销毁它们时触发。 通过实现一个或多个 Angularcore库里定义的生命周期钩子接口，开发者可以介入该生命周期中的这些关键时刻。每个接口都有唯一的一个钩子方法，它们的名字是由接口名再加上ng前缀构成的。比如，OnInit接口的钩子方法叫做ngOnInit， Angular 在创建组件后立刻调用它，：生命周...
2019-06-26 15:05:01
263
原创 angular学习笔记4-模板语法
1，模型-视图-控制器 (MVC) 或模型-视图-视图模型 (MVVM)在 Angular 中，组件扮演着控制器或视图模型的角色，模板则扮演视图的角色模板中的 HTMLHTML 是 Angular 模板的语言。几乎所有的 HTML 语法都是有效的模板语法。 但值得注意的例外是<script>元素，它被禁用了，以阻止脚本注入攻击的风险。（实际上，<script...
2019-06-26 10:40:04
826
原创 angular学习之路3-架构
1，架构概览Angular 的基本构造块是NgModule，它为组件提供了编译的上下文环境。 NgModule 会把相关的代码收集到一些功能集中。Angular 应用就是由一组 NgModule 定义出的。 应用至少会有一个用于引导应用的根模块，通常还会有很多特性模块。 组件定义视图。视图是一组可见的屏幕元素，Angular 可以根据你的程序逻辑和数据来选择和修改它们。 每个应用都...
2019-06-25 20:09:31
286
原创 angular学习之路2
1，Http 方法返回单个值所有的HttpClient方法都会返回某个值的 RxJSObservable。HTTP 是一个请求/响应式协议。你发起请求，它返回单个的响应。通常，Observable可以在一段时间内返回多个值。 但来自HttpClient的Observable总是发出一个值，然后结束，再也不会发出其它值。具体到这次HttpClient.get调用，...
2019-06-25 12:35:37
330
原创 angular学习之路1
1，@Component是个装饰器函数，用于为该组件指定 Angular 所需的元数据。CLI 自动生成了三个元数据属性： selector— 组件的选择器（CSS 元素选择器） templateUrl— 组件模板文件的位置。 styleUrls— 组件私有 CSS 样式表文件的<h2> <h2>{{hero.name | upper...
2019-06-25 08:33:13
363
原创 angular学习报错
1Could not find module "@angular-devkit/build-angular" from解决办法：npm i --save-dev @angular-devkit/build-angular另如果无法解决：https://blog.csdn.net/qq_42705213/article/details/81977863转载...
2019-06-24 14:58:40
188
原创 typescript学习之路2
1，可选参数和默认参数可选参数在 TypeScript 函数里，如果我们定义了参数，则我们必须传入这些参数，除非将这些参数设置为可选，可选参数使用问号标识 ？function buildName(firstName: string, lastName: string) {return firstName + " " + lastName;}let result1 = b...
2019-06-23 21:54:00
230
原创 typescript学习之路1
1，JavaScript 与 TypeScript 的区别TypeScript 是 JavaScript 的超集，扩展了 JavaScript 的语法，因此现有的 JavaScript 代码可与 TypeScript 一起工作无需任何修改，TypeScript 通过类型注解提供编译时的静态类型检查。TypeScript 可处理已有的 JavaScript 代码，并只对其中的 TypeScrip...
2019-06-23 00:11:06
237
原创 javascript学习之路6-浏览器BOM
1，浏览器对象模型 (BOM) （BrowserObjectModel (BOM)）使 JavaScript 有能力与浏览器"对话"。所有浏览器都支持 window 对象。它表示浏览器窗口。所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。全局变量是 window 对象的属性。全局函数是 window 对象的方法。甚至 HTML DOM...
2019-06-22 17:30:33
85
原创 javascript学习之路5-高级教程
1，创建 JavaScript 对象定义并创建对象的实例person=new Object();person.firstname="John";person.lastname="Doe";person.age=50;person.eyecolor="blue";使用函数来定义对象，然后创建新的对象实例function person(firstname,lastname,age,...
2019-06-22 15:52:06
86
原创 javascript学习之路4-HTML-DOM
1，查找 HTML 元素通过 id 找到 HTML 元素 ，本例查找 id="intro" 元素：var x=document.getElementById("intro");通过标签名找到 HTML 元素，本例查找 id="main" 的元素，然后查找 id="main" 元素中的所有 <p> 元素：var x=document.getElementById("main"...
2019-06-22 10:47:21
87
原创 javascript学习之路3-JS函数
1，JavaScript 函数可以通过一个表达式定义。函数表达式可以存储在变量中：var x = function (a, b) {return a * b};在函数表达式存储在变量后，变量也可作为一个函数使用：var z = x(4, 3);以上函数实际上是一个匿名函数(函数没有名称)。函数存储在变量中，不需要函数名称，通常通过变量名来调用。2，函数同样可以通过内...
2019-06-21 23:41:05
98
原创 javascript学习笔记2-js教程基础
1,在 JavaScript 中函数也是对象，对象则有方法，apply 和 call 就是函数对象的方法。这两个方法异常强大，他们允许切换函数执行的上下文环境（context），即 this 绑定的对象。var person1 = {fullName: function() {return this.firstName + " " + this.lastName;}var pe...
2019-06-21 18:38:16
153
原创 javascript学习笔记-js教程基础
1.if else 优化const condition = condition1let obj = { 'condition1' : () => { ... }, 'condition2' : () => { ... }, 'condition3' : () => { ... },}obj[condition]()实例：const conditi...
2019-06-21 14:17:38
166
原创 ionic: Error while getting native targets for android: No valid Android AVD home found.
解决办法:在开发者模式下链接usb,开启开发者选项,允许USB调试,允许USB安装,打开USB调试(安全模式),小米6
2019-06-20 10:55:05
1950
原创 ionic 环境搭建，运行项目到浏览器，android手机，模拟器
1.node.js安装 ，去官网下载mostusers版本，不需要最新版，最新版不太稳定，安装之后会在环境变量里面自动添加，可在命令行输入：node --version 查看是否安装成功2，进入命令行窗口，输入npm install npm -g 此命令安装npm npm是后续ionic打包相关所需的在命令行输入npm-v 可查看是否安装成功，如果返回版本号则安装成功3命...
2019-06-20 10:42:31
2633
原创 android开发之路-报错之获取手机IMEI码
android开发之路-报错之获取手机IMEI码在完成公司提出的新需求后，升级app时发现如果是之前手机已经安装过此app，则在自动下载app后，安装完成可以正常打开app，但是如果是之前没有安装过此app，则安装完成启动app的时候会白屏，并在一会儿过后弹出应用无响应，“关闭应用”和“继续等待”对话框，当然如果选择继续等待还是会继续弹出对话框。...
2018-02-11 10:16:26
1581
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人