前端开发思路-1.1

一、分析需求形成本次的主题。

二、形成原型图。

三、提出复用性高的部分。分析原型图，进行模块拆分，将复用性高的部分提出，制成对应的代码模块。

四、进行布局。进行总体的框架的搭建。框架需要注意：自适应强；各浏览器兼容性强。

五、分模块。根据内容的含义，区分模块，在布局中细化。

六、放置控件。在模块内放置控件，使之位置合理，突出重点。

七、调节风格样式。使模块之间有所区分、模块内风格统一，控件大小、颜色、图片、样式合理。

八、加入验证等控制。控制控件功能合理，进行基础的控制。包括：大小值控制、数据类型控制、非空控制等。

九、加入动画效果。加入简单的动画效果，表现层次等概念。其中包括：鼠标移入移出效果、控件点击的效果、div缓慢移入移出效果。

十、测试。检查该有的功能是否遗漏、测试各效果是否合理。

十一、整理代码。删除多余代码和逻辑。整理原来的代码，减少代码上造成的处理速度慢的问题。使代码便于维护和阅读。

十二、优化性能。

前端开发思路-1.1相关推荐

前端静态页面基本开发思路（二）
由于第一篇的反响不错,所以今天抽空写写前端静态页面基本开发思路(二) 第一篇开发思路直通车→前端静态页面基本开发思路(一) 现在的静态页面的设计基本上都涉及到了轮播图,而且一般都是顶部菜单栏过了就是轮 ...
web前端开发：github个人主页搭建思路与教程
web前端开发:github个人主页搭建思路与教程 1.思路解析与灵感获取多看.多写图片模仿提升 2.动手制作 1)准备工具: 2)图片布局解析: 大分块小细分 3)上代码: 大分块小细分效 ...
读书笔记：编写高质量代码--web前端开发修炼之道（二：5章）
读书笔记:编写高质量代码--web前端开发修炼之道这本书看得断断续续,不连贯,笔记也是有些马虎了,想了解这本书内容的童鞋可以借鉴我的这篇笔记,希望对大家有帮助. 笔记有点长,所以分为一,二两个部分: ...
零基础的前端开发初学者应如何系统地学习？
网站开发开发大致分为前端和后端,前端主要负责实现视觉和交互效果,以及与服务器通信,完成业务逻辑.其核心价值在于对用户体验的追求.可以按如下思路学习系统学习: 基础知识: html + css 这部分建 ...
eclipese web前端开发教学_Web前端零基础好学吗？新手该怎么学？
众所周知,Web前端是现在很火的行业,找工作的人也多,招聘的公司也多,工作环境也好,各招聘公司给的工资也高,这么火热的行业还是供不应求. Web前端市场的供不应求直接导致前端工程师的待遇提高,另外一方 ...
[转] 2016前端开发技术巡礼
2016年马上过去了,像过去六年中的每一年一样,Web前端领域又产生了"面目全非"而又"耳目一新"的变化,不但旧事物持续不断地被淘汰,新事物也难保坐久江山,大有 ...
转载：2016前端开发技术巡礼
本文转自前端之巅,作者殷勇. 2016年马上过去了,像过去六年中的每一年一样,Web前端领域又产生了"面目全非"而又"耳目一新"的变化,不但旧事物持续不断地被淘 ...
更新版-梳理前端开发使用eslint和prettier来检查和格式化代码问题
更新版,之前的版本可以看这里:梳理前端开发使用eslint和prettier来检查和格式化代码问题一.问题痛点在团队的项目开发过程中,代码维护所占的时间比重往往大于新功能的开发.因此编写符合团队编 ...
零基础不建议学前端_web前端开发零基础怎样入门-哈尔滨前端学习
web前端开发零基础怎样入门-哈尔滨前端学习,俗话说,知己知彼,百战百胜.要想学好web前端,首先要了解什么是web前端,下面由小编来给大家介绍一下: 1什么是web? Web就是在Http协议基础之 ...
前端开发规范文档(html,css,js)
首先吐槽一句,本来想上传word文档的,可是发现博客不能上传word文档,这就很尴尬了. 首先声明该规范不是本人写的,网上搜前端规范发现这个很详细就先复制下来做笔记,当然不可能啥都按规范来,每个公司的 ...

前端开发思路-1.1

前端开发思路-1.1相关推荐

最新文章

热门文章