- 博客(51)
- 资源 (2)
- 收藏
- 关注
RSS订阅
原创 大数据可视化平台Demo
大数据可视化平台1.echarts实现中国地图，世界地图，关系图，柱状图，饼图等来实现漂亮的大数据可视化平台2.github代码实现链接地址：（link）(https://github.com/mandyzhaoinsightzen/map-bigdata-demo.git)...
2019-08-02 15:38:43
9225
原创 如何用echarts实现颜色渐变半圆形仪表盘
代码: 如何用echarts实现颜色渐变半圆形仪表盘 如何用echarts实现颜色渐变半圆形仪表盘 github完整代码地址：https://github.com/mandyzhaoinsightzen/echarts-gauge.git效果图:...
2019-07-10 17:27:39
2083
1
原创 # 动态添加tab选项卡及tab页面内容（ajax请求json数据）
1.实现效果2.html部分： 3.js部分:$(document).ready(function () { $.ajax({ url:"./json/tab_General.json", //tab数据存储在json中 type:"get", dataType:'json', success: function...
2019-04-17 14:51:56
2307
原创 img标签-访问绝对路径图片出现403的解决办法
403是防止盗链的错误（这种设计，是api厂商正常保证自己的服务器不被刷流量）// 把现在的图片连接传进来，返回一个不受限制的路径。img标签-访问绝对路径图片出现403的解决办法。这种方案不仅针对图片的防盗链,还可以是其他标签.img/image标签的referrer。在前端页面头部添加一个meta。1.referrer的几种状态。a标签的referrer。图片请求显示403打不开。
2023-05-23 16:06:09
1598
原创 cookie sessionStorage localStorage 区别
Cookie、SessionStorage、 LocalStorage数据共享都遵循同源原则，SessionStorage还限制必须是同一个页面。在前端给后端发送请求的时候会自动携带Cookie中的数据，但是SessionStorage、 LocalStorage不会。：cookie是由服务器端写入的，而SessionStorage、 LocalStorage都是由前端写入的。cookie的生命周期是由服务器端在写入的时候就设置好的，LocalStorage是写入就一直存在，除非手动清除，
2022-10-12 10:06:25
203
转载 Flex 布局详解
网页布局（layout）是 CSS 的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。Flex 布局将成为未来布局的首选方案。本文介绍它的语法，下一篇文章给出常见布局的 Flex 写法。网
2022-05-24 16:02:31
470
原创 Vue.nextTick()使用场景
什么是Vue.nextTick()？？定义：在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。所以就衍生出了这个获取更新后的DOM的Vue方法。所以放在Vue.nextTick()回调函数中的执行的应该是会对DOM进行操作的 js代码；理解：nextTick()，是将回调函数延迟在下一次dom更新数据后调用，简单的理解是：当数据更新了，在do...
2022-05-20 14:04:24
258
转载 微信小程序部署到线上环境
微信小程序部署到线上环境lu92649264 2018-09-05 12:32:15 49471 收藏 70分类专栏： 微信小程序部署到线上环境 文章标签： 微信小程序部署到线上环境版权网址：http://ivononic.com/3pvo微信小程序部署到线上环境一.微信小程序申请申请，并认证（未认证不能发布，认证需要300元，目前只支持企业认证）详细见官网说明。https://mp.weixin.qq.com/cgi-bin/registermidpage?action=index&a
2022-05-20 13:51:07
2509
转载 vue+element-ui大文件的分片上传和断点续传js-spark-md5和browser-md5-file
http://www.javascriptcn.com/post/35682https://github.com/satazor/js-spark-md5vue+element-ui大文件的分片上传和断点续传js-spark-md5和browser-md5-file注意：以下共两份代码片段，第一份为原博主链接代码，第二份自己写的整体代码（比较乱）1.参考 https://www.cnblogs.com/kelelipeng/p/10158599.html （js-spark-md5和browser-
2022-05-20 13:49:09
1383
原创 html+css 实现元素水平与垂直居中效果方法汇总
html+css 实现元素水平与垂直居中效果方法集合布局分类一.水平居中布局效果图：1）display.inline-block+text-align利用 display:inlin-block 将元素设置为具有文本元素的性质，然后利用文本对齐属性 text-align 来设置对齐方式，center 即为水平对齐2）. 定位 + transform父元素开启定位，子元素设置绝对定位，left 设置为 50%，再使用 transform: translateX(-50%)将子元素往反方向移动
2022-05-20 13:43:33
370
转载 Vue中的生命周期
Vue中的生命周期什么是生命周期呢？1.当前组件在创建到销毁经历的一系列过程，称之为生命周期2.生命周期的分为几个阶段？每个阶段有哪些钩子函数？3.生命周期分为3个阶段，这三个阶段分别是： 初始化 、 运行中 、 销毁初始化阶段：有4个钩子函数，触发条件是自动的List itembeforeCreate组件即将创建，进行组件事件和生命周期的初始化项目中一般不使用有的开发者也会在这里进行数据请求- created组件创建完成项目中：1） 异步请求接口数据2） 数据修改
2022-05-17 15:42:58
108
转载 搭建一个vue项目完整步骤及详细讲解
一、安装node环境1、下载地址为：https://nodejs.org/en/或者使用淘宝的镜像安装 输入：npm install -g cnpm –registry=https://registry.npm.taobao.org 2、检查是否安装成功：如果输出版本号，说明我们安装node环境成功 3、已安装Node无需在安装，未安装需自行安装node.js二、搭建vue项目环境1、全局安装vue-clinpm install --global vue-cli 2、进入你的项
2022-05-17 11:22:42
3853
原创 http请求参数之Query String Parameters、Form Data、Request Payload区别
作者:mandy在与server端进行数据传递时，通常会用到GET、POST方法进行参数提交，而参数提交的方式，通常取决于server端对数据的接收方式。1.Query String ParametersQuery String Parameters当发起一次GET请求时，参数会以url string的形式进行传递。即?后的字符串则为其请求参数，并以&作为分隔符。如下http请求报文...
2022-05-10 15:48:44
781
原创 vue调试工具vue-devtools安装及使用
vue调试工具vue-devtools安装及使用本文主要介绍 vue的调试工具 vue-devtools 的安装和使用工欲善其事, 必先利其器, 快快一起来用vue-devtools来调试开发你的vue项目吧安装:1.到github下载：git clone https://github.com/vuejs/vue-devtools2.在vue-devtools目录下安装依赖包cd vue-devtoolscnpm install3.修改manifest.json文件把"persist
2022-05-10 15:30:02
1218
原创 node_modules\node-sass: Command failed.错误解决
node_modules\node-sass: Command failed.错误解决错误信息如下：gyp verb check python checking for Python executable "python2" in the PATHgyp verb `which` failed Error: not found: python2gyp verb `which` failed at getNotFoundError (C:\Program Files (x86)\Jenkins
2021-12-02 17:49:56
14143
原创 vue-context-menu-实现鼠标右键事件
第一步：安装vue-context-menunpm install vue-contextmenu --save第二步：在main.js中引用import VueContextMenu from 'vue-contextmenu'Vue.use(VueContextMenu)第三步：给需要点击的元素绑定事件<div @contextmenu.native="contextmenu" >右键点击我弹出菜单</div>这是点击过后显示的菜单<vue-conte
2021-12-01 17:05:02
2720
转载 cron-validator：验证cron表达式-支持?-支持秒
定时验证器Cron Validator 是一个实用程序，它允许您验证 cron 表达式，类似于crontab guru所做的，但在您的代码库中。安装npm install cron-validator用法需要语法：const cron = require('cron-validator');if (cron.isValidCron('* * * * *')) { // Do something}或者使用 TypeScript 导入语法：从’cron-validator’导入{
2021-11-25 10:36:50
1733
转载 Cron表达式详解和表达式的验证
Cron表达式详解和表达式的验证本篇不算原创，因为主要内容来自网上的博客，所以给出我参考文章的链接。本文cron表达式详解的大部分内容参考了[cron表达式详解]和Quartz使用总结、Cron表达式 这两篇文章。cron校验的内容参考了 判断cron表达式输入是否有效的正则表达式 和Verifying a cron expression is valid in Java 这两篇文章。一、表达式组成Cron表达式是一个字符串，字符串以5或6个空格隔开，分为6或7个域，每一个域代表一个含义，Cron
2021-11-24 17:19:36
4940
1
原创 ESLint学习（一）简介、安装、配置、命令行、规则
ESLint学习（一）简介、安装、配置、命令行、规则简介ESLint 是一款开源的 JavaScript lint 工具，由 Nicholas C. Zakas 于2013 年创建。借助 ESLint，可将 静态代码分析 和 问题代码协助修复 集成到 编码、提交 和 打包 过程中，及早发现并协助修复代码中：有语法错误的部分不符合约定的样式准则的部分不符合约定的最佳实践的部分在项目开发中获得如下收益：在执行代码之前发现并修复语法错误，减少调试耗时和潜在 bug保证项目的编码风格统一，提高可维
2021-11-24 17:17:17
1007
1
原创 ‘webpack-dev-server‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件。
‘webpack-dev-server’ 不是内部或外部命令,也不是可运行的程序 或批处理文件。解决办法1.删除node_module重新执行 npm install2. 执行指令npm i webpack-dev-server -D3.继续运行npm run dev4.运行成功，不在报错...
2021-11-02 14:34:13
3104
3
原创 正确安装了yarn之后，在vscode中使用yarn安装，报错。
问题描述：正确安装了yarn之后，在vscode中使用yarn安装，报错。报错解决方案1.以管理员身份打开vscode2.执行：get-ExecutionPolicy，显示Restricted，表示状态是禁止的;3.执行：Set-ExecutionPolicy -Scope CurrentUser4.执行：set-ExecutionPolicy RemoteSigned;5.这时再执行get-ExecutionPolicy，就显示RemoteSigned;...
2021-10-12 14:00:18
1091
原创 vue + elementUI 阻止按钮重复提交（自定义指令）
vue 阻止按钮重复提交（自定义指令）1.stopBtnRepeat.js复制代码// 阻止按钮重复提交import Vue from ‘vue’Vue.directive(“stopBtnRepeat”, {bind: function (el, binding) {function clickHandler(e) {if (el.contains(e.target)) {if (!el.disabled) {el.disabled = truesetTimeout(() =>
2021-07-08 15:40:50
866
1
原创 vue+ElementUI实现多层级数组筛选-检索
vue+ElementUI实现多层级数组筛选** 需求：现有一个多层级数组，层数不固定，想要通过输入一个关键字，能够将整个数组遍历一遍，然后将与name模糊匹配上的元素筛选出来，而且还要保留其所在的层级结构。**1.示例数组var menuList=[{“name”: “一级A”,“children”: [{“name”: “一级-1”,“children”: [{“name”: “一级-1-1”,“children”: [{“name”: “一级-1-1-1”,“type”: “
2021-07-08 15:24:26
4381
原创 VUE项目中如何使用SCSS
VUE项目中如何使用SCSS首先要了解什么是CSS 预处理器？ SCSS是一种CSS预处理语言定义了一种新的专门的编程语言，编译后形成正常的css文件，为css增加一些编程特性，无需考虑浏览器的兼容性（完全兼容css3），让css更加简洁、适应性更强，可读性更佳，更易于代码的维护等诸多好处。CSS预处理语言有SCSS (SASS) 和LESS、POSTCSS那么SCSS和SASS 有什么区别呢· 文件扩展名不同，文件后缀分别是“.scss”和“.sass”· sass是以严格缩进语法规则来编写代码
2021-03-02 14:36:07
4980
转载 Node.js安装及环境配置之Windows篇
Node.js安装及环境配置之Windows篇from:https://www.cnblogs.com/zhouyu2017/p/6485265.html一、安装环境1、本机系统：Windows 10 Pro（64位）2、Node.js：v6.9.2LTS（64位）二、安装Node.js步骤1、下载对应你系统的Node.js版本:https://nodejs.org/en/download/2、选安装目录进行安装3、环境配置4、测试三、前期准备1、Node.js简介简单的说 Node
2021-02-20 14:13:34
73
原创 vue如何实现对浏览器关闭或浏览器进程异常时清除用户鉴别信息，重新登录
vue如何实现对浏览器关闭或浏览器进程异常时清除用户鉴别信息，重新登录在默认情况下，非正常退出时，session有效期内可直接访问系统，session对象在关闭浏览器后并不是立刻被销毁，因此，为了考虑系统的安全性，在用户退出时，需要即刻清除session对象，防止他人盗用session对象中的信息。解决方法：在beforeunload方法中调用退出登录的方法loginOut。清除登录信息。mounted () {window.addEventListener( ‘beforeunload’, e
2020-07-13 14:56:36
1574
2
原创 Vue设置如何设置全局通用样式
Vue设置如何设置全局通用样式1.在assets文件下新建要放置全局通用样式的css文件，写入全局样式。2.在main.js页面引入新建的通用的样式，在其他页面都可以调用通用页面的样式。
2020-07-01 11:00:27
9964
1
原创 Git 输错账号密码如何重新输入
Git 输错账号密码如何重新输入报错：remote: HTTP Basic: Access deniedfatal: Authentication failed for ‘git 地址’解决办法：1.打开控制面板（快捷打开win+R，输入control）2.点击打开用户账户3.点击凭据管理器4.点击windows凭据删除你的git凭据或者点击修改git链接修改为正确的账号和密码保存。...
2020-06-24 14:01:21
1451
原创 css text-overflow:ellipsis ，溢出文本显示省略号
1.问题描述：内容太多展示不下，影响页面效果2.解决方法：css中中添加如下代码; // A code block <div class=".div"></div> css: .div{text-overflow: ellipsis;//显示省略号 white-space: nowrap;//不允许换行 overflow: hidden;/...
2020-04-28 14:04:34
338
原创 Vue中判断对象是否为空的方法
Vue中判断对象是否为空的方法1.JSON.stringify(evtValue)=='{}'2.Object.keys(xxx).length==0
2020-04-20 13:56:45
1936
原创 实现大数据可视化超好用的插件
实现大数据可视化超好用的插件echarts ：官网： https://www.echartsjs.com.实例： https://gallery.echartsjs.com.highcharts：官网： https://www.highcharts.com.cn/.实例： https://www.highcharts.com.cn/demo/highcharts.地图： https:...
2020-03-09 14:29:56
652
原创 Echarts实现好看的饼图 (pie）
1.echarts实现好看的饼图 （pie）2.实现代码 this.chPie = echarts.init(document.getElementById("gender-pie-chart")); var nameData = ["Males", "Females"]; var option = { animation: true, ...
2020-03-06 12:52:59
3894
原创 npm ERR! [email protected] dev: `webpack-dev-server --inline --progress --config bui
npm ERR! [email protected] dev: webpack-dev-server --inline --progress --config build/webpack.dev.conf.jsnpm ERR! Exit status 1原因：这是新版webpack存在的BUG，卸载现有的新版本webpack，装老版本就好。解决方法：（1）n...
2020-02-18 13:39:27
2136
原创 npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\Lenovo\AppData\Roaming\np
报错：npm ERR! A complete log of this run can be found in:npm ERR! C:\Users\Lenovo\AppData\Roaming\npm-cache_logs\2020-02-18T05_24_41_971Z-debug.log说明：全局脚手架和本地脚手架版本不一样运行cmd命令npm install npm -g 要...
2020-02-18 13:38:39
35632
1
原创 2020年几个受欢迎的vue前端UI框架
2018年九个很受欢迎的vue前端UI框架一：Element官网地址：http://element-cn.eleme.io/#/zh-CN介绍：Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库，提供了丰富的PC端组件。二：iview官网地址：https://www.iviewui.com/介绍：iView 是一套基于 Vue.js 的开源 UI ...
2020-02-18 11:36:32
5910
转载 如何修改Vue打包后文件的接口地址配置
如何修改Vue打包后文件的接口地址配置1、背景常规的vue项目分为本地环境和生产环境，我们只要对 config 文件夹下的 dev.env.js 和 prod.env.js 做相应的配置即可。但是最近在做的项目中，涉及到私有化部署，就是对应的生产环境的地址，不是唯一的。如果每次都修改一个地址，再打包文件进行部署，过程繁琐且低效。那么如何把环境地址设置成可配置的，不需要再构建代码就能直接生效呢？...
2020-02-14 10:13:58
319
原创 element-ui组件扩展--自定义分页组件
element-ui组件扩展–自定义分页组件*想要封装好一个组件，必须要熟练掌握这三个知识点：1.父组件传值到子组件（props）2.子组件传值到父组件（emit）3.插槽使用（slot）。对于一个独立的组件，props是用来为组件内部注入核心内容；emit）3.插槽使用（slot）。对于一个独立的组件，props是用来为组件内部注入核心内容；emit）3.插槽使用（slot）。对于一个...
2020-01-02 16:02:38
1431
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人