- 博客(29)
- 收藏
- 关注
RSS订阅原创 echarts省市区id（区域编码）实现地图下钻点击（data赋值自定义属性值，geojson信息获取）
图表区域渲染，根据区域省份编码id，geojson自定义属性下钻
2023-01-17 12:41:28
6407
原创 vue-cli3 接口api代理 308 Permanent Redirect
以前用的都是vue-cli2脚手架做vue项目，最近想着得跟着时代的步伐，于是更换成了vue-cli3，结果后台给了个https://xxx.xxxx.xx的代理地址，一开始代理模块自己如下写法,结果就有了接下来的接口骚操作 devServer: { // 配置代理 proxy: { "/api/v1": { target: 'https://xxx.xxx.xx', changeOrigin: true,
2020-07-25 12:38:08
3244
3
原创 全屏按钮实现，某个块元素全屏展示，全屏按钮图标监听，监听全屏事件，全屏dom里面el-select选项不显示解决
前言：有些时候遇到bug与其把事情想得复杂，还不如回去看看官方文档。做系统难免会遇到要做到全屏查看的需求，以下即为全屏代码的实现。<template><div><div>测试全屏测试全屏测试全屏测试全屏测试全屏测试全屏测试全屏</div><button type="button" @click="btnFull">全屏...
2019-11-03 11:22:59
2535
2
原创 vue项目ie中报语法出错
1、配置.babelrc{ "presets": [ ["es2015"], ["env", { "modules": false, "targets": { "browsers": ["> 1%", "last 2 versions", "not ie <= 8"] } }], "stage...
2019-10-02 13:55:14
679
原创 CSS常见基础布局(满屏布局，左右，左中右布局）
1、满屏布局<!DOCTYPE html><html><head> <title>满屏</title> <style> * { margin: 0; padding: 0; } html, ...
2019-08-03 14:43:21
2323
原创 Vue页面数据刷新处理（路由$route监听+Vuex处理）
需求如下：如下问卷调查中，每做完一个问卷，相应的新任务数量（红色label）跟个人任务列表都需要少一条数据，假设下面截图一为页面1，截图2为页面2，页面2为页面1的子路由，如:{path:'/page1',component:PageOne,children:[{path:'page2',component:PageTwo}]},当由children路由/page1/page2跳回page1时，当...
2019-05-15 18:13:40
6942
原创 自定义封装Vue倒计时组件vuecountdown
前几天移动端问卷项目设计到一个倒计时功能，因此，趁着五一闲暇之余折腾了一下午封装一个vue倒计时组件并将其上传到npm，希望能帮到一些小伙伴~组件开始效果跟结束效果github地址：https://github.com/applebring/DirCountDown.git组件未上传源码文件目录:src/packages/countdownvue文件中引用1、下载该组件no...
2019-05-02 00:34:01
2788
2
原创 Vue中引入高德地图cdn链接方式汇总（可按需加载）
随着时间流逝，人的初心是否会改变呢？今日博客分享vue引入高德地图几种方式~1、方式一，引用封装好的vue-amap组件，具体操作见官方文档官网链接：https://elemefe.github.io/vue-amap/#/zh-cn/introduction/installnpm install vue-amap --save由于vue-amap封装的功能有限，因此不可避免的需...
2019-04-30 12:34:53
5803
4
原创 基于zTree的常用成员管理树图级联选择(仿穿梭框功能)
广州这几天的天气异常寒冷，前几天搞一个系统需要实现菜单管理，而菜单管理页则需要涉及到给用户授权访问菜单，因此需要选择相应的可访问成员，之前在基于elementui的后台管理系统中用过它的树图组件，觉得挺不错的，因此决定自己封装一个jquery的ztree成员管理树图，在这淘宝双十二的夜晚，闲暇之余记录下自己的学习点滴------------前言源码地址：https://github.com/a...
2018-12-12 01:22:16
3240
1
原创 new Promise 结合ajax 单个请求与多个请求写法
前言：忽如一夜春风来，千树万树梨花开，今天的天气突然变得很冷，又是保暖之际。由于自己隔段时间会把promise的写法忘记，又参考了廖雪峰大大的学习文章，小记写法汇总。单个ajax请求执行写法new Promise(function (resolve, reject) { log('start new Promise...'); var timeOut = Math.rand...
2018-10-10 07:07:08
3139
原创 从nodejs小白到结合mongoDB，express的移动端小项目制作
分享自己如何从小白了解node，感谢nswbmw大神github上https://github.com/nswbmw/N-blog这一项目让小白可以搭建数据库跑起一个简单项目。直接进入本人学习心得，自己学了大神github项目后大概整理了一个快速学习版，希望能帮助到跟我一样node不知道如何入手的，整个node搭建流程如下(ps：期间对express的封装突然疑惑了下，疑问express的封装...
2018-09-17 22:43:02
1026
原创 vue项目后台给登录页面如何接入？一个接口+Vue-Router+Vuex简简单单实现登录
有时候急着学更多新知识会把最基础的遗忘，以前使用PHP那会还知道表单序列化，最近通过form获取里面所有name属性对应的控件值却把document.getElementById('表单Id').serializeArray()给遗忘了，通过遍历name属性去获取表单控件值-----勿忘初心需求：之前项目大都是后台进行最后的登录接入，现在用了vue需要前端自己通过实现登录页面，以博客登录为例，...
2018-08-29 16:08:25
19028
3
原创 自定义基于elementui的仿QQ邀请成员进群树图模糊搜索组件可实现默认选中部分选项，删除选项，搜索展示子节点
需求：项目经理要求实现一个类似QQ成员系统管理的组件来进行成员系统权限的添加，可多选可查询，本来想用elementui树图组件，但是elementui树图搜索父节点却没展示子节点，于是在之前改过elementui组件一波三折后直接自己上手写了个组件，本组件树还是引用了elementui的树图组件，因此请在vue项目中添加入element-ui,本组件可嵌入模态弹框中github地址：https...
2018-07-28 20:40:54
846
原创 Vue通过for循环随机生成不同的颜色或随机数
需求：随机生成不同的如下图标的背景颜色方法：本来通过计算属性渲染出随机颜色，然而计算属性是一次性获取值，即使你把RandomColor引入v-for中也没有用，得到的只会永远是同一颜色，除非刷新页面颜色才改变，但是还是没法实现五颜六色的功能，因此，换了中思路，直接在v-for循环中加入随机生成颜色代码，即可快速得到不同颜色的方块。 computed: { RandomColo...
2018-07-19 14:23:20
14804
4
原创 基于elementui源码实现自定义穿梭框transfer组件
需求:更改elementui中el-transfer样式， 实现单击左侧选项即加入右边选框，单击右侧选项即可回到左侧选框，中间左右来回按钮更改为左侧全选右侧全选本以为自己能够不看elementui源码实现这需求，在折腾了一天还没实现后，还是回归到其源码进行研究，自己通过纯vue实现主要遇到了以下问题:若是不需要进行模糊查询可通过index进行增删改查实现穿梭框功能，但是若是加入模糊查询则问题百出，...
2018-07-15 23:38:08
23463
8
原创 CSP内容安全策略与vue-cli中转化为base64文件冲突解决方法
出现问题:后台为了防止XXS攻击加入了CSP内容安全策略设置，导致vue-cli中通过url-loader处理为base64的字体文件和图片文件因为违反规则而出现图标不出现解决方法：（1）后台处理以IIS为例： <add name="Content-Security-Policy" value="default-src 'self';" />在上面的代码中加入允许规则，改为如下 ...
2018-06-27 09:15:35
2379
原创 vuex踩坑记-注入store过程中vue文件报错store is not define,state is not define..各种undefine
一、引入store到vue组件中（1）store.jsimport Vue from 'vue';import Vuex from 'vuex';Vue.use(Vuex);const state={ isCollapse:false}export default new Vuex.Store({ state});（2）main.jsimport Vue from 'vu...
2018-05-19 22:09:20
32453
9
原创 select2可输入可模糊匹配选择实现省市站级联选择(数据载入后默认为空值)
需求：选择省-市-站场，选择省后才可选择市，选择市后才可选择站点，选择默认值为value=""网上百度一大堆走了好几次弯路后乖乖回归文档解决了文档地址：https://select2.org/引入插件文档：<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel...
2018-04-27 11:46:06
2188
原创 Vue中使用Vuex对象展开运算符写法“...”出错
问题：解决：修改.labelrc文件配置{ "presets": ["es2015", "stage-2"], "plugins": ["transform-runtime"], "comments": false,}
2018-04-22 23:16:31
3878
1
原创 echartGL中option各3D配置属性配置详解
最近，接手一个项目需要实现echart中各种3D图表样式，我还是一如既往的从研究echart配置项中各属性含义开始入手，由于自己需要实现的是柱状图效果，类似地图3D 效果在这里不展示，直接进入自己所研究的内容1、grid3D希望上面的图片能够加深对grid3D各个属性的理解，本人直接采用echarts官网中的例子http://gallery.echartsjs.com/editor.html?c=...
2018-04-02 18:39:53
18775
13
原创 安装基于Vue-cli脚手架的Vue项目
安装一个基于vue-cli脚手架的vue项目：1、cnpm install vue-cli2、vue init webpack 项目名字（demo）截止一路enter键，安装vue-router是输入y，其他均为n3、cd demo4、修改config中index.js文件，将autoOpenBrowser改为true(此处设置可自动打开浏览器，不需要则不用），输入npm run dev则可看到v...
2018-03-20 09:51:24
211
原创 高德地图实现对应车辆的轨迹回放与轨迹的清除重绘制(浏览器支持： PathSimplifier目前依赖Canvas进行绘制，因此不支持IE9及以下浏览器)
最近项目实践中接触高德地图比较多，也发现高德地图新增了一系列的UI组件库，因此遇到一些新问题也只能自己琢磨。页面需求：查询输入框实现车辆的对应轨迹，在地图上显示相应的轨迹（此处，上一辆车的轨迹必须清除才能绘制下一辆车的运动轨迹）自己写了个类似功能的demo效果如下：项目中一般是通过输入车牌号并通过查询按钮请求接口得到数据并进行渲染（效果图如下）此处直接用静态数据+两个车辆按...
2018-03-10 14:26:14
18549
7
原创 高德地图实现矩形围栏绘制和编辑
需求：在地图上实现围栏绘制，并在围栏区域显示相应的数据，围栏可编辑实现：在高德地图上绘制围栏：绘制围栏和编辑围栏使用高德自带的插件AMap.PolyEditor,AMap.CircleEditor,AMap.MouseTool直接贴入代码如下：<!doctype html><html><head> <meta charset="utf-8"&g...
2018-03-07 17:09:20
24192
16
原创 将后台返回数据去重并渲染到树状图上
今天做项目时遇到了个树状图渲染的问题，这边要求最终实现效果如下，显示所有企业所有的汽车车牌号:后台返回的数据格式将每个企业对应的车辆分别为一条一条数据，我当时的想法是让后台返回一个企业为一个对象，该对象又包含着一个车辆数组对象，鉴于后台同事说接口没法实现这样的数据格式，因此实现字段处理需要前端来实现。后台返回的数据：var items=[{"Cid":11,"Cname":'企业1',"Pno":...
2018-02-24 22:42:46
4148
1
原创 echarts柱状图（柱条颜色渐变，多条数据显示指定数据数）
(上一篇echarts饼图与本页例子代码可在github（https://github.com/applebring/echarts-）上下载)--本打算与上一篇写一块，为防止篇幅过长分开写，echarts柱状图实现柱条渐变以及显示柱条数量限制最终实现样式为：先用图解释几个属性：tooltip.axisPointer.type:shadow:tooltip.ax
2018-02-04 19:06:51
20772
原创 echart图表环形图（饼图）
最近由于项目需要接触了echart图表插件，由于echart表格配置项比较多，因此整理了自己遇到的一些图表并且粘贴出代码，echarts官网API http://echarts.baidu.com/option.html#title首先，用图示解释几个配置option属性tooltip:legend:labelLine:需要实现的效果图如下，直接贴上代码，各配置项已在代码中通过注释说明
2018-02-03 00:49:56
13675
原创 IE11不兼容css3渐变属性
最近做项目发现IE9兼容css3中渐变属性，到了IE11居然反而不兼容，一开始一直用低版本的IE测试兼容性，才发现低版本IE兼容的IE11不一定兼容，后来解决方法是，在样式最前面加入background设置不渐变的颜色，这样一来当渐变样式不出现，也可以有个初始的背景颜色，不至于按钮背景为白色且字体为白色时候按钮看不见，下面粘贴样式代码：background:#88D8F6;backgr
2018-01-23 12:52:21
8442
6
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人