随笔分类 - Vue
摘要：前言 由于最近在我司开发中开启了Vue3的重构工作。于是乎，Vue组件库的抽离工作开启，此次算是基于 vue3.x + element-plus 的二次封装，封装常见通用组件。一年前做了 react+antd的组件库 的整合及示例，一年后再看该方案还有诸多缺陷，发现了很多新的东西可以用，在本次的Vu
阅读全文
摘要：vite-plugin-easy-mock 前言 开发项目时想要有个很容易mock本地数据的插件，只需要 vue.config.js 或 vite.config.js 中加载，然后按照规则即可使用mock数据，开启本地服务器则自动代理mock数据（可根据环境判断是否需要加载该插件），不需要开启额外的
阅读全文
摘要：在用vuex的时候会遇到需要引入当前文件夹下的所有文件例如引入module文件夹下所有的js文件 通常可以再module文件夹下建一个index.js 文件，然后在index文件里统一export 导出 但其实可以更方便，require.context这个方法可以满足需求，不需要再每次都要在inde
阅读全文
摘要：H5 页面在做某个活动的时候，有两种分享方式，一种是链接分享，一种是图片分享。 链接分享的话，如果是在微信里，就可引导用户利用微信浏览器自带的分享，根据sdk设置分享标题简介链接缩略图即可。 图片分享的话，一定是要有个二维码，通过识别二维码来进去活动地址，但有时候这个地址是后端返回的，可能会变化的地
阅读全文
摘要：在前端写一个弹窗可能很简单，那如果同时有多个弹窗呢 这样的话就要考虑弹窗的展示问题，肯定是不能叠加在一起的，这时候就要通过队列（先进先出）来展示 思路就是根据队列来实现，至于具体的实现方式，可以在项目中灵活运用 在vue中可以通过vuex存储队列，用watch方法来监听队列的变化 举个🌰 1. 在
阅读全文
摘要：在用 echarts 画旭双饼图( https://www.echartsjs.com/examples/zh/editor.html?c=pie-nest )的时候，经常会伴随着点击事件 如果想要在点击内饼图的时候获取对应的数据动态展示外饼图的变化 像这样： 要如何实现？ 因为外饼图的数据是随着点
阅读全文
摘要：前言 现在已经是vue-cli3.x webpack4.x 的时代了，但是网上很多拆包配置还是一些比较低版本的。 本文主要是分享自己的拆包踩坑经验。 主要是用了webpack4 的 splitChunks 来进行拆包的配置以及在配置中的一些踩坑。 首屏加载的优化主要在于两个方面，一个是减小包的总体积
阅读全文
摘要：在开发的时候，经常会涉及到组件之间的通信。简单的有父子组件的通信，兄弟组件的通信通常可以借助Bus来进行。当然也可以用vuex来进行状态管理，但是，有时候用vuex未免有把简单的问题复杂化。 如果要进行状态管理的话，比如要存取用户信息，这时候可以利用 Vue.js 2.2.0 版本后新增的 API
阅读全文
摘要：在前后端分离开发项目时，经常会有前后端进度不一致，可能前端界面开发已经完成，就等接口了，如果等接口出来再联调的话时间可能会来不及。 这个时候，前端就可以根据制定好的接口规范和接口文档来mock接口数据，这样等后端接口开发完成之后也不至于太匆忙。 Koa 是一个由 Express 幕后的原班人马打造的
阅读全文
摘要：1. z-index无效，设置层级，发现再ios中无效，后来发现是设置了 -webkit-overflow-scrolling:touch 设置这个属性之后。层级设置失效 2.@keyup事件的问题，ios自带输入法不触发keyup事件导致vue双向数据绑定错误 解决这个问题，就是吧keyup事件要
阅读全文
摘要：用到这个的业务场景是这样的： a页面点击新建列表按钮进入到新建的页面b，填写b页面并点击b页面确认添加按钮，把这些数据带到a页面，填充到列表（数组），可以添加多条， 点击这条的时候进入到编辑页面，确认修改之后，回退到a页面，a页面需要更新这条数据 实现这个功能的时候，由于是路由页面之间的跳转，首先想
阅读全文
摘要：Hybrid App中，原生内嵌H5单页，由于安卓是有物理返回键的，按安卓物理返回键的时候会返回到上一个路由。 实际中需求是：当有弹层的时候，按物理返回键是关闭弹层，是页面的时候才执行返回上一个路由，所以需要对安卓进行兼容 开始的方案是Android原生重写方法onKeyDown()，H5 JsBr
阅读全文
摘要：Hybird App：H5内嵌APP，前端用vue，APP之间的交互处理，适配安卓ios, 为了降低开发成本，减少前端适配工作量，三端统一使用 WebViewJavascriptBridge 在进行后端接口请求的时候统一先把参数返给APP端，APP端进行加密之后，再返回给前端，前端再进行异步请求 由
阅读全文
摘要：vue中除了父子组件传值，父传子用props，子传父用$emit，有时候兄弟组件之间也需要传值 1. 先定义一个中间件，src下面新建self.js A组件要传值给B组件 要传值的组件A 要接受的组件B
阅读全文
摘要：vue的filter和angular的pipe管道类似，是过滤器 官网：https://cn.vuejs.org/v2/guide/filters.html 添加格式化日期的全局过滤器 在main.js中 若无需全局注册，可以直接在组件中定义 使用方法：组件中
阅读全文
摘要：官网传送 刚开始接触vue的时候，官网关于mixins的例子看了好几遍，发现还是不会用，包括vuex也是后来慢慢理解一点的，不过和vuex比起来。mixns还是很好理解，简单很多了 就我目前理解mixns，它就相当于一个中间件，可以把一些公用的函数，方法放到这个中间件，页面调用的时候只需要引入mix
阅读全文
摘要：新建文件夹store，store下: action.js getter.js mutation-types.js mutations.js index.js 头部公共组件components文件夹下 v-header.vue v-title.vue App.vue main.js 页面调用index
阅读全文
摘要：菜鸟一枚，业余一直想做个火车票查票的H5，前端页面什么的已经写好了，node+mongoDB 也写了一个车站的接口，但 接下来的爬12306获取车次信息数据一直卡住，网上的爬12306的大部分是python，node的资料比较少，而且本身也不会node.js, 没有任何基础，只能看着文档写几个小de
阅读全文
