作为前端程序员的我
自己动手整了个vue的项目 从开始的零星想法到动手实践 现在还没竣工的我来说
虽然整的不咋地
总的来说吧 我还是有点收获的
下面呢 我来说说我的收获
首先说说 动手实践时候考虑的事情吧
第一呢
考虑产品问题 需要什么功能 用户市场是什么 盈利点在哪 产品交互呢也就是产品在使用中不断的融入新的产品中去 所谓的产品呢 狭隘的角度想 一个杯子是产品一个显示器是产品 那么做互联呢 和网络有关的就是互联网产品 比如说呢 门户网站 社交网站 教育平台 新闻资讯 金融平台 等等等等吧 说 什么O不O的我也不知道咋回事 一共五个O 什么CEO 其余的忘了 记住个UFO 和这个还没关系。。。 并且呢 网站的迭代更新和存活周期 盈利多少 都是归产品负责的 产品还需要思考程序员开发的难度
第二呢
考虑UI设计图纸 这一步呢要和产品息息相关 不能自己会画想画什么元素 就往上整什么元素 做UI的时候可以参考 花瓣网 站酷等等 UI素材网站 根据产品给的产品定位和功能 ui的想过做出那种身临其境的感觉就比较差不多了 尤其在网站设计中UI的设计图纸决定 网站页面给用户的第一感觉 做UI设计的时候 要着重注意LOGO的位置 像素 字号 使用的字体以及色觉给用户带来的信息感觉体验 例如LOGO 一般放在网站的左上角 尺寸我也记不清了 大致有4种格式 还有就是呢 浏览器最小字体12像素 移动端0像素 默认显示16像素 如果文字着重显示则调整字号及颜色否则呢 正常显示设置为14像素即可 如果是 标签元素呢例如 用户发表文章显示文章的阅读数量时间呢 用12号像素 14号像素即可 UI的重点在于调整色觉 和像素位置字号整体感觉给用户带来的什么信息体验感
第三呢
具体实现 前端切图的时候 不要着急动手做项目 么的我就着急了结果代码写的有点乱啊
认真看UI 的图纸 那些是css3实现的功能那些是js实现的功能 还有 css js 兼容性问题 整理出来进一步分析
css类样式优化 / js 代码 那些类可以重用复用
好的代码是不需要css兼容性的 js兼容性是浏览器升级更新了js api有的新方法 FF浏览器可以检查出来 css3新属性 chrome可以调试出来
第四呢
服务器端
现在还比较流行的语言是php
说下思路吧 php我也不咋会
在前端拿过设计图纸的时候 服务器端可以设计数据库了 设计mvc层了
没有工作经验的我认为 v层可以由前端去管理 毕竟是view视图 model 也可以交给前端处理 服务器只要设计控制层 链接数据库读取信息 一些列的操作然后关闭数据库 负责给前端递交数据信息
前后端分离 服务器只负责接收数据信息 优化前端传递过来的信息
项目制作完毕后 内测
内测完毕后找到服务器空间上传页面代码 有数据库上传空库没有数据库的话创建数据库 对外公测 测试完毕后上线运行
到此网站制作完毕 不断的和产品絮叨进行网站的迭代更新。。。。盈利。。。
然后配上一张前端的知识体系图
