ionic 界面

1.

attach_innerdiv{
width: 100%;
height: 100%;
text-align: center;
position: relative;
top: 0px;
right: 0px;
z-index: 1;
}
.attach_deletediv{
width: 30px;
height: 30px;
position: relative;
top: -100%;
z-index: 2;
float: right;
}

可以根据position和z-index来将某个元素覆盖在另外一个上面,再通过top,left等来调节相对位置。
2.border要设置solid否则可能显示不出来。
border: 1px solid;
border-color: #eeeeee;
border-radius: 0.5rem;

Cordova/Ionic

1.cordova中的device可以获取设备类型,系统版本等信息;
2.cordova中的AndroidFullScreen可以获取到屏幕像素
if(this.plt.is("android")||this.plt.is("ios"))
{
this.screen.immersiveHeight().then(height=>{
this.device_screenHeight = height;

}
);
this.screen.immersiveWidth().then(width=>{
this.device_screenWidth = width;
}
);
}

3.imageResizer可以截取图片;
4.photoviewer可以显示图片和分享(android);
5.cordova中的camera可以调用原生相机,返回值可以返回base64的图片信息或者图片地址(path或者uri)

Ngfor

1.ngfor中的元素尽量不要通过调用ts中的方法来取得数据,数据最好是变量(直接在ts中将数据处理好)



{{question.bigName}}




{{question.tiHaoString}} //{{getTiHao(i)}}这种方式是不可取的,整个循环的div会重复加载一次(每多一个次数*2






ionic2

1.图片资源放在assets目录下。可以创建img文件夹,然后
2.grid中的col col默认为12块,col-3表示占用其中三块,push-3表示右移3块,pull-3表示左移三块,align-self-center配合text-align: center;可以让控件整个居中
3.navbar如果要自定义的话,在header中不要写,直接加自己的控件,然后处理界面跳转。

Angular/Ionic–3

子页面隐藏去掉底部tabs导航,子页面全占满显示方法。                                                 1.引入App类

import { App } from ‘ionic-angular’;

2.声明初始化app对象

constructor(private app:App) {}
3.调用this.app.getRootNav() 从根页面跳转就可以了

this.app.getRootNav().push(nextPage);
没有Click事件的控件,事件响应会有延迟的处理方法:
<div tappable (click)=”doClick()”>I am clickable!</div>
4.ES6:http://www.css88.com/archives/6200

angular/ionic–2

1.angular语法https://angular.cn/docs/ts/latest/guide/template-syntax.html#

  • NgClass – 添加或移除一组CSS类

  • NgStyle – 添加或移除一组CSS样式

  • NgModel – 双向绑定到HTML表单元素

    2.

  • 当隐藏子树时,它仍然留在 DOM 中。 子树中的组件及其状态仍然保留着。 即使对于不可见属性,Angular 也会继续检查变更。 子树可能占用相当可观的内存和运算资源。
  • NgIffalse时,Angular 从 DOM 中物理地移除了这个元素子树。 它销毁了子树中的组件及其状态,也潜在释放了可观的资源,最终让用户体验到更好的性能。3.
  • <button ion-button *ngFor=”let userinfo of user ;let i = index;let first = first;let odd = odd;let even= even” [style.color]=”‘red'”
    [ngStyle]=”{‘background-color’:’white’,’font-size.em’:3}” >{{userinfo.id}},{{userinfo.name}},{{i}},{{first}},{{odd}},{{even}}
    </button>//index 是下标值,odd:下标值是奇数为true,反之false;even:下标为偶数是true反之为false。 我们见到最简单的例子是:

    <div   ng-repeat="link in links" ></div>

    如果item的值有重复的,比如links=[“1″,”1″,”2″,”2″,”3”]

    那么angularjs 会报错,不允许值重复,原因是angular需要一个唯一值可以与生成的dom绑定,以便追踪.

    然后这时候,track by的用处就体现出来了。

    <div ng-repeat="(key,value) in links track by key"></div>

    key值是唯一的,这样就解决了

4.https://segmentfault.com/a/1190000004969541

Angular/ionic—1

1.<ng-container *ngIf=”user.length>=3″>”
<button ion-button *ngFor=”let userinfo of user” [style.color]=”‘red'” [ngStyle]=”{‘background-color’:’white’,’font-size.em’:3}” >{{userinfo.id}},{{userinfo.name}}
</button>
</ng-container>//可以用style或者[ngStyle]来设置属性,<ng-container>可以用来做条件嵌套。

2.https://segmentfault.com/a/1190000005030594

3.<ion-item [ngSwitch]=”name”>
<ion-label *ngSwitchCase=”sex1″>
sex is girl
</ion-label>
<ion-label *ngSwitchCase=”sex2″>
sex is boy
</ion-label>
<ion-label *ngSwitchDefault>
sex is none
</ion-label>
</ion-item >

ngSwitch中“name”,“sex1”,”sex2″都必须是ts中定义的变量名(该变量值可以被修改)。

皮皮们好

这个是使用腾讯云开发者实验室创建的,有兴趣可以参照试试。步骤还是挺详细的。

Linux

1.rm -rf directory

2.rm file

3.mv from-dire  to-dire

4.cd directory; cd ../ 上一级目录

5.mkdir directory; $HOME 用户家目录

6.touch file 创建文件;

7.cp 原文件  目标文件;拷贝

8. cat 文件 ;查看文件

9.grep ;grep -r ;过滤

10. ping -c 4 ip

11.netstat -lt ;列出所有处于监听状态的tcp端口;

12.netstat -tulpn; 查看所有端口信息。

13. ps -aux查看系统所有进程信息 ; ps -au用户名  查看当前用户的所有进程信息;ps -aux | grep ‘mysql’ 查看mysql