用 vue 进行前端开发,怎么做到函数式编程呢?

每次做完项目,都会发现自己在代码的解耦,接口的封装方面做的还不够,后期必定会多次进行优化,在优化的过程中,就想到,如何把零散的代码,编程整体性更强的代码,使人一看到就知道手脚在哪里。在这里我的总结是,按功能点进行函数的封装,一个大点是一个函数,这个大点里面又有很多小点,可以把函数赋值给变量,进行使用,这样就不用每次都跳来跳去了,维护起来也更方便快捷。

vue-cli3 中静态文件怎么处理?
用 vue-cli2 的人习惯把静态文件放 static 或者 asset 里,放 asset 里,会被打包,不推荐,但是 vue-cli3 没有 static 文件,怎么办呢?我的答案是,放在 public 目录下,因为这个文件是不会被打包压缩的,一定程度上可以提高编译效率

代码抽离

把通用功能抽离到 utils 目录,把通用 api 进行二次封装,放到 api 文件里,以 export 的方式导出,需要的时候再引入,会使代码看起来简洁很多,也简化了对应页面的代码量,维护起来更是得心应手了,至于性能方面,对首屏加载速度还是有一定提高效果的。

组件抽离,核心思想,只抽离 ui,业务逻辑还是在引用处

多个 vue 组件引用同一个组件,且相似度高的,用 render 进行合并,并更新数据

html

尽量的减少页面的节点,可以优化网页的加载速度,所以应该考虑的思路是以最少的节点,写最多的页面。同时避免过多的操作 DOM,尽量以数据驱动页面。