‘壹’ 前端项目开发周期
一个项目的开发周期
0、产品经理有需求想法去找项目经理讨论可行性和紧迫性
1、项目经理开始分任务
2、产品建群发需求文档 答疑解惑
3、前后端把产品叫过来答疑解惑准备开发发送答疑解惑邮件
4、前端或者后端选择一位作为项目负责人对项目工时分解，沟通开发时间和测试时间，最终开发测试产品约定统一时间
5、建立开发任务立项邮件附带上一步的分解文档，让主管在任务平台创建任务和分解任务，在文档中约定时间开始开发
6、测试前一天确定是否延期，如果延期，需要产品测试过来重新评估工期
到提测最后一天时，需要产品测试和主管过来验收项目
7、根据验收，第二天中午前修复bug发测试、发布提测邮件
8、bug集中在邮件中发送，典型bug需要在任务平台建立
9、完成测试时会发生确认邮件
‘贰’ 前端开发，为什么网站上会出现些“非必现”的问题
有时候思路不能太局限，除了后端日志，前端日志也是可以做的，再就是多关注下微博等社交网络，有用户反应可以尝试主动联系他们（哪管很久以后才修复甚至不修复 用户都会很开心） 另外，除非是非常严重的问题，像互联网应用，不可能做到完全的无bug，也不可能满足所有人，对于那种只有几个人反应的问题，无视就好了么 这里不得不说一下，360反应用户意见是最快的，腾讯网络是无视最彻底的，qq很简单的功能，比如锁定分组（稍微一不小心鼠标一抖用户就不知道被拖到哪里去了） 我提交了N次没人屌我 所以 你懂得
‘叁’ 前端开发怎么解决1px bug
你可以使用AndroidService。Service翻译成中文是服务，熟悉Windows系统一定很熟悉了。Android里的Service跟Windows里的Service功能差不多，就是一个不可见的进程在后台执行，避免被用户误关闭。因为Android在某些情况下会自动关闭非前台显示的Activity,所以如果要让一个功能在后台一直执行，不被Android系统关闭，比如说闹钟、后台播放音乐，就必须使用Service。开发音乐播放器的时候如果没用Service,也可以后台播放，别以为Service没什么用，经过一段时间后就会发现，没用Service的播放器在播放一段时间后会被系统自动关闭。就算还在后台播放，过一段时间后打开播放器，再点播放按钮，会出现两种声音。我想你是遇到了这个问题吧，你查一下资料学习一下AndroidService。相信你能研究出来的。希望帮到你。
‘肆’ 前端开发的工作流程是怎样的
前端开发具体开发过程基本如下：
1、根据UI的界面图进行切图，这里切图其实也有自动化的工具。
2、使用html对切出来的东西进行映射开发，做页面结构，看到几个部分就对应几个模块，从大到小，从外到内，从公共到独立。
3、使用css做样式设计，具体分析模块大小、位置、颜色，做盒模型等等。另外，可以分成三个组，一是重置样式，用于修改一些不合适的默认格式。二是公共样式，主要是头尾以及LOGO等很多页面都会用到的样式；三是独立样式，用于只使用一次的样式。
4、使用JS做交互动作。当然，还需要根据与后端之前的讨论做数据传输接口。
5、自己debug一下，如果有bug要改。
(4)前端项目时间够完成后有bug扩展阅读：
前端开发是创建Web页面或app等前端界面呈现给用户的过程，通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。它从网页制作演变而来，名称上有很明显的时代特征。
在互联网的演化进程中，网页制作是Web1．0时代的产物，早期网站主要内容都是静态，以图片和文字为主，用户使用网站的行为也以浏览为主。随着互联网技术的发展和HTML5、CSS3的应用，现代网页更加美观，交互效果显着，功能更加强大。
‘伍’ 前端项目的开发流程
前端开发流程概述
前端开发流程可分为需求分析、开发阶段、测试阶段、维护阶段，下面分别进行叙述。
2.1 需求分析
这个环节中，首先是和客户进行交流，了解客户的需求，然后分析项目的可行性，撰写项目需求文档。如果项目可行，则起讨论具体方案，分模块分步骤进行规划，分析项目进度安排、所需成本，进行原型设计（包括页面布局图，页面逻辑流程图，说明文档等。通过原型设计，可以让项目组和客户都可以对项目有一个直观感受，同时可以低成本高效率的复现业务场景和各模块流程）。
可以说需求分析阶段是整个前端项目的基础，基础不牢，地动山摇。可以试想，如果和客户沟通不顺畅，有的方面客户没搞清楚是什么效果，开发完成后就可能与客户发生纠纷；如果可行性有问题，有的模块很难实现或成本超出预算，就很难处理。
2.2 开发阶段
这个环节是前端工程师主要参与的部分，按照需求分析阶段的规划按步骤完成任务。
根据产品需求分析文档和原型图进行UI设计，对产品的整体美术风格、交互设计、界面结构、操作流程等做出设计。负责项目中各种交互界面、图标、LOGO、按钮等相关元素的设计与制作。
根据UI设计进行规划，提取界面中可以复用的模块方便重复利用，分析界面是否有实现难度比较困难的地方，进行沟通和功能排期，按功能大小以及难度进行功能时间的评估，和后端沟通好排期时间，保证大家能够更有效地开发合作，针对功能复杂的地方要先理清思路。
不要盲目开发前端搭建框架。根据设计图进行前端界面开发，以及遇到的问题及时与产品、UI、后台人员沟通，保持大家信息一致，针对不清楚的地方也要及时沟通，以免做错功能。
根据后端接口进行字段填充，以及部分功能开发。针对缺少的字段或者数据结构进行提出，及时与后端反应，尽量让大家都能以最小的改动完成后续开发工作。前后端都要按照规范进行开发，针对不规范的地方要给与提出、指正，营造出规范的工作模式，以后维护成本和沟通成本更低以及开发效率更高。如果前端的设计进度远远超前后端的接口和数据结构设计，也不必等后端，可以自行开发nodejs服务器配合postman等接口软件进行开发。
前后端功能联调、完成自测。检查功能完成情况，看是否有遗漏，出现问题及时沟通解决。
2.3 测试阶段
发布测试、修改bug、发布上线，自测完成后提交测试，测试根据提交的项目以及需求进行测试，提出bug给相关人员修改，开发人员周期性的配合修改bug，保证今天能够修复昨天的bug。
发布dev环境，配合测试，修复bug以及需求优化
发布test环境，修复bug以及需求优化
发布it环境，修复bug以及需求优化
发布pre环境，修复bug以及需求优化
pre验收之后，发布线上环境，产品进行验收
2.4 维护阶段
如果客户验收通过，项目就进入了维护阶段，程序的维护包括程序上线后后续bug的修复和程序版本的更新。
3 个人经验总结
3.1 文档很重要
前端项目的文档似乎已经作为前端工程化的标准流程之一了，文档写的好，可以便于同事快速了解你的代码功能和需求，便于协作。可以想象，随之项目复杂度增加，体量越来越庞大，开发团队人数也越来越多。这种情况下，如果像变魔术一样隐匿中间流程而直接得出结果，后果可想而知：项目复杂度越增加就越难以管理，开发效率低，合作混乱，结果甚至导致项目死亡。
好的文档看起来就像一个产品说明书，但作用却远远超过了说明书，不仅仅告诉你如何使用，还应该告诉你项目的设计思路，用了哪些组件，哪些部分不完善，将来有什么规划等等。这是一份比较好的说明文档。
3.2 与客户及时沟通很重要
3.3 扎实的基本功很重要
尽管当下框架、函数库、工具包等更新迭代非常快，前端工程师有很多新的知识要学，但原生JS、HTML和CSS依然是重要的基本功，在学习前沿工具的同时不能放弃基本功的训练。
‘陆’ 前端开发时遇到过什么坑尤其是webapp开发时
过去，应用开发需要注重大量的专业知识，程序员只需关注单一的语言（比如COBOL、RPG、C++等），并利用该语言创建应用。Web不再是单单关注独立的一面。相反，一个现代化的Web应用开发者应该是“样样精通”。他们不仅要理解开发方面还要明白Web应用安全漏洞问题，了解如何与其他设备集成在一起等等。往深了说，他们还需要了解这些应用程序是如何运行在平板电脑和智能手机上的。
换句话说，Web应用开发正变得更加复杂化。它迫切需要一个不断增加以及不断发展的配套技能。
掌握六大技能后，估计Web应用开发时候就会避免一些坑。
1. 安全
过去，企业在内部安装应用，基于防火墙背后的应用无法与第三方服务或应用进行通信。而随着软件的发展，现代Web应用能够与其他设备进行集成，并存储在云服务器上或者访问多种类型设备。因此，安全问题显得尤为重要。
“作为一名应用开发者（web/desktop），深入理解应用程序的安全性是最为重要的技能之一。”Veracode首席安全顾问Stephen Jensen说道，“在当今世界，有关安全问题的新闻不绝于耳，大多数是揭露数以百万计的人们的敏感信息。因此，Web应用开发者必须知道如何预防常见的漏洞，比如Cross-Site Scripting (XSS)，SQL注入等。为了确保应用在创建过程中免受安全问题的恶意攻击，同时也为了保护用户潜在的敏感信息问题，这也是所有开发者应当学习的必备基础技能。”
2. 用户体验（UX）设计
“随着移动设备用户需求量的不断增加，开发者需要充分理解用户体验设计显得愈发重要。”Raster Media CEO Michael Smith说，“设计团队单独负责某款应用的用户体验的日子已经一去不复返了。开发者必须考虑互动、动画、速度以及各个APP之间的通信等问题。”
我完全赞同这一观点。用户体验设计有几大重要因素，首先，用户的期望有所上升。用户下载一款新的应用，他们想立即知道它是如何运行的。他们希望从业务应用中获取相同的体验。其次，用户有选择的余地。如果不喜欢这款应用，他们会寻找另一款代替。由于用户的期望值增加以及竞争的加剧，更为直观的界面需求比以往显得更加重要。
3. 自适应/响应式设计
谈及UX设计，Web App开发者必须建立可随处运行的应用程序。现在的问题不再是“用户如何与我的应用进行交互？”而是演变成“用户与我的应用如何在每款设备类型上进行交互？”
想要做到这一点并不容易。你必须回答以下这些问题：“智能手机上的按钮设置在哪里？你如何在小屏幕上格式化数据表？当设备从人像模式切换至风景模式会发生什么？”总之，Web开发者必须知道让Web应用适应不同屏幕大小的方法。
针对跨平台/设备，响应式设计和自适应设计主要两大方法：
响应式设计使用流体网格以及CSS3媒体查询来适应各种屏幕大小/类型上的应用。你可以通过Web找到各种响应式设计案例。例如TheNextWeb就是个典型的案例。你会发现，当你调整浏览器大小时，该网站会自动适应新的尺寸。
自适应设计根据不同的设备提供不同的HTML页面。比如，一款独立的Web应用可能需要3个独立的表示层（HTML）：一个是PC端，一个是平板电脑，另一个则是智能手机。例如，在不同的设备上访问Web App，外观和行为显示的均各不相同。
那么哪一种方法最好呢？我想说它们有各有各的优势。响应式方法对于Web网页设计以及Web应用信息来说是个不错的选择；而自适应方法可更好的适用于数据驱动Web应用，尤其是包含那些数据表的应用。为什么？这是因为它让开发者能够更好的控制数据结构和样式，而不是试图去适应多种屏幕尺寸上的单个表格，自适应设计方法可让你为每款设备创建不同的表单。
4. JavaScript
开发者总会为他们选择的编程语言而争论。你无法说服一个Java程序员称赞PHP是最好的，反之亦如此，就像你也无法说服一个PHP程序员赞同Java是最好的，但在Web应用中开发者大多数会选择使用JavaScript。
“随着移动和Web桌面应用的发展，JavaScript已快速成为最为重要的计算机语言。” Coordinato创始人Ben Bakhshi表示，“不少业内人士认为利用JavaScript编码将在未来10年内显着增加。”
5. Web应用架构
在Web开发上，应用架构变得比以往更加重要。应用体系架构直接影响到应用可扩展性、灵活性，以及集成其他Web服务和应用的能力。如果开发者想要创建一款有用的、可持续性的应用，那么理应深刻掌握Web应用架构知识。
“Web应用开发者应该充分关注Web应用架构”，MRC软件开发经理Tyler Wassell说，“开发者应该了解，所开发的应用程序如何与所有系统组件进行交互，以及底层架构将如何影响诸如可移植性、可维护性、可用性等性能情况。”
6. API集成
现如今，API已发展成为Web开发一个重要的方面。从本质来讲，API让不同的Web服务之间相互通信。开发者可以通过其他应用/服务上调用数据创建应用。
SimpleCollegeRecipes网站创始人兼CEO Brendan O’Connor认为，“API集成已成为现在Web应用开发者必备的技能。API允许你从其他网站上整合内容和信息。可以说，API使人人受益，包括终端用户，API供应商以及程序员自己。”
总结：
Web应用开发正在不断演变，Web开发所具备的技能也在不断更新变化中。开发者唯有不断进取、学习新的知识才能在开发行业中站住脚。当然，想要掌握每一种Web（移动Web）技能，几乎是不可能的，大部分公司无法为员工给予Web以及移动开发方面不同的解决方案，不可能做到面面俱到。
‘柒’ 一个WEB前端，有找bug的天赋是啥感觉
会有一种想要返工写成较大块集群的冲动和诱惑。丑陋的逻辑语句，还有冗长的语法，导致代码非常难以阅读！但话又说回来，如果代码没有坏掉的话，那就不要去修复它。这种汹涌澎拜的斗争是我经常要面对的，而且显然会困扰许多软件开发人员。
‘捌’ 前端开发遇到的问题与怎么解决的
前端和后端没有可比性
前端的开发，如果没有总体的设计思路，会成为一种碎片似地程序，一个效果一坨代码，一个功能一滩脚本，一个需求片逻辑，我曾经遇到过，因为ue调整，把整个前端的代码除了核心数据处理函数保留，其余的全部修改的情况。
基本上前端的开发，处于dom操作，数据处理，数据交互三部分，如果合理的分配这三部分的功能，那么前端的代码就很容易扩展和调整。可惜现在优秀的前端开发者很少，因为前端门槛很低。
那么接下来我回答挑战所在：真正的前端开发的挑战，还在于开发者的思路，兼容性，布局，css
js都不是问题，问题在于如何合理的组织语言逻辑，如果正确抽象出需求中的模块，在如何用代码处理。清楚的用代码表达出思路，清楚的写好注释，给后续维护者一个可阅读的思路。
前端的改动量，是后端的数倍，前端没有绝对，只有跟随需求不停的修改。
‘玖’ web前端开发遇到的问题
这些零基础的人在学习Web前端时会遇到哪些问题。给大家介绍一下:
1、因一些基础算法、数据结构理论不扎实导致一些编程思维难于理解。
比如原型链，如果清楚数据结构中链表结构，那么这个东西不难理解，再比如哈希值，懂得数据结构中哈希表，哈希值也就迎刃而解。
2、计算机体系结构、操作系统理论、网络理论不扎实导致到后期一些东西难于理解。
比如有的人从前端学习入手，后来学习node开发 ，在 I/O 、进程、线程、IPC 、线程锁方面有些概念就比较难于理解，而导致不能很好得使用node 的api 。
3、前端整体体系架构没有做过深入思考。
导致用会用，但不知道为什么用，用另外一个有什么区别。
4、学习环境中无高手。
没有高手能够指导自己进入下一个层次。
5、有意识但是没有行动
有的人网盘收集了一堆资料或者一堆视频，然后就没有然后了。
以上分享的这些问题，都是很多零基础的人在学习中会遇到的。这些问题导致了他们在学习Web前端进度缓慢，甚至学习效果不佳。
如果你想要快速学习Web前端技术，专业全面的学习方式比较好，一般费用在2W左右，4-6个月左右。专业学习适合零基础的小白迅速成长，学习曲线先快后慢，也适合有一定基础的学员进阶学习，巩固知识的基础上，稳步进步突破职业瓶颈。
‘拾’ 前端开发bug如何快速
1，根据报错信息定位：
(1) Uncaught TypeError: Cannot read property 'attr' of undefined;
此类型为变量或者对象属性未定义类型。
(2) Uncaught TypeError: a.map is not a function；
a.map不是函数，说明a不是数组，只有数组才有map方法。
(3) Uncaught SyntaxError: Invalid or unexpected token；
这种一般是js的代码格式错误。
2, 排除法
页面中一共有abcd五个方法，注释掉d后代码正常说明d有问题。
3，剥离法
同样一个方法，在A页面没问题，在B页面有问题，这时候，新建一个剥离这个组件，然后运行，如果没有异常，就算不是这个组件或者方法的问题，然后逐渐在新页面中加入可能影响B页面的条件。