2018年09月_chelen_jak

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

转载 setInterval设置停止和循环（实用）

原文出处：https://blog.csdn.net/qq_33212500/article/details/70242646 自动结束的计时器var timesRun = 0;var interval = setInterval(function(){ timesRun += 1; if(timesRun === 60){ clearInterv...

2018-09-29 16:39:03 91501 6

转载 ngFor 和 ngIf 不能放置在同一个标签上

摘自：https://www.jianshu.com/p/ff3237a3e7dd用 ngIf 指令来晒男性英雄<ion-list> <ng-container *ngFor="let item of data"> <ion-item *ngIf="item.gender===1"> <ion-avatar ...

2018-09-29 12:06:47 6209 1

转载 Ionic2 基础学习(一.Tabs)

原文出处：https://www.imooc.com/article/14832Ionic2组件之Tabs常用的app都是采用tabs布局形式的，默认的ionic2的也是采用tabs的。概述Tabs能够非常简单的在不同的页面间进行导航，Tabs组件写作<ion-tabs>,同时也是ion-tab的容器。属性ion-tabs组件有以下常用属性：Plac...

2018-09-29 09:27:03 259

转载 CSS深入理解之line-height

原文出处：https://blog.csdn.net/muzi187/article/details/79171735line-height一、line-height的定义行高line-height，两行文字基线之间的距离。1、什么是基线？字符（x）下边缘2、为什么是基线？基线是*线定义之根本。3、需要两行么？不需要，两行的定义决定了一行的表现行高line-h...

2018-09-28 15:14:36 365

转载 ionic list item 图片文字展示（实用）

原文出处：https://blog.csdn.net/hbiao68/article/details/52683339#显示小图片<ul class="list"> <li class="item item-avatar"> <img src="public/img/appliance_wash.png" c...

2018-09-28 13:07:17 1056

转载 ionic2中强制使安卓用ios样式的方法（实用）

原文出处：https://blog.csdn.net/qq_34645412/article/details/77409505在app开发中，很多时候需要分别对ios和安卓的样式分别设置。这使得代码量增多，而且显得特别繁琐。这个时候可以强制的将安卓的样式设置为使用ios的样式操作方法为：在根模块里面也就是app.module.ts里面设置import { NgModule, Erro...

2018-09-28 12:45:48 428

转载 Ionic 列表（实用）

原文出处：https://blog.csdn.net/qq_20448859/article/details/522548221.简介　　列表是常用的组织信息的方式，在ionic中，使用ion-list指令声明列表元素，使用ion-item指令声明成员元素。　　ion-list和ion-item可选的样式如下。2.ion-list样式1）边框　　我们可以为ion-list添加...

2018-09-28 10:53:41 698

转载 ionic入门之色彩、图标和边距和界面组件：列表

原文出处：https://blog.csdn.net/alex8046/article/details/52169172色彩 ionic定义了九种前景/背景/边框的色彩样式，：可以在任何元素上使用这些样式设置前景和背景颜色：<any class="positive-bg energized"> ... </any> 图标ionic使用ion...

2018-09-27 18:23:25 258

转载了解高度和宽度

出处：如何解决PC端和移动端自适应问题？下面用图片来说明：网页可见区域高宽为：document.body.clientHeight||document.body.clientWidth网页正文的区域高宽为：document.body.scrollHeight||document.body.scrollWidth(包括滚轮的长度)网页被卷去的上左区域：document.body.s...

2018-09-27 17:37:04 215

原文出处：http://www.itdaan.com/blog/2017/12/01/64cbde0255837c79abdc0dbaa8baf954.htmlionic3在页面跳转以及参数传递上做了修改。但不了解ionic或者刚接触的新手就难以理解，即使是官方提供的教程(https://ionicframework.com/docs/api/navigation/IonicPage/)也并不详...

2018-09-26 17:36:27 429

转载 ionic 用上懒加载之后的页面push方法（带参数，实用）

原文出处：https://blog.csdn.net/qq_34645412/article/details/78696135延伸阅读：1、angular+ionic开发的页面，当子页面需要从父组件带参进入又需要可以脱离父组件进入，怎么配置？2、ionic 两种跳转方式3、管方文档4、Ionic3项目开发——页面跳转与参数传递（比较完整例子，实用）用上懒加载后的页面push不在使p...

2018-09-26 16:58:50 484

转载 angular 管道应用

原文出处：https://www.cnblogs.com/LWJ-booke/p/9512126.html1、创建filter文件import { Pipe, PipeTransform } from '@angular/core';import moment from 'moment'// 管道--性别@Pipe({name: 'sexType'})export class ...

