ProgramarQin的博客

计算时间控件两个日期相差多少月多少天

echarts中国地图散点实现自定义动画

前言：有些时候遇到bug与其把事情想得复杂，还不如回去看看官方文档。做系统难免会遇到要做到全屏查看的需求，以下即为全屏代码的实现。<template><div><div>测试全屏测试全屏测试全屏测试全屏测试全屏测试全屏测试全屏</div><button type="button" @click="btnFull">全屏...

前几天移动端问卷项目设计到一个倒计时功能，因此，趁着五一闲暇之余折腾了一下午封装一个vue倒计时组件并将其上传到npm，希望能帮到一些小伙伴~组件开始效果跟结束效果github地址：https://github.com/applebring/DirCountDown.git组件未上传源码文件目录:src/packages/countdownvue文件中引用1、下载该组件no...

1、配置.babelrc{ "presets": [ ["es2015"], ["env", { "modules": false, "targets": { "browsers": ["> 1%", "last 2 versions", "not ie <= 8"] } }], "stage...

需求：在地图上实现围栏绘制，并在围栏区域显示相应的数据，围栏可编辑实现：在高德地图上绘制围栏：绘制围栏和编辑围栏使用高德自带的插件AMap.PolyEditor,AMap.CircleEditor,AMap.MouseTool直接贴入代码如下：&lt;!doctype html&gt;&lt;html&gt;&lt;head&gt; &lt;meta charset="utf-8"&g...

今天做项目时遇到了个树状图渲染的问题，这边要求最终实现效果如下，显示所有企业所有的汽车车牌号:后台返回的数据格式将每个企业对应的车辆分别为一条一条数据，我当时的想法是让后台返回一个企业为一个对象，该对象又包含着一个车辆数组对象，鉴于后台同事说接口没法实现这样的数据格式，因此实现字段处理需要前端来实现。后台返回的数据：var items=[{"Cid":11,"Cname":'企业1',"Pno":...

出现问题:后台为了防止XXS攻击加入了CSP内容安全策略设置，导致vue-cli中通过url-loader处理为base64的字体文件和图片文件因为违反规则而出现图标不出现解决方法：（1）后台处理以IIS为例： &lt;add name="Content-Security-Policy" value="default-src 'self';" /&gt;在上面的代码中加入允许规则，改为如下 ...

需求：随机生成不同的如下图标的背景颜色方法：本来通过计算属性渲染出随机颜色，然而计算属性是一次性获取值，即使你把RandomColor引入v-for中也没有用，得到的只会永远是同一颜色，除非刷新页面颜色才改变，但是还是没法实现五颜六色的功能，因此，换了中思路，直接在v-for循环中加入随机生成颜色代码，即可快速得到不同颜色的方块。 computed: { RandomColo...

需求:更改elementui中el-transfer样式， 实现单击左侧选项即加入右边选框，单击右侧选项即可回到左侧选框，中间左右来回按钮更改为左侧全选右侧全选本以为自己能够不看elementui源码实现这需求，在折腾了一天还没实现后，还是回归到其源码进行研究，自己通过纯vue实现主要遇到了以下问题:若是不需要进行模糊查询可通过index进行增删改查实现穿梭框功能，但是若是加入模糊查询则问题百出，...

需求：项目经理要求实现一个类似QQ成员系统管理的组件来进行成员系统权限的添加，可多选可查询，本来想用elementui树图组件，但是elementui树图搜索父节点却没展示子节点，于是在之前改过elementui组件一波三折后直接自己上手写了个组件，本组件树还是引用了elementui的树图组件，因此请在vue项目中添加入element-ui,本组件可嵌入模态弹框中github地址：https...

有时候急着学更多新知识会把最基础的遗忘，以前使用PHP那会还知道表单序列化，最近通过form获取里面所有name属性对应的控件值却把document.getElementById('表单Id').serializeArray()给遗忘了，通过遍历name属性去获取表单控件值-----勿忘初心需求：之前项目大都是后台进行最后的登录接入，现在用了vue需要前端自己通过实现登录页面，以博客登录为例，...

分享自己如何从小白了解node，感谢nswbmw大神github上https://github.com/nswbmw/N-blog这一项目让小白可以搭建数据库跑起一个简单项目。直接进入本人学习心得，自己学了大神github项目后大概整理了一个快速学习版，希望能帮助到跟我一样node不知道如何入手的，整个node搭建流程如下(ps：期间对express的封装突然疑惑了下，疑问express的封装...

前言：忽如一夜春风来，千树万树梨花开，今天的天气突然变得很冷，又是保暖之际。由于自己隔段时间会把promise的写法忘记，又参考了廖雪峰大大的学习文章，小记写法汇总。单个ajax请求执行写法new Promise(function (resolve, reject) {   log('start new Promise...');    var timeOut = Math.rand...

广州这几天的天气异常寒冷，前几天搞一个系统需要实现菜单管理，而菜单管理页则需要涉及到给用户授权访问菜单，因此需要选择相应的可访问成员，之前在基于elementui的后台管理系统中用过它的树图组件，觉得挺不错的，因此决定自己封装一个jquery的ztree成员管理树图，在这淘宝双十二的夜晚，闲暇之余记录下自己的学习点滴------------前言源码地址：https://github.com/a...

(上一篇echarts饼图与本页例子代码可在github（https://github.com/applebring/echarts-）上下载)--本打算与上一篇写一块，为防止篇幅过长分开写，echarts柱状图实现柱条渐变以及显示柱条数量限制最终实现样式为：先用图解释几个属性：tooltip.axisPointer.type:shadow:tooltip.ax