vue实战
文章平均质量分 57
南麟剑首
前端开发
展开
-
微前端-qiankun-落地指北
微前端落地指北原创 2022-01-04 16:36:14 · 1144 阅读 · 3 评论 -
eventbus-免手动解绑方案
为什么会写这个包?跨层级组件传值,平级组件传值方案众多,五花八门,维护起来很费劲(如eventbus,inject-provider等等)vuex?redux?注意了,这两个技术产生的应用场景是全局数据管理,而不是用来处理大量业务数据监听,如果坚持用,那么最后随着项目庞大,store也会庞大,维护成本不言而喻。嗯~modules可以分模块维护,但是,依旧不建议,做技术的严谨性还是要有的eventbus不是可以解决以上问题嘛?没错的,但是会有一个问题,很多同学协作开发过程代码不规范,那就是只监听,不解原创 2021-09-06 17:57:36 · 299 阅读 · 0 评论 -
vue.config.js常用基础配置留档
1.分享一个vue.config.js的基本配置,至少能让你的代码体积缩小2/3,嗯,就这样,复制急用const CompressionPlugin = require('compression-webpack-plugin') // 代码压缩const UglifyJsPlugin = require('uglifyjs-webpack-plugin') // 去掉打印,注释等多余代码const { HashedModuleIdsPlugin } = require('webpack') // 只打原创 2021-03-26 16:12:59 · 190 阅读 · 0 评论 -
js常用函数封装和vue开发小技巧(持续添加)
移动端适配方案viewport插件选择 postcss-px-to-viewport配置 //安装插件 npm i postcss-px-to-viewport -D //根目录新建 .postcssrc.js // 文件内容 const path = require('path')module.exports = ({ file }) => { // 记住这里:设计搞多大就给多大,然后剩下的就按照设计稿实际宽高,写就好了 let designWidth =原创 2021-01-12 14:26:16 · 429 阅读 · 0 评论 -
vue怎么支持seo?
前言:首先明确一个知识点,为什么vue对seo支持不友好?其次仅仅vue对seo 的支持不好吗?react呢?angular呢?答:凡是spa项目对seo都非常不友好,为什么?这个跟网络爬虫有关跟spa的特性有关。第一,网络爬虫喜欢收录原创内容,于是乎我们很常用的手段就是发文章,原创或者伪原创去勾搭爬虫引起爬虫的重视,以此增长网站的权重对吧?但是spa呢偏偏收录不了,为什么?因为spa是单文件内容,意思是项目打包后,只有一个index.html对吧,此时你写一个文章页面如:article/1.html 这个原创 2021-01-11 18:29:26 · 806 阅读 · 1 评论 -
part04~开发通用前端UI框架(主题,国际化,高效打包,单测,组件文档)
定制主题所谓定制呢,就是将封装一些跟页面整体设计色值或者特殊设计相关的通用的颜色或者圆角等信息封装成变量然后存储成一个文件,这样我们就可以直接引用文件,使用变量,从而降低代码冗余度https://www.antdv.com/docs/vue/customize-theme-cn/这是Antd已经封装好的所有的变量,可以直接使用https://github.com/vueCo...原创 2020-04-08 01:13:18 · 421 阅读 · 0 评论 -
part03~开发通用前端UI框架(图表封装,高效mock,请求封装,表单校验,图标管理)
封装图表组件我们选择免费的,功能比较多的 Echart,当然了你也可以选择 AntV,也有 highChart安装 echart: npm install echarts --save新建 chart 组件库:components->chart->Chart.vue但是此时有些问题,就是这个组件的数据渲染的一些功能,有很多异步的操作,所以你想针对这个 dom 去操作时...原创 2020-04-02 09:58:00 · 847 阅读 · 1 评论 -
part02~开发通用前端UI框架之权限设计(路由,组件,指令)
设计左侧菜单和路由的关系注意了:左侧菜单往往跟当前 登陆者的权限有关系,这一类数据可能是后端返回的,可能是多级的关系,那么就要用到递归的方式,所以我们用 Antd 中‘单文件递归菜单’layouts->SiderMenu.vue递归当前 Antd 版本-1.5.0-rc.5 版本你会发现你复制过来的代码有点乱,还报错,还可能看不大懂对吗?因为这个代码中包含了左侧菜单的样式,还有一...原创 2020-03-31 02:30:33 · 536 阅读 · 0 评论