谈前端开发vue等单子应该注意的问题20231119
最后更新:2020-08-05

vue的项目首先要了解客户是改版,还是全新的项目

框架有没有限定

比如vue+element的框架

然后了解开发模式是npm开发还是html引入目前的库开发

vue版本   element版本是多少比如:Vue.js v2.6.14     element ui 2.15.8

页面较多的数据模拟需求不能接,涉及到数据库设计,开发思路问题和业务逻辑问题等诸多问题,后期实际开发仍然会有很多问题,我们只能建议要么是你们后端把接口写好,我们来直接做数据对接联调



注意要和客户确认系统和node的版本

比如如果我是win7系统 node版本是13 客户如果是win10系统 node版本是16    这两者开发出来的东西不兼容,需要提前约定好



uniapp的ui库一般用自带的uView或者vant




数据模拟我们要负责吗?

vite是用ts还是js        (vite只是一个工具就是让运行速度变得快一些)

模拟是用apifox还是mockjs




所有涉及到编辑器的地方

方式1:

我们前端部分到时是用文本框占位的!这个到时要交给后端做哦!因为开发到时候会再这里插入编辑器,开发做的时候会调取后台的插件

方式2:


https://www.wangeditor.com/

这种功能和样式不能定制,只能用默认样式和功能,我们不会去独立开发编辑器,这样制作成本太高了哈




企业站多国语这种

谷歌那个翻译研究了   国内还是不行    国内只有翻墙才能正常使用   国外能正常使用

 有几点需要提前给你说清楚    1. 自动翻译出来啥就是啥  没法修改      2. 只能翻译文字部分,图片图片没法翻译和修改     说白了  就相当于只做了英文版    其它只是直接翻译出来的 是自动的 不能人为



1. 前端框架有没有限定要求

2. 是负责pc端还是pc和手机端都要适配

3. js有没有限定要求

4. 一共有多少页面

5. 有没有特殊要求提醒我们的


企业站类型要注意看下有木有实时股价,这类型需求有可能涉及到接口对接或者抓取数据,

产品筛选功能复杂不复杂,

有木有vr的需求


涉及到在线教育付费视频类的网站  需要问清楚视频能不能试看几分钟,这种需要前端实现不,如果需要就说这种前端不能实现


视频类移动端的页面,有木有投屏功能的要求?


知识付费下载文档类网站前端需要注意,是否可以预读3页这种呢?是否需要把文档里面的内容在线读取出来?还是说直接放图片就可以呢?



数据对接涉及到直播的,需要提供HLS视频直播流接口

涉及到直播类前端视频,用rtsp协议做直播的,解决办法。都是将rtsp格式转成flv或者m3u8格式

总之就是,我们实现不了需要客户那么实现,我们可以用视频占位


 vue的用法分为   引入vue.js和整个vue框架环境两种方式,你是需要哪种呢?


1. vue版本有限定吗?有2.0和3.0

2. vue脚手架你们提供吗?

3. 我们是只负责静态页面对吗?

4. 不负责js绑定渲染联调数据对吗?

5. 不负责数据对接联调对吗?   

6. 不负责假数据模拟接口json数据交互埋点这些对吗? 

7. 假数据需要从json里面读出来吗?   

8. 前端写到什么程度算完成?

9. 结束后我们不需要提供什么文档对吗?




数据我们需要负责对接联调吗?还是说数据方面是要静态数据(推荐)还是需要模拟数据呢?模拟数据是要mockjs还是用json固定串呢?还是说有更特殊的要求呢?

数据对接:接口定义要对接好的,mode和service那层都需要

数据联调:

如果需要数据对接联调:要不要调接口的,调接口不是指把服务端的数据请求回来就完成了,还是说要根据数据进行相应的渲染,操作,所以避免不了调接口的














●JS开发环境?有V8、Node甚至是Deno等;
●JS前端框架?有Angular、React、 Vue、 React Native、jQuery 等;
●JS后端框架?有Nest、 Express、 Koa等;
●JS脚手架?有Vue CLI、Angular CLI、 Create React App、 Yeoman等;
●JS转译工具?有Babel等; :
●JS测试工具?围绕单元测试、集成测试,有Mocha、 Jasmine、 Jest、 Karma等;
●JS调试工具?有Chrome DevTools/Firebug/Webkit inspector等各大主流浏览器、VS
Code/WebStorm等各大编辑器/IDE等;
●JS格式规范工具?有JSLint、JSHint、 ESLint、 TSLint 等;
. JS接口联调工具?有Axios、 Fetch等;
●JS包管理器?有NPM、Yarn、Bower、 PNPM等; .
●JS模块加载器?有RequireJS、SystemJS、 StealJS、 ES Module Loader等;
●JS任务管理工具? Grunt、Gulp、Webpack 监听文件变化,自动执行任务;
●JS 静态化支持?有TypeScript、CoffeeScript、 Flow、 LiveScript 等;
●JS代码后处理工具?围绕混淆器、缩小器、优化器诸多领域有各种各样的loader等;
●JS打包工具? Webpack、Rollup、 Parcel、 Browserify等;
●JS模板引擎?有handlebarsjs、etpl、 templatejs 甚至各大前端框架内置的模板语法等;
●JS非Web框架?在物联网、区块链、大数据等领域均有相关库支持,本文不涉及。
●JS进程管理?有Forever、 PM2、StrongLoop Process Manager等;
●...甚至编辑器、IDE、CSS预处理器、代码托管平台、团队开发模式(纯前端、重后端、前后
分离)、WebAssembly、 Serverless、 JS DevOps等都可以加到项目的技术选型范围内。
因此可以看出,技术选型便是针对能让项目成功运转各个环节寻找相应的解决方案;工作流
(Workflow)是所有解决方案融合后的落实流程;而工具链(Toolchain) 便是工作流下所有实现
方式的汇总,同时一-个工具也能代表-一个解决方案。





仍未找到你需要的内容? 联系客服