2018-09-26 12:22:16 190

转载 angular--安全导航操作符 ( ?. )、非空断言操作符（!）（实用）

原文出处：https://www.jianshu.com/p/1ccdc6a4d0ce安全导航操作符 ( ?. )Angular 的安全导航操作符 (?.) 是一种流畅而便利的方式，用来保护出现在属性路径中 null 和 undefined 值。下例中，当currentHero为空时，保护视图渲染器，让它免于失败。The current hero's name is {{curren...

2018-09-26 11:28:24 1875

转载 IONIC--项目目录结构

原https://blog.csdn.net/sinat_28597179/article/details/79094235开发工具--Visual Studio Code https://code.visualstudio.com/点击打开文件夹--打开创建的app的目录可查看目录结构ionic目录结构主要是看SRC目录：（其他作为了解）pages中ab...

2018-09-26 09:29:40 688 2

转载 Ionic2中的Navigation.md （返回到指定页面？）

原文出处：http://www.cnblogs.com/gavin-cn/p/6869066.html1. 概述为了能够得到同原生应用类似的导航效果，Ionic创建了几个navagation组件来实现pages之间的导航操作，这种导航跟原生Angular2中的route机制是不一样的，我们可以借助于一下几种方式，在Ionic中实现导航效果：1.1. Basic Navigation...

2018-09-25 18:05:01 346

转载 ionic3 懒加载配置及 NgModule详解 (赞)

原文出处：https://www.jianshu.com/p/2c95e0fa4cc6延伸阅读：Ionic3新特性--页面懒加载1 （实操例子）一）懒加载Ionic3默认采用懒加载机制，什么是懒加载呢？当我们第一次进入应用，会加载app.module,如果没有采用懒加载，那么app.module里的所有东西都会被加载，很显然这是不太合适的，因为里面的组件和服务我们在第一次进入应用时并没...

2018-09-25 16:07:22 444

转载 Angular 4.0 内置指令

原文出处：https://www.jianshu.com/p/4cc3a04ca83a在这篇文章中，我们将分别列举每一个内置指令的用法，并提供一个例子作为演示。尽量用最少最简单的描述，让你在更快更准确地学会每一种内置指令的基本用法。ngFor作用：像 for 循环一样，可以重复的从数组中取值并显示出来。例子：// .tsthis.userInfo = ['张三...

2018-09-25 10:07:12 135

原创 Ionic 图片加载出错处理

参考资料: html5没有图片，就默认一张 <!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title></title><met

2018-09-21 18:20:47 664 1

转载 TypeScript -- 存取器（set，get）

原文出处：https://blog.csdn.net/honey199396/article/details/79539877TypeScript语法请看TypeScript中文网这里我们主要是看一下存取器，也就是get，set方法。在C#中，我们使用存取器的方法是public int m_Life = 0; public int Life { get...

2018-09-21 14:13:50 4586

转载 Angular2中监听数据更新

原文出处：https://blog.csdn.net/cut001/article/details/70885762 （原文更易阅读） angular2 模型数据更新了，需要监听数据改变，一、实现接口Docheck，检测页面上所有元素数据更 import { Component, DoCheck } from "@angular/core"; exp...

2018-09-21 11:54:48 2557

转载 img标签实现和背景图一样的显示效果——object-fit和object-position （实用）

原文出处：https://www.cnblogs.com/libo0125ok/p/8422617.html延伸阅读：张鑫的《半深入理解CSS3 object-position/object-fit属性》详尽说明不知大家在做前端页面的时候，有没有遇到类似这样的问题：有一个不是正方形的图片，可能是宽度大于高度的，也可能是高度大于宽度的，而你又并不想用背景图的方式来做，要实现用img标签来让此...

2018-09-20 11:25:29 2594

转载 div或img图片高度随宽度自适应（实用）

原文出处：https://blog.csdn.net/zh_rey/article/details/69666232该方法主要用来做网站自适应的，同时可以实现撑起内容高度，避免图片加载后导致的页面滚动。一、可以使用js判断图片的宽度得到具体数值之后，再来利用js设置图片的高度（这里就不具体为大家细说了）。利用js来实现有一个缺点就是只能在页面刷新的时候才能调整图片的高度，不能随着浏览器...

2018-09-20 10:00:54 13119

转载 Ionic--lazyload懒加载知识总结

原文出处：https://blog.csdn.net/CODING_1/article/details/77264541前两天到一个ionic项目,让人很纳闷的一件事是在pages文件夹重定义了很多页面,正常我们想引用这也页面都需要将页面导入到app.module.ts和app.component.ts文件中,结果在那两个文件中竟然没有找到导入的文件,于是找了一下资料原来利用的是懒加载http...

