我的创作纪念日之这四年的收获与体会

这篇具有很好参考价值的文章主要介绍了我的创作纪念日之这四年的收获与体会。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

第一次来写自己的创作纪念哈,不知不觉都已经过去整整四年了,好与不好还请大家担待

1、机缘

1. 记得是大一、大二的时候就听学校的大牛说,可以通过写 CSDN 博客,来提升自己的代码和逻辑能力,以及后面工作的时候是一个亮点(小心思);
2. 后面有的时候写有的时候不写,但陆陆续续没怎么断过,文章越来越多,看到别人通过自己的文章能解决一样的问题,真的很开心,发现不断的记录与创作也是很有意义的;
3. 写解决问题的过程如何使用一个组件如何创建一个项目的过程、等等真的是一种享受,它可以将自己享受的过程通过文字进行有力的表达,同时也可以加强自己的记忆,下次遇到类似的问题,直接把文章拿出来一看,可以快速的解决所遇到的类似问题,例如:我的创作纪念日之这四年的收获与体会
我的创作纪念日之这四年的收获与体会我的创作纪念日之这四年的收获与体会4. 实战中的项目经验也有很多:

vue 项目中如何使用 element-uitable 表格的样式、

node 如何与 node-sasssass-loader 的版本匹配、
Mysql 重装时如何释放被占用的 3306 端口等等;

我的创作纪念日之这四年的收获与体会

我的创作纪念日之这四年的收获与体会

我的创作纪念日之这四年的收获与体会
5 、日常学习过程中的记录

在平常的学习过程中感觉有意思的都记录下来了,但大多是问题的解决办法,如:
如何找到 C 盘中的 AppData 文件夹
如何止 flash 弹出来的广告、
如何检查 IDEA 软件到期时间等等;

我的创作纪念日之这四年的收获与体会
我的创作纪念日之这四年的收获与体会
我的创作纪念日之这四年的收获与体会
6、通过文章进行技术交流:

通过技术和私信交流的事情就更多了,好多都是远程来帮忙解决我文章所述的问题的:

其一、解决 C友 mongoDB 安装及设置简化命令的问题:
我的创作纪念日之这四年的收获与体会
我的创作纪念日之这四年的收获与体会
其二、 与 C友 交流文章问题提出更好的方法

我的创作纪念日之这四年的收获与体会

我的创作纪念日之这四年的收获与体会

我的创作纪念日之这四年的收获与体会

其三、远程帮助 C友 解决 node 与 node-sass 及 sass-loader 等等的问题:

我的创作纪念日之这四年的收获与体会
我的创作纪念日之这四年的收获与体会
我的创作纪念日之这四年的收获与体会


2、 收获

当然了,在创作后也会后很多收获:

1、访问量达到了 87W +469 名粉丝关注了我,有 34 个铁粉

我的创作纪念日之这四年的收获与体会

2、原力达到了 7 级,获得了 1209 个赞780 次评论2848 次收藏5675 次代码片分享;

我的创作纪念日之这四年的收获与体会

3、当然了,还有 CSDN 的纪念章:


3.日常

1、创作已经是我生活的一部分了,感觉不断地创作与分享也是自我成长的一部分,通过创作能加强自己的记忆力,也算是给自己留下的一笔宝藏了;

2、当然,工作是第一位的,遇到问题可以将问题先记录下来,稍后有时间再解决并总结,然后就创作和分享了;

3、当然在此非常感谢一位好兄弟,在他的影响下我才能不断的写作与分享呀:

我的创作纪念日之这四年的收获与体会


4.成就

我认为写的最好的文章或代码,永远是在下一篇

但目前记忆尤新的就是要将 element-ui 中的 Table 样式改造的业务需求:

A、页面展示为:

我的创作纪念日之这四年的收获与体会

B、代码为:

