Posted on

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中不要写，直接加自己的控件，然后处理界面跳转。

Posted on

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
Posted on

angular/ionic–2

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

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

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

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

    2.

  • 当隐藏子树时，它仍然留在 DOM 中。 子树中的组件及其状态仍然保留着。 即使对于不可见属性，Angular 也会继续检查变更。 子树可能占用相当可观的内存和运算资源。
  • 当NgIf为false时，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

Posted on

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中定义的变量名(该变量值可以被修改)。

Posted on

皮皮们好

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

Posted on

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