xiubinxu的博客

配置Vue项目以解析Markdown。在Vue组件中引入Markdown。创建Vue项目和安装依赖。创建Markdown组件。创建路由并展示博客内容。

需要实现配置一种时间去执行定时任务，可能是每年一次，每月一次，每周一次，每天一次四种情况，最少配置一条，最多配置五条。年，月，周，日，时分秒是级联关系。点击提交，整体表单校验。3，表单校验rules的写的位置是每一个 el-form-item标签上，而不是el-form。1，表单对象的定义方法需要嵌套一层，不然就会报错。2，prop的动态绑定的写法。代码实现，具体看里面的注释。其实这里有几个需要注意的点。

前几天做了一个需求，主要是数据的上传和下载。但是区别于之前的是，这个数据量有点大，最多有。如果不做一些特殊处理的话，那么用户的体验会非常的差。

这样是不是省了一些，重复调接口的方法。

v-if是惰性的，如果初始条件为假，则什么也不做；v-show会生成vnode，render的时候也会渲染成真实节点，只是在render过程中会在节点的属性中修改show属性值，也就是常说的display；v-html会先移除节点下的所有节点，调用html方法，通过addProp添加innerHTML属性，归根结底还是设置innerHTML为v-html的值。v-if会调用addIfCondition方法，生成vnode的时候会忽略对应节点，render的时候就不会渲染；：v-if有更高的切换消耗；

然后再在index.scss中引入fonts.scss文件就行了（引入的时候注意路径是否正确）然后再创建一个fonts.scss文件（引入的时候注意路径是否正确）

A组件(是个弹框组件)

这里使用了activated和deactivated是因为我们的前端框架是后台管理系统，使用了keep-alive，我希望是做到进入我引入组件的页面建立sse，离开的话就关闭连接。需求：要实现一个 管理员启动、暂停、结束等一系列操作任务的时候，后端将消息通过EventSource传递给前端，前端展示出来。答：因为在和后端建立连接的时候，需要传递token用来建立身份标识，而eventSource的。没有找到相关传参的API，如果你这边不需要传递任何参数，两者用哪个都行。

突然间碰到一个比较丝滑的特效，就研究了一下想把它实现出来。效果：渐隐消失，底部往上走覆盖出现。以下是完整代码，复制粘贴即可运行。

本来写这个特效 我打算用css实现的，结果是一波三折，我太难了，最终没能用css实现，转战了canvas来实现。当然这个图的波浪高度、频率、位置、速度都是可调的，请根据自己的需求调整，如果你讲波浪什么的调大一下 还有有摆动的效果哦。如果你想看react的写法，请移步这里。

// 需要过滤的树形结构数组var arr = [{ pId: null, positionId: '01', children:[ {pId: '01', positionId: '00012', children:[]}, {pId: '01', positionId: '00013', children:[]}, {pId: '01', positionId: '00014', children:[]}, {pId: '01', positionId: '00015', childre

效果图<template> <div class="multi-distribution-head"> <c-product :selectObj="{productType:'一级难度'}" :isIncomingData="true" :productData="showTypeTree1" :defaultCheckedKeys="defaultCheckedKeys" :defaultProps

vue计算属性-computed目标: 一个数据, 依赖另外一些数据计算而来的结果语法一:computed: { "计算属性名" () { return "值" }}需求:需求: 求2个数的和显示到页面上<template> <div> <p>{{ num }}</p> </div></template><script>export defaul

效果图：上代码：// 表头数据格式export const columnsList= [ { key: 'vcAcct', title: '产品代码', align: 'center', fixed: 'left', minWidth: '200', sortable: 'custom' }, { key: 'vcAcctName', title: '产品名称', align: 'center', fixed: 'left', minWidth: '120', sortable: '' },

首先你需要一个github账号，所有还没有的话先去注册吧！https://github.com/我们使用git需要先安装git工具，这里给出下载地址，下载后一路直接安装即可：https://git-for-windows.github.io/1.进入Github首页，点击Your repositories=>New新建一个项目2.填写相应信息后点击create repository即可Repository name: 仓库名称Description(可选): 仓库描述介绍Publi

数据合计问题今天遇到了一个问题,项目中有一个数据列表,需要做合计,但是需求是名字相同的只做一次合计,如下图:所以做完后根据项目数据,自己造了一个json,做了一个dome,长个记性a: [{name: '张三', label: '1', num: 3}, {name: '李四', label: '2', num: 4}, {name: '王二', label: '3', num: 5}, {name: '张三', label: '1', num: 3}, {n

哈喽,大家好,今天我要介绍一下vue中怎么使用事件委托吧!那说到事件委托,那什么是事件委托呢?大佬就此略过吧,不懂得可以随便阅读一下.事件委托概念:那什么叫事件委托呢？事件委托也叫事件代理，JavaScript高级程序设计上讲：事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。太官方了,不够明了,举个例子吧有三个同事预计会在周一收到快递。为签收快递，有两种办法：一是三个人在公司门口等快递；二是委托给前台小姐姐代为签收。现实当中，我们大都采用委托的方案（公司也不会容忍那么

前端必备技能之一,按需分类有给的数据时候为了处理数据方便一些,后端给的数据可能不是我们想要的数据结构,这时候就需要你稍微做一点点的处理才能为自己所用现在有这样一个数组,后端给的,policyDtos: [{clazzType: 1, clazzTypeText: '限签', remark: '严格限签', sourceTypeText: '地区收集'}, {clazzType: 2, clazzTypeText: '限售', remark: '限售', sourceTy

** 今天项目中遇到这样的一个问题,感觉有必要记录一下.就是子组件的值是父组件中传过来的,当我在父组件改变了子组件的值的时候,发现子组件的视图并没有发生更新,肿么办?**思路: 只要强制更新视图就行了解决方法一: 使用了 key-changing// 父组件<div class="listBtns"> <el-button type="primary" size="mini" @click="extractData">提取数据</el-button><

在我们项目中是不是经常需要使用自定义的过滤方式来处理数据呢,如果一个项目中多个地方使用的话,建议写在全局哦// 处理时间的使用了moment,记得安装后再使用哦import moment from 'moment'/** * 简单处理 time YYYY-MM-DD HH:ss:mm */export function formatTime(time) { if (!time) return let arrTime = time.split(' ') return arr

Case 1vue项目在IE中自动读取缓存中的数据，不重新发请求解决方案：// 在每个请求上增加时间戳config.url = `${config.url}?_t=${+new Date()}`

1.src文件夹下新建util.js文件以便存放公共方法export default { rowspan: function (data) { var index = data; // 代码 return index; }}2.main.js中,将unils里的方法注册为全局方法：import utils from '@/util/util.js' Vue.prototype.utils = utils3.任意文件中使用mounted () { var index

基于 CountUp.js 的 Vue 组件, 简易数字动画跳动安装： npm install vue-countupjs --savemain.js： import VueCountUp from 'vue-countupjs' Vue.use(VueCountUp)html： <v-countup start-value="0" :end-value="1000"></v-countup>配置项： start-val