但凡从事互联网的人基本都会写几行 html 代码, 用过 Word 和 Dreamweaver 也能做出规整的页面, 所以大部分人会很自然地认为 "页面的开发没什么技术含量, 很简单".
不仅有这种普遍的认知, 对从业者来说也有很多疑惑: 做页面前端实现, 没问题; 兼容性, 小 case; 图片集成, 一直都在用......
能有什么问题? 瓶颈啊, 天花板啊, 转型啊, 出路啊, 这里面的水有多深, 让我们舀舀看.
在不同的时期对页面前端的看法似乎是多变的. 在互联网早期的时候, 小车还是比房子贵的, 烧饼和 粉丝还只是用来吃的, 菊花还只是用来泡茶的. 学习资料的话可以加下 web 前端开发学习裙: 659 加上 479 再加上 860 自己去群里下载下.
那时的页面设计风格相对单一, 对应的页面需求比较简单, 并且当时的浏览器也基本是 IE6 的天下, JavaScript 也只是网页特效的代名词, HTML 页面本身没有引起太多人的关注, 似乎只要能用 div 甚至 table 加 CSS 辅助把图片定好位, 把页面内容预留好就 OK 了.
随着页面内容的丰富, 设计风格的发展, 交互复杂性的增加, Ajax 的应用, 浏览器的更新换代, 又让大家重新对最基本的页面本身重视起来.
1.. 实现效果图是最基本的工作
把视觉稿通过页面代码的方式表现出来包含了两个基本诉求:
1. 能够真实反映视觉稿;
2. 能够通 过浏览器的兼容.
这两个诉求的达成需要我们有追求细节的态度和一定的页面功底, 能完成这两个内容就可以初步进入页面前端的从业者行列了, 但这就代表着我们 可以胜任页面开发的工作了?
不, 才刚刚开始.
2. 与设计师的沟通和项目的参与
沟通很重要.
先抛出几个问题: 我们有没有和设计师探讨过某些效果对低端浏览器渲染效率影响比较大?
有没有探讨过部分效果可以用 CSS3 实现从而使得结构更加简洁清晰?
有没有在代码和视觉中寻追求过平衡?
X 图片上传失败, 请重新上传
页面前端的开发向基本用户, 编写的代码也直接作用在浏览器上, 我们有义务对页面的稳定性和渲染效率负责. 我们也经常碰到项目在总体进度压力下导致的设计与页面前端开发同步进行, 这时更有必要尽量多地获取项目信息, 了解我们还要做些什么, 这些可以帮助我们充分考虑重用和框架拓展.
3. 良好的页面结构
页面结构的编写好比盖房的地基建设, 其好坏会直接影响到 CSS 代码的质量, JS 开发, 后台开发还会影响到以后的页面拓展, 迭代和页面调整.
4. 关于 hack
很多同学在页面开发时上网搜索最多的就是 hack 了, 我们完全要依赖 hack 来实现页面兼容性, 答案是否定的.
5. 优美的代码
现在很多 Web 项目功能复杂, 代码规模也会变得很庞大, 如何更好地进行协同开发和维护是我们面临的一个问题. 需要考虑完善统一的规划, 还有要养成良好的代码开发习惯才会在面临各种情况时游刃有余. 翻阅页面代码, 看到合理的标签使用, 良好的注释, 清晰的代码结构, 用意准确的 CSS 不仅犹如欣赏一个艺术品, 更为下游开发和协同开发降低了不小的沟通成本.
8 年编程经验, 整理了一批 2019 年最新 Web 前端教学视频, 帮助自学前端, 想转行学习前端的同学, 不论是学习规划, 学习路线, 学习资料, 问题解答. 私信我回复: 领取资料
6, 具有企业家的精神
最优秀的开发人员不会是游手好闲者. 对他们来讲, 产品的成功不仅仅意味着他们的薪水有着落了. 因为他们在工作中热情饱满, 他们是为了项目有更好的发展而工作, 而且会一往无前.
X 图片上传失败, 请重新上传
HTML5 技术人员掌握的内容:
第一阶段: 前端页面重构: PC 端网站布局, HTML5+CSS3 基础项目, WebAPP 页面布局;
第二阶段: JavaScript 高级程序设计: 原生 JavaScript 交互功能开发, 面向对象开发与 ES5/ES6,JavaScript 工具库自主研发;
第三阶段: PC 端全栈项目开发: jQuery 经典特效交互开发, HTTP 协议, Ajxa 进阶与后端开发, 前端工程化与模块化应用, PC 端网站开发, PC 端管理信息系统前端开发;
第四阶段: 移动端项目开发: Touch 端项目, 微信场景项目, 应用 vue.js 开发 WebApp 项目, 应用 Ionic 开发 WebApp 项目, 应用 React.JS 开发 WebApp;
第五阶段: 混合 (Hybrid) 开发: 各类混合应用开发;
第六阶段: Node.JS 全栈开发: WebApp 后端系统开发.
来源: http://www.jianshu.com/p/0f8c10e7ff5c