- 博客(59)
- 收藏
- 关注
RSS订阅原创 echarts中使用区域选择（brush）
场景在某些按周月年统计中，我们想看到任意某几天区域的数据总和时使用效果代码实现主要点 /*添加*/ brush: { toolbox: ['lineX', 'clear'], xAxisIndex: 0, throttleType: 'debounce',//开启选中延迟后调...
2020-04-09 14:34:12
11458
6
原创 JavaScript 错误 - Throw 和 Try to Catch
JavaScript 错误 - Throw 和 Try to Catch1.对JavaScript 错误 - Throw 和 Try to Catch的理解2.举个简单的例子3.这里面throw4.应用1.对JavaScript 错误 - Throw 和 Try to Catch的理解try 语句使您能够测试代码块中的错误。catch 语句允许您处理错误。throw 语句允许您创建自定义错...
2020-03-24 11:38:44
306
原创 vue同一个页面可以有多个router-view使用
vue同一个页面可以有多个router-view使用重点，在 { path: '/', name: 'Veaflet', meta:{title:'Veaflet'}, components:{ default: Veaflet, left:containerLeft, right:containe...
2020-03-19 16:47:18
2910
原创 获取浏览器cookies属性值
// 调用函数 let AdminName = this.getCookie(属性名字); let AdminName = this.getCookie('AdminName=nature'); let AdminPwd = this.getCookie('AdminPwd=nature');getCookie(cname) { var nam...
2020-01-09 15:53:13
1185
原创 js 轮询请求后台接口
1.应用于规定时间检查数据接口或者定期请求某个任务是否执行完毕2. /*轮询*/ setTimer () { let timer; axios.post(url, params) .then(function (res) { if(res){ console.log(res);...
2020-01-09 09:52:14
6068
原创 动态更换vue-title
1.根据业务不同，通常复用页面，但是为了便于区分，我们可以通过判断参数来动态修改title2./*更换title函数*/ Is_BookFun(){ let self=this; if(this.Is_Book=='1'){ // self.$route.meta.title='新建预订单'; ...
2020-01-09 09:49:00
126
原创 css样式穿透，用于修改ui框架样式
1.我们在使用ui框架时修改一些框架样式不生效时可以用到2.stylus的样式穿透 使用>>>外层 >>> 第三方组件样式.wrapper >>> .swiper-pagination-bullet-activebackground: #fffsass和less的样式穿透 使用/deep/外层 /deep/ 第三方组件 ...
2020-01-09 09:42:57
891
转载 抖音上很火的3D立体动态相册
https://blog.csdn.net/allen_csdns/article/details/103304924
2019-12-06 15:16:19
2897
原创 Promise异步调用两个函数，前一个函数结束后执行另一个函数
Promise异步调用两个函数，前一个函数结束后执行另一个函数/*保存*/ onSave(content){ /*异步压缩执行*/ let self=this Promise.all([this.ZMFile(1), this.FMFile(2)]).then(function (results) { ...
2019-12-06 15:06:02
1368
原创 vue后台系统实现选择商品穿梭框，且左边全部不减少
场景：选择商品展示效果可直观化——穿梭框形式效果<!--活动设置-满减活动列表-新增页面reduce_settings--><template> <div id="reduce_settings"> <div style="font-size: 12px;"> <el-breadcrumb separator-...
2019-12-06 14:57:04
2500
原创 vue压缩图片，js压缩图片质量，非压缩长宽
sfzfileListzm为图片啊file文件核心 // 选择的文件对象(file里只包含图片的体积，不包含图片的尺寸) var file = item.file; // console.log('key',key); // console.log(file) ...
2019-12-06 14:47:24
664
原创 vant框架上传组件---上传身份证两面图片需求并且压缩图片质量，非压缩长宽——商城项目
场景1.vant框架上传组件—上传身份证两面图片需求并且压缩图片质量，非压缩长宽——商城项目2.压缩图片质量大小——3.压缩逻辑因为是正反两面单独压缩执行，所以我这里使用 Promise.all异步压缩完成后调用后台接口传递base64前端代码DOM<template> <div id="shop_address_edit"> <van...
2019-12-06 14:43:23
2674
1
原创 上传图片文件----vue----elementUi组件el-upload
使用场景**1.后台系统上传图片逻辑** *首先选择图片监听确认事件，展示赋值页面预览图片路径赋值，再继续验证图片格式大小，最后提交到后台接口formData形式file文件；【再传递后清空页面所有参数~可无】*DOM<!--上传--> <el-upload class="avatar-uploader" ref="uplo...
2019-12-06 14:23:12
357
原创 浏览器新开窗口打开页面 VUE
1.引用场景：需要查看多个详情页面对比时使用新开窗口，打开多个页面进行数据比较userOrderList(){ let routeData = this.$router.resolve({ // path:'/PatientInfo_index', name: "OrderNavFullOrder", query: {a...
2019-11-12 09:36:01
1667
原创 区块链将如何改变世界
区块链技术被认为是继蒸汽机、电力、互联网之后，下一代颠覆性的核心技术。 如果说蒸汽机释放了人们的生产力，电力解决了人们基本的生活需求，互联网彻底改变了信息传递的方式，那么区块链作为构造信任的机器，将可能彻底改变整个人类社会价值传递的方式。在这篇文章里，我们将用最容易理解的方式，让你在15分钟内了解清楚：区块链的本质到底是什么？区块链技术带来的三大巨变。区块链面临的两大技术挑战。区块链技术...
2019-11-06 11:23:50
769
原创 省市区三级联动vue elelment
1.vue-cli ,elementUI 实现省市区三级联动2.DOM <!--地址修改弹框--> <el-dialog class="AddressBoxTY" title="地址修改" :visible.sync="AddressDialog" width="400px"> <div>...
2019-10-25 14:17:36
292
原创 http以及https适配网址接口 后台管理系统
1.应用场景在开发过程中需要http、https2.实现在公共config文件var agreement = location.protocol;//获取http或者https // var baseUrl=agreement+'//*******/';//线上var baseUrl='/api/';//本地// var baseUrl=agreement+"//localhost...
2019-10-25 14:09:41
489
原创 vue实现甘特图，动态展示数据
场景：1.在开发一个后台系统时，遇到一个甘特图的需求2.通过特定的数据结构和vue的循环判断加上table原生表格的合并行列实现需求效果<template> <div class="hello"> <!--Echarts图表盒子--> <div id="myChart" :style="{width: '1633px', h...
2019-10-14 11:09:20
2813
原创 vue 路由深度监听
1.场景：路由变化时监听后操作具体业务2.watch:{ $route: { handler: function(val, oldVal){ // if(this.$store.state.watchNav=="Comment" || this.$store.state.watchNav=="Supplier"){ // this.$st...
2019-09-26 14:27:17
1542
原创 elementUI table表格合并列相同行:span-method="objectSpanMethod"
1.应用场景：在使用element表格table时一个需求是要相同列的相同厂家合并为一格显示2.效果3.代码实现【引入elementUI就不多说】4.上代码首先需要在eltable标签中加入绑定函数 :span-method=“objectSpanMethod”<el-table :span-method="objectSpanMethod" ...
2019-09-26 14:17:19
5082
3
转载 vue设置路由title，实现在vue路由发生变化的时候，相应的页面title随之变化
1.转载以便参考2.转自https://blog.csdn.net/wangzhaoli0915/article/details/88574314在vue2中还可以使用vue-wechat-title插件来解决页面title的问题import Vue from 'vue'import Router from 'vue-router'/*import HelloWorld from '@/...
2019-09-25 11:18:36
169
原创 文字溢出显示省略号
溢出文字省略号overflow: hidden;溢出隐藏text-overflow: ellipsis;//文本溢出部分，省略号，若没有上诉属性，则不生效注意点：所包含文本的盒子必须是已经定长宽的，简单来说就是若是盒子是被内容文本撑开的，则上诉属性不生效...
2019-09-19 10:36:50
184
转载 在elelmentUI中使用阿里图标库【超多图标】
1.转载自https://www.cnblogs.com/zhengao/p/8480192.html2.iconfont需要修改的文件css[class^="el-icon-ty-user"],[class*="el-icon-ty-user"],[class^="el-icon-ty-password"],[class*="el-icon-ty-password"],[class^...
2019-09-19 10:35:18
348
原创 Template模板引擎实现用户数据的渲染 【jquery】
1.原生js dom 写入界面需循环数据是使用template模板引擎2.mock为前端模拟数据，可以看看我以前写的mock使用方法3.直接来吧<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style typ...
2019-09-19 10:31:03
865
原创 mock模拟数据使用引入【vue中】
1.安装mockjsnpm install mockjs --save-dev2.main.js引入require('./mock/PC/index')3.mock文件夹下创建index.js【会自动获取上下文的其他页面js】import Mock from 'mockjs'; // 导入所有的模拟接口（require.context 可用于获取目录上下文） const con...
2019-09-19 10:26:14
709
原创 element UI table表格禁用某行数据的多选框selectable
1.场景在使用table表格是，需要加入多选，并且通过行数据判断是否禁用多选框2.上代码1.selectable属性 <el-table-column type="selection" header-align="center" align="center" :select...
2019-09-19 10:18:34
4260
原创 小程序按钮实现复制文本功能wx.setClipboardData
1.在小程序中实现复制功能，首先不能够使用js dom操作2.实现html：<view id="twoLivecode" v-if="copyBox"> <text id="text" selectable="true">{{text}}</text> <button style="width: 20%;margin: 0 ...
2019-09-19 10:15:13
843
1
原创 vue过滤器使用 filter
1.filter的使用场景，一般为当后端返回数据为判断显示某个内容时，原来通常使用v-if现在改用filter便于管理1.创建filter文件import Vue from 'vue';/*订单页面详情页面,状态栏*/Vue.filter('settleAccountsType',(val)=>{ if(val==4){ return `订单已取消！` }el...
2019-09-16 16:30:45
752
原创 js调用浏览器打印事件Print【vue中使用】
1.常见的打印方法jsPrint（）2.打印浏览器局部页面3.上代码 PrintClick() { // window.print();//打印全部 var oldHtml = document.body.innerHTML;//将body内容先行存储 var printbox = document.getElementById("FullOr...
2019-09-16 16:26:46
4971
1
原创 搭建Vue脚手架（vue-cli）并创建一个项目【看这一篇就够了】【个人记录，以便后期参考】
1、 安装nodejs环境2、安装vue-cli有npm和cnpm两种方式，网上都说cnpm好些，所以我也用的cnpm安装，首先利用淘宝镜像安装cnpmnpm inst...
2019-09-11 11:09:30
680
原创 【Vue】vue路由传参接值
1.需求：点击按钮，跳转到任意页面（不传参）声明式：<router-link :to="{name:'index'}}">? ? 或者? ? <router-link to='/index'>编程式：router.push(...)方法一: this.$router.push({path:'路径')};方法二：this.$router.push({name:'组...
2019-09-10 15:03:15
240
原创 【Vue】 keep_alive缓存部分页面返回不刷新
1.缓存页面使用场景（点击跳转路由到详情页面，后返回入口页希望数据保持）2.使用keep-alive3.首先在app.vue文件中修改<template> <div id="app"> <keep-alive> <router-view v-if="$route.meta.keepAlive"></router-v...
2019-09-10 15:01:23
470
1
原创 修改浏览器滚动条样式
1.不知道大家有没有感觉浏览器的自带滚动条样式比较low2.这里让我们用css美化一下3./*修改滚动条样式*/ div::-webkit-scrollbar{ width:10px; height:10px; /**/ } div::-webkit-scrollbar-track{ background: rgb(23...
2019-09-10 14:54:47
375
原创 数组对象转换为json字符串JSON.stringify()
1.通常和后端交互传递大型数组对象数据，后台会让前端传递json字符串回后台使用2.直接来代码吧let arrObj=[ { name:"name1", age:"18" }, { name:"name2", age:"20" }]console.log("Json字符串",JSON.stringify(arrObj))...
2019-09-06 16:05:23
1447
原创 复制文本功能兼容 微信ios 火狐浏览器
1.话不多说先来个小漩涡2.微信ios 火狐不兼容document.execCommand(“copy”); // 执行浏览器复制命令3.解决方案<div id="twoLivecode" v-if="copyBox"> <p id="text"> {{twoLivecode}}</p> <textarea id="input...
2019-09-06 15:59:40
445
原创 React之摸爬滚打（1）【react简介及基本环境构建react-router 4.x路由配置】
一、.React是什么React 是一个用于构建用户界面的 JAVASCRIPT 库。React主要用于构建UI，很多人认为 React 是 MVC 中的 V（视图）。React 起源于 Facebook 的内部项目，用来架设 Instagram 的网站，并于 2013 年 5 月开源。React 拥有较高的性能，代码逻辑非常简单，越来越多的人已开始关注和使用它。1.2.为什么使用Rea...
2019-08-23 10:15:12
121
原创 vant列表加载上拉刷新
1.话不多说2.vant有赞3.上代码<template> <div> <div class="list-content" id="list-content"> <!--vant列表组件，上拉加载--> <van-list v-model="loading" ...
2019-08-21 11:19:45
2652
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人