码迷,mamicode.com
首页 > 其他好文 > 详细

一名小白程序员的实习生生活

时间:2020-03-21 09:31:40      阅读:67      评论:0      收藏:0      [点我收藏+]

标签:世界   解答   插入   面试   strong   文字   动作   笔记   效果   

多到懵逼的软件

刚刚到公司的时候最大的不适应就是公司的软件多到爆炸,当时以为自己要全部玩的666的,整个人都快吓懵逼.

刚刚从学校出来的我什么都不太懂?毕竟公司用的都是没用过的东西。新式开发语言,新式数据库(那个时候的我一直以为只有mySQL,oracle,MySQLserver这三种数据库)。虽然已经做好了开天辟地的准备,但内心委实还是被自己捏了一把汗。

那个时候的我,连苹果笔记本都还是第一次用。(大写的懵)

套路总是相似,现实总是悲喜交加的来来回回

那个时候公司忙的全副武装。虽然是小公司,但是项目却一点都不让人放松,我就在半学习半成长的过程中,开始了我第一个项目的前端编辑。由于我们公司那段时间忙到666,一边害怕出错问问题,一边患得患失地继续研究。

从头开始学起。好在都有说明文档。也好在师傅细心解答。

那个时候的我,就像有全世界等着我去拯救的使命感去学习。

就在我看着书学习操作的第二个星期,当时面试我过来的蔡总给了我第一个练手项目。用户要的效果很简单,对于当时的我来说却如临大敌。原因很简单,我比较认怂。怕暴露了自己什么都不会的现实。但是当时实在没什么人能抽出时间来做这个项目,我就只好硬着头皮上了。

开始学习MUI。

那个时候最开始为了先把功能实现,每次都是直接co的源码,应用了最简单的MUI的功能,包括一整套的css和js。界面看起来就是一整套的灰色屏。我就简简单单把界面上的文字做了编辑,简单了调整了padding或者margin。让界面每部分的内容都清晰。

于是,第一次蔡总问我情况的时候我拿出来我功能基本实现的微信公众号界面时,蔡总就说了一句话:“好像还什么都没做嘛。”。其实功能大部分都完善了。

那个时候,内心一片寒风吹过,大脑一片空白。相当于就是我什么都还没做的感觉。

那个时候特别想找师傅借根烟到楼梯口蹲着抽一根再回来。无奈,有什么话说呢。。

客户走了之后我问了一下师傅做前端的心得,师傅把我拎出去开了个小会。提出了主色辅色的概念,再提出来主题和风格一致的概念。那个时候我脑子灵光一闪,回来加了四个主色红黄绿紫,用这四个颜色来做。

把所以标题和子目录用这四个主题色交换使用,复制黏贴就弄了很久。我记得当晚把效果做出来之后引来各种吐槽,之后老大就开着玩笑和我说了一句话:“你这个颜色用的很让人出其不意,说不定客户就喜欢这一款。”

当晚发布了之后,蔡总便两周没有再问过我情况,嗯,我想,大概是我的界面太‘惊艳’了吧。

两周的时间里,师傅让我看了一些做设计的书,也在网上让我研究了一些好看的网页。当时就是不停的画图纸,画了一堆的图纸之后才开始做第三版的设计。这一次来做的时候就开始渐渐抛开MUI的原有框架,开始自己做原生的css和js。

第三版的主题色换成了蓝色,白底。蓝色又分成了deepskyblue,skyblue,lightblue,lightskyblue。在界面上的层次感就渐渐体现了出来。因为做的换成了原生效果,MUI原有的样式抛开,对很多局限性都放开了,去掉了多余的border,shadow。界面显得难得的清爽干净。总算是回到了原点。

真机调试效果意外

如果说,在chrome调试出来的效果是打了被国内和谐了的爱情动作片,真机调试的结果就像是现场直播。(大概是笔记本像素赶不上手机像素,一脸无奈。。)差异也基本都跑出来了。特别有一点就是,在chrome中有点别的地方在手机上看特别和谐,在chrome上看的特别和谐的地方在手机上看的特别别。

大概因为很多东西是原生的关系,图片插入比较少,实际效果出来显得格外清晰。而且因为外链比较少,引入的类库也偏少,页面流畅度很高(毕竟只是一个小项目)。

唯独有一点就是在苹果的测试机上出现了margin溢出的情况???之后我在外层加了一层封装,把margin全部换成了padding。问题就解决了。

总的来说,我还是一名小白,还没接触到高深的前端核心内容。不过,第一次接触项目的经验还是委实让我成长了不少(像js这种需要技术性的内容还是等我学得差不多了再继续往深了写,毕竟还是小白怕写的有问题误导其他人)。

今天三八节,老大说我可以放半天假,我抬起头扫了一眼全公司一色清的男同胞,“算了吧还是”。

前端之路道阻且长,好好学习天天向上。

一名小白程序员的实习生生活

标签:世界   解答   插入   面试   strong   文字   动作   笔记   效果   

原文地址:https://www.cnblogs.com/homehtml/p/12536461.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!