前端项目的开展

前端项目两大教训

1,凡涉及第三方部门都可能耗费几天甚至更长。第三方提供的接口几乎无验证的。此问题普遍存在。

2,后台研发人员前端技术匮乏,在前端主要覆盖静态页面(CSS+HTML)时,后端研发人员处理静态页面与后台的交互,和业务处理,效率低下,束手无策,问题频出。

第一个问题:跨部门,我们无力解决,我个人经验是,先找对方开发,如果不甩你,向领导反馈;有笔记本的带电脑的去找对方开发。把问题解决就完事。

第二个问题:需培养出合格的后台web developer.

第一阶段: 1,编码:“一刀切”,后端提供URL,前端负责界面;  2,转测:前端交付联调好的界面给对应模块后台开发。前端支撑后台改bug,以此提升后台的前端处理能力。 此阶段前端需要全程介入。应该锁定在部门或项目组。

第二阶段: 后台成为合格的 web developer后,前端只需要前期提供静态页面,基础类库,和控件库等。此阶段前端相当于流动站,可以跨部门支撑多项目。

前后端协助图

前端亟待解决的问题

  

需求 阐述
通用前端构建流程 并不是要追求完美,而是避免项目崩坏。将项目稳固在一定水准之上。像WAP项目,一个迭代到了后期就难以维护,是无法忍受的。
前端基础类库、组件库 我们部门项目的界面风格往往一脉相承,我们是否能够提供良好的组件库,在新项目中直接拿着用?而不是给每个项目定制开发?我们
是否对跨项目的定制业务,也积累良好的技术材料? 比如埋点,主站居然是在界面直接写代码,和界面耦合,而不是抽取出精简、通用的JS文件,供跨部门调用。
书写规范、单元测试 事件标准,JS类的标准化写法。页面渲染流程等。能否让每个人的代码都是可以预测,易阅读的?以及做做最基本的单元测试?
技术积累 我们有什么文档可以让一个后端工程师循序阅读,学习成为一个合格的web developer?让一个前端成为一个更专业,具备独立设计前端架构,性能优化的前端?还用最原始的,
碰到难点你去问的手段?常识问题成千上万,却耗尽骨干的时间。

前端项目的开展

时间: 2024-10-07 05:52:25

前端项目的开展的相关文章

Angular01 通过angular-cli来搭建web前端项目

准备前提:已经搭建好angular-cli环境,还未搭建好的请参见三少的博客(开发基础分类) 1 新建一个文件夹 该文件夹用来存放所有利用angular-cli搭建的web前端项目 2 启动命令窗口,并进入该文件夹 3 创建新项目 ng new 项目名称 注意:项目名称最好全部用字母 3.1 到文件夹中去查看项目是否成功创建 4 通过文本编辑器打开src文件夹下的index.xml文件 三少使用sublime打开的效果如下 4.1 代码详解 这就是一个html文件 我们的应用会在app-root

如何在前端项目中引用bootstrap less?

在基于bootstrap css框架的前端项目开发中,如果有grunt build系统,那么工作流是:客制化less,在less中定义自己的 CSS,同时可以随意引用bootstrap中预定义好的css类,一旦保存文件,grunt则开始重新构建,生成最后的生产文件.问题是: 如何能够在自己的客制less文件中引入bootstrap的less变量或者mixin呢? 比如:我如何能够实现在屏幕尺寸在@screen-md时,将所有的图片隐藏呢? 对于这个场景,假设项目目录结构如下: > bower_c

用gulp构建你的前端项目

前言 前端技术发展日新月异,随着模块化.组件化的提出,前端变得越来越复杂,静态资源越来越多,那么对静态资源的处理,如压缩,合并,去掉调试信息.. 如果还是人工去处理,效率非常之低且还容易出错,于是自动化的处理工具也就必然出现了.就像后端我们一般用maven管理项目,那么前端gulp是个不错的选择. 什么是gulp 是一个基于 Node.js 流.Javascript语法的快速构建前端项目并减少频繁的 IO 操作的自动化工具. Gulp有什么好处 易于学习使用 通过最少的API(核心.src().

从一个前端项目实践 Git flow 的流程与参考

Git flow 出自 A successful Git branching model,这里使用了一个前端项目配合本文稿实施了 git flow 并记录流程作出示例和参考,对 hotfix 与持续部署略有提及,本意是用作公司内部的技术安利.所用源码及文档本身见于 github jusfr/HelloGitflow 前言 Gitflow 是一种 git 分支管理工具——说是思想也不为过,它使用既定策略区分和管理开发.测试.生产环境的代码版本,对测试与持续集成友好,与敏捷.迭代的思路一致. 1 准

如何实现vue-cli搭建的前端项目的自动打包

实现vue-cli + webpack +vue项目的自动打包: 后台java代码: public class OpenDirectory { public static void main(String[] args) throws IOException { String url = "F:\\Aomsc\\";        Runtime.getRuntime().exec("cmd /c start "+url+"a.bat");//通

前端项目从0到1的感悟

确定框架.技术点 一个项目的开始,特别是丰富多样的前端工程,首先一定要确定好采用的框架和技术点.2016年vue.js如火如荼,webpack强势崛起,但是是否就可直接拿到项目中搞起呢?答案是否定的,一个新的技术如果自己或团队中成员都还在学习摸索的过程,是肯定不能在生产环境中使用的,更何况这是个创业的团队,没有成熟完整的前端团队.所以我当时还是走老套路,jquery为核心,fastclick辅助,requireJs按需加载,arttemplate做模板渲染,核心UI类库使用jqueryWeUI,

gulp+webpack构建前端项目

本文将介绍如何利用gulp+webpack构建一个基本的前端项目.假设你已经安装了node环境并且会使用简单的命令行 1.gulp安装 (1)全局安装 npm install gulp -g (2)查看gulp是否安装成功 gulp -v (3)进入本地目录,新建gulpfile.js 2.安装gulp-webpack插件 基于gulp的插件非常多,建议大家查看npm官网https://www.npmjs.com (1)安装 webpack的用途主要是模块化+打包.安装敲入命令 npm inst

gulp + webpack 构建多页面前端项目

修改增加了demo地址 gulp-webpack-demo 之前在使用gulp和webpack对项目进行构建的时候遇到了一些问题,最终算是搭建了一套比较完整的解决方案,接下来这篇文章以一个实际项目为例子,讲解多页面项目中如何利用gulp和webpack进行工程化构建.本文是自己的实践经验,所以有些解决方案并不是最优的,仍在探索优化中.所以有什么错误疏漏请随时指出. 使用gulp过程中的一些问题,我已经在另外一篇文章讲到了 grunt or gulp 前言 现在为什么又整了一个webpack进来呢

前端项目结构设计精细方案

开始的开始,前端项目很简单,html放外面,然后新建一个css和js文件夹,看起来很清晰. 随着时间推进,项目变大,问题开始一一出现了: html 太多,找起来麻烦 css 和 js 需要压缩 css 和 js需要发布到 CDN 开始只简单依赖一个jQuery,后来发现依赖的插件越来越多,不好更新维护 html 里面怎么实现公共一个头 js和css包含大量重复代码,怎么重构项目 前端如何把代码交付给后端填模板代码 很多公司面对这些问题都有了自己的方案,Node 因为语言也是JS,成了很多公司的首