<template>
  <div class="container">
    <el-table 
      :data="tableData" 
      :height="tabHeight"
      :width="tabWidth"
      class="container-table" 
      style="width: 100%"
      >
      <el-table-column prop="date" label="日期" width="180"> </el-table-column>
      <el-table-column prop="name" label="姓名" width="180"> </el-table-column>
      <el-table-column prop="address" label="地址"> </el-table-column>
      <el-table-column prop="process" label="">
        <!-- 此时就是 slot-scope="scope" 的使用过程: -->
        <template slot-scope="scope">
          <div
           class="table_right"
           v-for="(iterm, indx) in scope.row.process" 
           :key="indx" 
           style="float: left; color: black"
           >
            <span class="table-circle">{{ iterm.order }}</span>
            <!-- 此时引入的是:element-ui 中的 icon 值; -->
            <span class="el-icon-right"></span>
          </div>
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      // tabHeight 与 tabWidth 是为了设置:表格的宽度与高度(即:在页面中的展示位置);
      tabHeight: window.innerHeight - 150,
      tabWidth: window.innerWidth - 1000,
      tableData: [
        {
          date: "2016-05-02",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1518 弄",
           process: [
            {
              order: "01",
            },
            {
              order: "02",
            },
            {
              order: "03",
            },
            {
              order: "04",
            },
            {
              order: "05",
            },
          ],
        },
        {
          date: "2016-05-04",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1517 弄",
           process: [
            {
              order: "01",
            },
            {
              order: "02",
            },
            {
              order: "03",
            },
            {
              order: "04",
            },
            {
              order: "05",
            },
          ],
        },
        {
          date: "2016-05-01",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1519 弄",
           process: [
            {
              order: "01",
            },
            {
              order: "02",
            },
            {
              order: "03",
            },
            {
              order: "04",
            },
            {
              order: "05",
            },
          ],
        },
        {
          date: "2016-05-03",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1516 弄",
           process: [
            {
              order: "01",
            },
            {
              order: "02",
            },
            {
              order: "03",
            },
            {
              order: "04",
            },
            {
              order: "05",
            },
          ],
        },
      ],
    };
  },
};
</script>

<style lang="scss" scoped>
// 设置整个表格的内边距问题:
.container-table {
  padding: 0 30px 0 30px;
}
//设置表头的背景色(可以设置和页面背景色一致):
/deep/.el-table th {
  background-color: #00083e;
}
//设置表每一行的背景色,字体颜色及字体粗细;
/deep/.el-table tr {
  background-color: rgba(150, 157, 128, 0.9);
  color: #fff;
  font-weight: 500;
}
//去除表格每一行的下标线;
/deep/.el-table td {
  border-bottom: none;
}
//去除表头的下标线;
/deep/.el-table th.is-leaf {
  border-bottom: none;
}
//去除表格的最下边框线;
.el-table::before {
  height: 0;
}
//设置表格的背景色问题(否则一般默认的背景色是白色);
.el-table,
.el-table__expanded-cell {
  background-color: #00083e;
}
//设置表格的行间距;
::v-deep .el-table__body {
  -webkit-border-vertical-spacing: 13px;
}
//设置标题行(th)的字体属性;
::v-deep .el-table th > .cell {
  line-height: 11px;
  font-size: 5px;
  padding-left: 20px;
}
//设置 table 中的每个 cell 的属性值;
::v-deep .el-table .cell {
  padding-left: 20px;
  line-height: 58px;
}
//设置 table 中的 th td 的 padding 值;
::v-deep .el-table td,
::v-deep .el-table th {
  padding: 0;
}
//将表格的每一行悬停的背景色都设置为:transparent;
/deep/.el-table--enable-row-hover .el-table__body tr:hover > td {
  background-color: transparent;
}
//设置插入 scope 的用于标记序号的圆;
.table-circle {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: rgb(106, 248, 18);
  margin: 6px 5px 0 0;
  display: inline-block;
  text-align: center;
  line-height: 29px;
}
//设置插入 scope 的值考左对齐; 
.table_right{
  float: left;
}
//将插入 sope 的最后一个 icon 值设置为:不显示;
.table_right:last-of-type {
  /deep/.el-icon-right {
    display: none;
  }
}
// 设置 Element-ui 小图标的属性;
.el-icon-right{
  width: 20px;
  height: 20px;
  padding: 0 5px 0 5px;
  color: red;
}
</style>

5.憧憬

1、职业规划:
大方向不变:在以前端为背景下,不断的学习新的技术,争取做前端领域的大牛;

2、创作规划:
没有什么大的规划,就是有时间就写,整理问题、代码、遇到问题的解决方案,当然也想做出自己的VIP专栏

3、还请多多关注博主和我的专栏:

https://blog.csdn.net/weixin_43405300
https://blog.csdn.net/weixin_43405300/category_11525646.html?spm=1001.2014.3001.5482

4、当然可以提出关于专栏的建议以及关于前端创作的建议,期待评论与交流!文章来源地址https://www.toymoban.com/news/detail-483472.html

