我的web前端工作日记2------web前端工作的一天
转载请注明出处:https://blog.csdn.net/dreamer_sen/article/details/82144382
web前端工作的一天
---------------------------------------------------------------------------------------------------------------------------------
我在公司主要接触的人:策划。就类似产品经理的职位,他们根据需求让ui设计出界面,然后再将做好的的psd发给我来实现界面。还会需要一些交互,和不同设备的适配。有时候还要改一些图片,因为医院会搞活动,活动的图片时常要更换。听到这里你是不是觉得挺简单的,对啊,真的挺简单的。有时候没有图切,没有图换,就闲着了。对了,这份工作试用期5k,单休,包食宿,但是我没有住宿。
----------------------------------------------------------------------------------------------------------------------------------
今天没事做,所以我就把我之前多的一些事拿出来说
-----------------------------------------------------------------------------------------------------------------------------------
早上来到,开机打开QQ,微信,编辑器,就等着策划给你发信息,有时候是更改页面的需求,有时候是一个psd原件。
更改页面主要包括:图片更换(活动变了,医生换了,不够好看),样式修改(更美观),部分页面重新排版
psd切图的话主要是切手机端的图多一些:这个还是能学到挺多东西的
----------------------------------------------------------------------------------------------------------------------------------
psd切图:公司的图不方便发,就发一张自己做的图吧
以这张psd为例子,忽略一些细节(配色,没对齐等),假设它是一个完整的界面,那么今天就是要把它给实现出来。
1.那一开始便是新建一个项目,常用的项目结构如下
2.开始切图,将原件中的图片拖拽到另一个文件中,并保存为相应的格式,以下这四个是图标,所以保存为png格式,并放在images文件夹中。
3.然后便是开始写代码了,那么一开始,我们得解决手机端适配的问题,而我们的需求是只适配手机端。我们使用的是rem,这个我会在下一篇文章中给大家介绍。我们把所有的px换成了rem,这样就很轻松的解决了手机端适配的问题。
4.接下来就是写代码,调样式,压缩代码与图片等
5.做好之后上传到测试服务器,发链接给策划
6.审核通过之后便上传到服务器中,这样就算是完成了
--------------------------------------------------------------------------------------------------------------------------------
切图的过程其实都是基础的东西,但是有些人切得快,有些人切得慢。我就切得的挺慢的。我觉得主要是这几点不够好:
1.ps不够熟练,快捷键不熟,功能不熟
2.划分板块不够细致,老是出现一些问题,要调很久
3.基础不牢,清除浮动都不知道是什么
4.重复做事情,一样的样式我可能写上十遍
2019年10月10日更新,现在前端工作的一天
来到公司先签入了,然后可以去,楼下吃个早餐或者打包上来
接下来就是做小组长分配的前端任务,可能做一下报表,一些系统交互,还有一些node后台数据的接口,有时候还需要写一长串的SQL,国庆前很忙,基本天天加班,这个星期没事情做,小组长没分配任务,我就不主动找她,我就自己学的东西。
现在主要用vscode来编程,开两终端,一个运行后台程序,一个运行前端程序,这个项目框架是自动搭建的,写页面和接口有快速新建的命令
需求做完之后使用git提交代码,并打包发布到测试环境,让产品验收,有时候需要多次调整,直到没有bug,产品也满意了,就可以等这个迭代的需求完成发到正式环境。
其实发现做久了很多工作都是重复的,写的接口也是类似的,写的界面也是类似的。
如果不忙六点就可以签出下班了,可以在公司吃个饭再回去,也有免费班车可以坐。
回到家的安排才是能不能进步的关键吧,最近所有游戏都没玩了,学习node,koa这些,明年应该会换一份工作,往哪个行业还没想好,感觉是得专于一个领域的,什么都会一点,不如只精通一点
下一篇 :我的web前端工作日记3------rem适配手机端
https://blog.csdn.net/dreamer_sen/article/details/82149919
我的web前端工作日记2------web前端工作的一天相关推荐
- 小白前端学习日记(一)认识前端
小白前端学习日记系列 小白前端学习日记(二)HTML基础语法与标签 小白前端学习日记(一)认识前端 小白前端学习日记系列 前言 前端是什么 前端所需要掌握的基本能力 结构层--HTML 样式层--CS ...
- 我觉的应该写工作日记了!
已经工作一周多了!早应该写工作日记了! 第一天工作是正月19我也忘了是几好!第一天工作是去买电脑!虽然是个二手的但是配置却相当的高是我用过的最高 配置的电脑了!p43.2/512 533/128/相当 ...
- 我的web前端工作日记1------web前端经验
转载请注明出处:https://blog.csdn.net/dreamer_sen/article/details/82143519 在公司干坐了一天,觉得应该找点事做.所以,就有了记录自己前端工作的 ...
- 我的web前端工作日记11------在腾讯外包的这一年
说在前面的话 本文只是大概说一下自己在腾讯做了一年前端外包的收获和一些心得感悟,希望自己能客观的描述,能给一些后来者参考取舍,看是否值得去腾讯做外包.写的没啥逻辑,都是想到啥就写啥,所以大家将就着看看 ...
- web前端开发日记------入职腾讯外包
入职了腾讯的外包了 面试前还是准备了几天,在网上刷刷基础题,具体面试的时候,只有一次的技术面,具体的面试题可以看我另一篇文章 web前端腾讯外包面试记录 入职的第一天,上午在外包公司办理入职,下午就到 ...
- WEB前端底层知识--浏览器是如何工作的
随笔- 6 文章- 2 评论- 103 WEB前端底层知识--浏览器是如何工作的 概述 对于一直从事B/S架构(B/S也是一种C/S架构,只不过C/S自己写显示而B/S有相对统一的显示引擎实现而已 ...
- 8个提高工作效率的Web前端开发框架总结
今天要跟大家分享的文章是关于8个提高工作效率的web前端开发框架总结.着互联网的推进我们可以寻找到各种高效资源,比如我们设计网站.小程序和公众号开发的时候,前端设计并不需要我们太多的自主设计,我们可以 ...
- 计算机前端学哪些好学,Web前端能干什么工作,好学吗
原标题:Web前端能干什么工作,好学吗 随着经济发发展,互联网精英的缺乏越来越严重了,尤其是编程工程师,市场缺乏率极高,所有对于准备即将学习编程朋友,是一个非常的好时机 web前端工程培训是什么呢?所 ...
- 爱创课堂分享web前端学习路线自学如何找到工作
爱创课堂分享web前端学习路线自学如何找到工作,自学能不能学会WEB前端并且找到WEB前端开发岗位的工作取决于自身条件,如果基础好,自律性强那么将会容易很多,还有就是自学最难克服的并不是知识点,而是自 ...
- web前端开发工程师是做什么工作的?
web前端开发工程师是做什么工作的? Web前端开发工程师是一个很新的职业,在国内乃至国际上真正开始受到重视的时间不超过10年.Web前端开发是从网页制作演变而来的,名称上有很明显的时代特征.在互联网 ...
最新文章
- .NET笔试题集(一)
- Oracle Sequence
- android 学习链接大集合
- python 函数图_如何查看Python函数调用图 Ubuntu
- java 多线程 选择题_Java多线程之三道多线程练习题
- 读取xml数据装配到字典中之应用场景
- 工具资源合集【持续更新】文字识别、英文写作、频段查询
- win10动态桌面软件
- 好用的parallel命令
- 小红帽 oracle,Linux+5+红帽子企业版安装Oracle9
- USB摄像头驱动分析
- 微信支付的软件架构究竟有多牛逼...
- ES6常问面试题(Promise,async和await 等)
- Android Rooting for Programmers
- Tailwind 初识
- jQuery小项目之王者荣耀手风琴,有图片素材
- 计算机二级改错题怎么分,计算机二级上机考(程序改错题)1.doc
- 沉寂心念,独看落花碎
- 硅传公司的CC1310模块 Flash解锁和擦除CC1310无法正常擦除flash
- Android上实现高并发,可延迟处理
热门文章
- IDC最新中国BI市场报告,永洪科技等中国厂商领跑
- (框架)Deepracer 自动训练 框架的搭建
- APP渠道:安卓app推广渠道都有这几个!
- 倪光南思考中关村问题
- 菜鸟入坑》springboot整合mongodb问题1-Decimal128和BigDecimal的转换
- rk3288 android 6.0固件,Firefly-RK3288主板烧写官方Android固件起不来
- 逆向CrackMe-01写注册机
- C语言程序代码 25 编程实现将任意一个华氏法表示的温度,转换为以摄氏法表示的温度。
- 惠普电脑u盘重装系统步骤_惠普笔记本系统重装|惠普笔记本电脑U盘重装系统步骤教程...
- 毕业设计之甘特图制作