江苏龙网

  1. 首页 > 生活 > >

当面对一个页面设计要去实现的时候，在前端高手跟菜鸟的眼中的区别

承上启下: 上设计，下后端 (坏笑)站在前端的角度去审核设计稿，这个审核是考虑检查是否少缺少某些必要的设计。比如报错提示~比如无数据的时候直接显示 “无数据” 还是显示一张图。站在前端角度考虑具体实现时需要确定好的事，防止开发过程中返工。（应该只有小团队才需要做这件事）页面复用：新手看见页面只会直接埋头开始做，而有经验前端的会考虑页面哪些元素可以复用。不是简单的外观一致就是复用。而是两个模块的部分内容是否可以共用一个小模块（无论是布局还是脚本）。提炼公用模块，降低工作量。代码的积累：新手是遇到一个功能就从头开始，而有经验的前端会在自己的组件库或开源的组件库中寻找合适的组件。稍加修改就可以快速完成，把更多的时间留在更复杂的开发工作或继续完善组件库。新手在找到 jquery xxx 效果时，老手已经开发完成了。（但如果你的工作全部内容都变成了只需要调用组件就说明有问题了）工具的使用：新手可能只是 纯净的编辑器和浏览器来开发，而有经验的前端会使用各种开发工具提高开发效率。比如 让 grunt gulp 完成一些可以自动化的操作利用 Fiddler 本地快速调试线上代码自己用 nodejs 编写开发工具利用 markman 快速标注和测量尺寸用 Emmet 快速编写html必要时用在编辑器中用正则表达式快速替换代码sass来提高CSS开发效率太多了不一一列出了与后端同事的配合：新手开发出的页面可能会让后端同事无法理解HTML输出需求，老手会在HTML写好给后端看的注释，甚至能完全模拟后端数据输出（AJAX,页面渲染），直接编写后端模板引擎。像阿里都在做前后端分离了。太多了不说了。最重要的是优秀的工程师会多思考如何做的更好，从自己的角度去努力让整个开发工作更顺利。
■网友
说到底就两个字，多学。没什么诀窍。学的多了看的就广了，也就看得懂了。如果你想速成也不是不行...看下面~--------------------------以下内容为黑魔法--------------------------如何迅速伪装成有逼格的前端？1.能不用库就不用库，要用也用时尚一点的angular什么的，时尚时尚最时尚jquery千万别用，很多人觉得那个太low，实在实现不了就去搜jquery free写法2.变量函数放前面，写一部分就闭个包，严格遵守一种编程习惯，逼格分分钟上去切忌往html里写css和js，也尽量别往js里写css，尽量用addclass来实现动画也是，别用js写DOM动画，直接上css3动画3.语法糖大量的上，什么短路写法，什么运算符转换数据类型，统统用什么haml、sass、coffeescript、统统用上，简直高大上grunt也要用，根目录先来个package.json、再来个Gruntfile.js我们的口号是，不求最效率，只求逼格高。什么时候你的项目目录和github里面的大牛的项目长得很像了，那就妥了4.什么？还是觉得容易露馅？很简单啊，压缩啊，谁去看你压缩后的代码到底是啥啊，看着那么费劲。5.别人跟你谈笑风生？莫慌，做一个安静的倾听者，拍拍马屁，别人还很开心哟。最好偶尔眼角能闪烁出智慧又不屑的光芒，你们啊，naive！想了想还是匿了....
■网友
同样刚学习前端2个月左右。我觉得高手应该善于做减法，比如设计人员拿出了一个设计方案，我们新手去实现的时候可能想的是怎么添加各种酷炫的功能效果，但是高手想的应该就是怎么减少一切与内容表现无关的东西，把网页做出来及精简又美观大气实现比设计还要好的效果。还有，高手应该有自己的审美观，对于设计人员提出了方案能提出自己的意见，新手在这块应该是比较欠缺的，就算是艺术科班出身的，应该也是要有许多经验要积累的，毕竟网页设计不同于一般纸上的设计。还有，高手应该会使用更多的工具以及技术来提高工作效率。比如用LESS写CSS等等。
■网友
我觉得你想太多了，对新人来说最重要的就是积累，积累多了之后，同一个问题你知道N种实现方案，你要做的就是思考并且选择适合的方案，慢慢的你会尝试创造新的方案，这个时候你是高手了。


推荐阅读


上一篇：怎样评价《创客中国》这档节目

下一篇：怎样看待魅蓝Note5摔了屏幕维修费比手机还贵