![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
项目优化总结
文章平均质量分 65
莫尔道嘎老范
分享一些学习技术的经验以及做项目遇到的问题和解决,同时锻炼一下自己表达能力。文字叙述可能不是很精确,有疑问可以提出来大家一起进步!
展开
-
eslint+prettier配置流程
一套配置可实现保存代码时风格自动统一+基础eslint错误自动修复原创 2022-06-24 15:27:22 · 1766 阅读 · 0 评论 -
Vue通过配置文件更改打包后工程的url请求服务地址(避免重复打包)
代码开发的过程中分为生产环境和开发环境,生产环境是部署上线后的环境,而开发环境就是代码开发阶段所使用的环境,很多服务都是本地的;需求:代码打包之后,后端服务地址有变动,不想重新打包,能否通过修改某些文件的方式来进行修改?解决方案:在根目录下新建一个config.js文件,里面的信息就是生产环境的地址信息:然后在index文件中引入该js文件此时 ,在我们项目中的js代码中就能够直接拿到config文件内的信息了,也就是dataUrl这个对象;紧接着,在自己封装api时,一般会判断是生产环原创 2021-08-25 17:47:18 · 4638 阅读 · 6 评论 -
react根据表单上方值对下方表单项进行动态校验
需求:新增活动时,根据活动类型不同,决定图片和视频是否必填;类型1和3,图片必填,视频非必填类型2,视频必填,图片不必填使用的是antd解决方案:在本页面中定义一个数据为空数组(因为新增活动的数据是从数据中拿到的,也是数组)state={ Castype: [], }以下都在render(){}大括号内;活动选项:const options = [ { value: '1', label: '国家党建实事',原创 2020-11-30 17:17:47 · 676 阅读 · 0 评论 -
针对同一组件内较多不同模块进行组件封装,实现代码优化
需求:主页中有不同的频道,各个频道互不干扰,各自展示自己的文章数据思路: 1、找到数据接口2、封装请求方法3、在组件中请求获取数据,将数据存储到 data 中4、模板绑定展示根据不同的频道加载不同的文章列表,有一个 list 数组,用来存储数据列表查看 a 频道:请求获取数据,让 list = a 频道文章数据查看 b 频道:请求获取数据,让 list = b 频道文章数据查看 c 频道:请求获取数据,让 list = c 频道文章数据问题出现:1,需要声明很多不同的频道名称,原创 2020-10-20 20:19:48 · 384 阅读 · 0 评论 -
项目总结-4个相似功能弹框优化为同一个弹框
我们写代码时,往往会出现很多的相似代码,相似代码放在同一个组件中,会显得十分冗余,这时就需要我们用脑力来换体力,将相似代码复制过来是一个不需要怎么动脑的体力活,但是将相似代码对应的功能使用同一段代码来实现就需要动脑了;功能需求场景:如图所示,图中动态参数,和静态属性下都有添加参数和编辑button,而添加 和编辑所使用的弹框也十分相似,无非就是编辑时需要先获取点击时对应的属性id,然后通过id来获取该属性的值,然后渲染到弹框中,用户再进行修改,而添加操作则是空白弹框,用户编辑后进行提交即可;我这原创 2020-10-14 14:51:19 · 199 阅读 · 0 评论 -
项目优化-路由懒加载
打包构建项目时,javascript包会变得非常大,影响页面加载.如果能把不同路由对应的组件分割成不同的代码块,然后路由被访问时才加载对应的组件,这样效率就会的到提高,这就是路由懒加载:1,安装@babel/plugin-syntax-dynamic-import依赖包2,在babel.config.js配置文件中声明该插件3.在router.js中对路由进行分组导出(小的项目可以每个路由组件一个分组,使用的时候单独加载,也可以通过注释的方式将不同的路由组件进行分组):// import Logi原创 2020-10-13 19:22:18 · 116 阅读 · 0 评论 -
vue项目优化cdn具体操作总结
1,开发模式和发布模式下使用不同的入口文件,并进行不同的配置开发时重点放在具体功能需求的实现上面,完成需求之后在进行优化,比如cdn优化,首先配置不同的入口:在根目录下新建vue.config…js 文件module.exports = { chainWebpack: (config) => { // 发布模式 config.when(process.env.NODE_ENV === "production", (config) => { config.原创 2020-10-13 11:09:52 · 432 阅读 · 0 评论