郭大鹏

郭大鹏 查看完整档案

唐山编辑唐山师范学院  |  软件开发与项目管理 编辑唐山市轻回车网络科技有限公司  |  PHP工程师 编辑 my.oschina.net/guodapeng 编辑
编辑

不讲理才可爱!

个人动态

郭大鹏 关注了标签 · 2019-01-14

程序员

一种近几十年来出现的新物种,是工业革命的产物。英文(Programmer Monkey)是一种非常特殊的、可以从事程序开发、维护的动物。一般分为程序设计猿和程序编码猿,但两者的界限并不非常清楚,都可以进行开发、维护工作,特别是在中国,而且最重要的一点,二者都是一种非常悲剧的存在。

国外的程序员节

国外的程序员节,(英语:Programmer Day,俄语:День программи́ста)是一个俄罗斯官方节日,日期是每年的第 256(0x100) 天,也就是平年的 9 月 13 日和闰年的 9 月 12 日,选择 256 是因为它是 2 的 8 次方,比 365 少的 2 的最大幂。

1024程序员节,中国程序员节

1024是2的十次方,二进制计数的基本计量单位之一。程序员(英文Programmer)是从事程序开发、维护的专业人员。程序员就像是一个个1024,以最低调、踏实、核心的功能模块搭建起这个科技世界。1GB=1024M,而1GB与1级谐音,也有一级棒的意思。

从2012年,SegmentFault 创办开始我们就从网络上引导社区的开发者,发展成中国程序员的节日 :) 计划以后每年10月24日定义为程序员节。以一个节日的形式,向通过Coding 改变世界,也以实际行动在浮躁的世界里,固执地坚持自己对于知识、技术和创新追求的程序员们表示致敬。并于之后的最为临近的周末为程序员们举行了一个盛大的狂欢派对。

2015的10月24日,我们SegmentFault 也在5个城市同时举办黑客马拉松这个特殊的形式,聚集开发者开一个编程大爬梯。

特别推荐:

【SF 黑客马拉松】:http://segmentfault.com/hacka...
【1024程序员闯关秀】小游戏,欢迎来挑战 http://segmentfault.com/game/

  • SF 开发者交流群:206236214
  • 黑客马拉松交流群:280915731
  • 开源硬件交流群:372308136
  • Android 开发者交流群:207895295
  • iOS 开发者交流群:372279630
  • 前端开发者群:174851511

欢迎开发者加入~

交流群信息


程序员相关问题集锦:

  1. 《程序员如何选择自己的第二语言》
  2. 《如何成为一名专业的程序员?》
  3. 《如何用各种编程语言书写hello world》
  4. 《程序员们最常说的谎话是什么?》
  5. 《怎么加入一个开源项目?》
  6. 《是要精于单挑,还是要善于合作?》
  7. 《来秀一下你屎一般的代码...》
  8. 《如何区分 IT 青年的“普通/文艺/二逼”属性?》
  9. 程序员必读书籍有哪些?
  10. 你经常访问的技术社区或者技术博客(IT类)有哪些?
  11. 如何一行代码弄崩你的程序?我先来一发
  12. 编程基础指的是什么?
  13. 后端零起步:学哪一种比较好?
  14. 大家都用什么键盘写代码的?

爱因斯坦

程序猿崛起

关注 113591

郭大鹏 提出了问题 · 2019-01-14

解决NG-ZORRO-MOBILE 宫格 Grid 的 icon 如何使用相对路径

问题描述

准备用 NG-ZORRO-MOBILE 在 ionic4 的工程里放一个 Grid。
成功展示了 Grid。但是有一个很尴尬的问题,我尝试了很久没有发现如何使用相对路径设置 icon 图片。

问题出现的环境背景及自己尝试过哪些方法

ionic4
NG-ZORRO-MOBILE

相关代码

<ion-header>
    <ion-toolbar>
        <ion-title>
            {{ "ME" | translate }}
        </ion-title>
    </ion-toolbar>
</ion-header>

<ion-content>

    <ion-card>
        <div id="user_portrait_row">
            <ion-img data-original="./assets/shapes.svg"></ion-img>
            <img id="user_portrait" data-original="./assets/shapes.svg"/>
        </div>
        <ion-card-header>
            <ion-card-title>Hello World</ion-card-title>
        </ion-card-header>
        <ion-card-content>
            <p>The content for this card</p>
        </ion-card-content>
    </ion-card>

    <Grid [activeStyle]="false" [columnNum]="3" [data]="data" (OnClick)="click($event)"></Grid>

    <div Button margin [type]="'warning'">warning</div>

</ion-content>
import {Component} from '@angular/core';

@Component({
    selector: 'app-tab3',
    templateUrl: 'tab3.page.html',
    styleUrls: ['tab3.page.scss']
})
export class Tab3Page {
    data = Array
        .from(new Array(9))
        .map((_val, i) => (
                {
                    icon: '/assets/icon/order.svg',
                    text: `name${i}`
                }
            )
        );

    click(event) {
        console.log(event);
    }
}

你期待的结果是什么?实际看到的错误信息又是什么?

icon: '/assets/icon/order.svg' 这样写是不显示图片的。用什么好的办法或者正确的姿势解决这个事情吗?我希望不用带上项目部署的域名就能显示出图片。或者有一个方便的能自动的完成拼接域名的工作。

关注 1 回答 1