到了这里,关于我的创作纪念日之这四年的收获与体会的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 我的1827创作纪念日

    习惯性早上打开电脑,看看CSDN上的资讯,了解行业动态、当前新的技术和大佬的分享。自己动手写应该是2019 年 01 月 08 日,当时应该是在用安装和使用Oracle,遇到一些问题,写下第一篇博客 Oracle存储过程常见问题及解决方法,转眼已过去五年,同时也是参加工作的第五年,

    2024年01月16日
    浏览(40)
  • 我的256创作纪念日

      挺开心的,想到自己未曾写过一些非技术类的博客,恰巧今天刚好也是我的256创作纪念日,就乘着这个日子,写一点自己过去的收获、内心的想法和对未来的展望吧。   本人不才,只就读于一所民办本科之中,我挺不想说“高考失利”这几个字。在我看来,水平、心态

    2024年02月09日
    浏览(64)
  • 我的创作纪念日(划水...)

    提示:可以和大家分享最初成为创作者的初心 例如: 实战项目中的经验分享 日常学习过程中的记录 通过文章进行技术交流 … 提示:在创作的过程中都有哪些收获 例如: 获得了多少粉丝的关注 获得了多少正向的反馈,如赞、评论、阅读量等 认识和哪些志同道合的领域同行

    2023年04月25日
    浏览(48)
  • 我的创作纪念日——512

    没想到不知不觉在CSDN创作就 512 天了,想到一开始就仅仅想在CSDN记笔记,到现在成为一个小博主,认识到了很多志同道合的伙伴,中间创作我也曾经懒惰过,放弃过,但我一次又一次重新进行创作,虽然我是上了大学才开始了解程序员,成为程序员(可能现在还不合格),但

    2024年02月11日
    浏览(48)
  • 【人生历程】我的创作纪念日

    目录 与编程不得不说的爱恨情仇 在csdn的收获: 与csdn的日常 在平凡的日子偶然的成就感: 对未来的憧憬: 今天是2023.4.8号,早上的刚刚参加完蓝桥杯,下午看到csdn官方的活动,心血来潮写下以下内容,如有不适或者错误请见谅。 在2021我成功摆脱了高中生这个身份,我称为

    2023年04月09日
    浏览(40)
  • 我的创作纪念日(128天)

    今天,我像往常一样打开CSDN 网站,随即弹出的两则官方私信: 我这才意识到,从去年的11月27日到现在,时光荏苒,已是128天之久。 下面我向各位看分享一下我在CSDN创作的经历和收获,以及我的一些个人感受。(ps:故事有点长严`( ﹏ )′) 我最早接触CSDN社区,起始于201

    2023年04月22日
    浏览(40)
  • 我的创作纪念日-哈市雪花

    2018年4月13写了第一篇博客,在此之前也在用CSDN,但更多的是查阅资料,学习技术。在这之前也写过技术文章,记得最开始是在知乎上发表的,终于那一天在微博上看到大佬转换笑脸动画表情的实现思路,一时兴起用WPF实现了下,然后把文章发表在了CSDN上。 文章总是有意义的

    2023年04月16日
    浏览(40)
  • 我的创作纪念日(256天)

    我与csdn的结缘,之前在创作纪念日(128天)便已提到,今在此便不再多言 很惭愧,自六月底至八月中旬,因为忙于找工作,奔赴面试求职之际,写博客没有像之前那么勤, 但也创作了12篇博客,有幸获得1500位粉丝的关注 。其中仅有两篇博客进入热榜,最近一篇文章《Git:在

    2024年02月12日
    浏览(48)
  • 我的创作纪念日(730天)

    不知不觉来到CSDN已经730天了,这两年来我收获丰富,从原本的只是从CSDN获取知识,到现在的传播知识,我感觉受益良多,一年多的沉淀,让我在这三个月中绽放,粉丝也从原本的两位数到现在的四千+,学习中记笔记是我养成的习惯,自己总结的东西总觉得很适合自己记忆。

    2024年01月17日
    浏览(42)
  • 创作纪念日-我的第1024天

    不知不觉已经成为创作者的第1024天啦… … 刚开始接触博客的初衷就是为了记笔记📒、记总结📝,或许对于当时就等同于是为了找工作。 坚持学习并持续输出博客一年后,这时我发现再写博客,不在是为了找一份工作,已经变成一种习惯!一种成长型心态! 接着一年、两年

    2024年02月10日
    浏览(37)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包