2018-09-20 09:15:59 211

转载 ionic3 实现懒加载方式 ---学习记录

原文出处：https://blog.csdn.net/u012869130/article/details/78659704在最初使用ionic的时候，根据教程学习使用ionic搭建一个移动app的时候发现里面的组件全部是使用的全屏加载的方式进行，根据查询相关的资料学习了如何实践ionic3懒加载方式。。。相关参考资料:http://www.jianshu.com/p/a445b497cb...

2018-09-20 09:14:16 482

转载 Ionic2实战-图片点击缩放功能开发

原文出处：https://blog.csdn.net/wei11556/article/details/62037428前言作为一个功能完备的APP，难免需要显示一些图片，而现在的图片通常尺寸都特别大，需要点击放大以后才可以完全看清晰，所以就添加了图片点击缩放功能。默认情况下，图片都是以缩略图的形式展示，文件大小也是按照缩略图的清晰度下载。当用户需要放大查看的时候则可以单击图片，会自动...

2018-09-20 08:57:36 603

原创 Flex实现1大n小div布局 (实用）

效果图：HTML <div id='max-box'> <div class="color-b b-box" onclick="clickMe(this)">a</div> <div class="color-y s-box" onclick="clickMe(this)">b</div

2018-09-18 17:21:36 1040

转载原生js怎么添加一个或多个类名？（赞）

原文出处：https://www.jianshu.com/p/e09271abebc7好吧今天写个js，不知道怎么添加类名了<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <title></

2018-09-18 16:47:24 1145

转载 CSS3鼠标滑过放大突出效果

原文出处：https://www.html5tricks.com/css3-hover-scale.html还记得之前分享过一款CSS3图片悬停放大特效，效果非常不错。今天我们要再来分享一款类似的CSS鼠标滑过放大突出效果，只不过之前那个是图片，这次是色块，其实掌握了其CSS原理，任何网页元素都可以实现这种突出放大的CSS3动画特效。在线演示　源码下载本条目发布于七月 ...

2018-09-18 12:02:36 999

转载 CSS3 动画-- 鼠标移上去，div 会旋转、放大、移动

原文出处：https://www.cnblogs.com/arealy/p/7737051.html效果图：原码： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title&amp

2018-09-18 11:48:36 2411

转载详细讲解transform，一看就懂了！(赞）

原文出处：http://www.w3cplus.com/content/css3-transform （作者有很多实用文章）前面我们一起学习了CSS3中的渐变、圆角、阴影等几个属性的使用，今天开始我们一起来学习有关于CSS3制作动画的几个属性：变形(transform)、转换(transition)和动画(animation)等更高级的CSS3技术。本文主要介绍的是这三个属性之中的第一个──...

2018-09-18 11:22:52 19742 1

转载用SQL profiler工具抓指定表名的动态

原文出处：http://blog.51cto.com/aizzw/803462note:网上很少有人提到,我也记下.用SQL profiler工具抓指定表名(单个表)的动态1,选择textdata字段2,筛选databasename.3,筛选表名,注意前后%%号....

2018-09-14 09:29:27 709

转载 Angular4学习笔记（九）- 生命周期钩子简介

原文出处：https://blog.csdn.net/Young4Dream/article/details/78453357具体用法可参考：Angular4-在线竞拍应用-组件的生命周期简介Angular 指令的生命周期，它是用来记录指令从创建、应用及销毁的过程。Angular 提供了一系列与指令生命周期相关的钩子，便于我们监控指令生命周期的变化，并执行相关的操作。Angular 中所...

2018-09-11 09:18:10 278

转载 Ionic页面的生命周期（事件）

原文出处：https://blog.csdn.net/wei11556/article/details/56484718延伸阅读：Angular4学习笔记（九）- 生命周期钩子简介官方文档如官网文档所示，常用的生命周期有如下6个：Event Desc ionViewDidLoad 当页面加载的时候触发，仅在页面创建的时候触发一次，如果被缓存了，那么下次再打开这个页...

2018-09-10 18:11:44 1112

转载彻底弄懂px,em和rem的区别（赞）

原文出处：https://www.cnblogs.com/langee/p/6890362.html国内的设计大师都喜欢用px，而国外的网站大都喜欢用em和rem，那么三者有什么区别，又各自有什么优劣呢？px特点：　　1.IE无法调整那些使用px作为单位的字体大小；　　2.国外大部分网站能够调整的原因在于其使用了em或rem作为字体单位；　　3.Firefox能够调整px和em,...

2018-09-10 10:33:29 1051