- 博客(39)
- 收藏
- 关注
RSS订阅原创 Type ‘string‘ is not assignable to type ‘never‘.Vetur(2322) ts 语法报错
ts 报错 Type ‘string’ is not assignable to type ‘never’.Vetur(2322)Type ‘string’ is not assignable to type ‘never’.Vetur(2322)在这里插入代码片date = []... this.date = [moment(new Date().getTime() - 3600 * 1000 * 24 * 30).format('YYYY-MM-DD'), moment(new Da
2022-04-02 11:13:35
4875
3
原创 vscode 配置java开发环境
jdk 最低是11 ，不能安装jdk8 版本下载java extension pack下载微软出的安装springboot 插件安装lombok 插件配置maven首选项 设置方法，注意：循环渲染列表时，应该对每一项添加对应的key属性，且key属性的值要确保唯一性private form ={ specificationsUnit:''// 包装规格}private getCommoditySpecificationsUnitList=[ {id:1,value:'包'}， {id:2,value:'盒'}，]render(){ return ( <FormItem label='包装单
2022-03-16 22:25:37
603
1
原创 H5跳转微信小程序。wx-open-launch-weapp 用法
需求分析：公众号页面内点击按钮，跳转到小程序页面。查看官方文档。微信开放文档1.根据文档第一步通过config接口注入权限验证配置并申请所需开放标签让后台提供一个接口，返回 一下数据。appId: data.appId, // 必填，公众号的唯一标识 timestamp: data.timestamp, // 必填，生成签名的时间戳s 必填，填任意数字即可 nonceStr: data.nonceStr, // 必填，生成签名的随机串必填，填任意非空字符串即可
2021-06-30 15:31:01
1381
5
原创 手写一个bind函数
我们先看代码，bind 函数的使用方法 function test(a, b, c) { console.log(a, b, c); console.log('this', this) return '我是原函数的返回值' } // 普通执行 const result = test(1, 2, 3); // 这里this 指向windows // 通过bi
2021-06-12 22:32:57
1127
1
原创 前端性能优化
1.减少http请求一个完整的http请求需要经历dns查找，tcp握手，浏览器发送http请求，服务器接收请求，服务器处理请求并发回响应，浏览器接收响应等过程。这是一个接口花费的时间。但是真正下载数据的时间，只有0.45ms，0.45/378.49 = 0.001%文件越小，这个比例越小，文件越大，这个比例越大。这就是为什么，我们建议将多个小文件合并一个大文件，从而减少http请求。2.使用http21.解析速度快2.多路复用http1如果同时发起多个请求，就需要建立多个tcp链接，因为一
2021-05-20 17:18:43
106
原创 vue Mixins
mixins 混入主要作用就是复用我们的代码例如，我们现在有2个组件，一个componentA ，一个componentB, 两个组件都有同一个方法，就是点击显示隐藏componentA.vue<template> <div> <h1 v-if="show">Hello,我是componentA</h1> <button @click="toggleShow">切换</button> </d
2021-04-05 21:31:35
143
原创 echarts x轴展示不全
echart画图是，x轴数据太多，会造成数据展示不全。echarts图表中有个axisLabel配置项，是坐标轴刻度标签的相关设置。interval属性是坐标轴刻度标签的显示间隔，默认会采用标签不重叠的策略间隔显示标签。可以设置成 0 强制显示所有标签。还有一个属性：rotate: number 度角是倾斜的控制所在，在类目轴的类目标签显示不下的时候可以通过旋转防止标签之间重叠。 // 大柱状图 drawLineBig() { // 基于准备好的dom，初始化echarts实
2021-03-29 17:22:49
5678
原创 每日一题
const user = { name: “Lydia”, age: 21 };const admin = { admin: true, …user };console.log(admin);A: { admin: true, user: { name: “Lydia”, age: 21 } }B: { admin: true, name: “Lydia”, age: 21 }C: { admin: true, user: [“Lydia”, 21] }D: { admin: true扩展运算
2021-03-28 23:05:23
115
原创 element-ui表单回显后，input不能点击不能输入。
<hc-col :span="8"> <hc-form-item label="联系电话:" prop="contactPhone"> <hc-input style="width:200px" v-model="ruleForm.contactPhone" placeholder="请输入"></hc-input>Î </hc-form-item></hc-col>.
2020-12-09 16:40:37
1290
原创 vue-cli4.0项目浏览器缓存，wepack打包js,css添加时间戳
在这里插入代码片let timeStamp = new Date().getTime();module.exports = { // 选项... filenameHashing: false, // 打包的时候不使用hash值.因为我们有时间戳来确定项目的唯一性了. configureWebpack: { //重点 output: { // 输出重构 打包编译后的 文件名称 【模块名称.版本号.时间戳】 filename: `[.
2020-11-09 16:48:40
1935
1
转载 vue-cli4.0 项目发布浏览器缓存问题
每次vue项目部署之后，新增的需求和改的bug都不起作用，每次都需要清理一下浏览器缓存才能使用用户体验感太差修改请求头修改服务器ng配置webpack打包时添加时间戳1.在入口文件index.html添加 <!-- 处理浏览器缓存 --> <meta http-equiv="pragram" content="no-cache"> <meta http-equiv="cache-control" content="no-cache, no-st
2020-10-29 09:45:19
1698
原创 mysql 终端基础操作
终端进入mysqlmysql -u root -ppassword: ******进入mysql 显示welcome 表示我们成功登陆mysql创建数据库create database xxw; (xxw 是要创建的数据库名，不要忘记sql要分号结尾)
2020-08-03 11:27:24
1252
原创 typescript封装axios重复提交问题
import axios from 'axios';// 防止重复提交，利用axios 的cancelTokenlet pending: any[] = [];// 声明一个数组用于存储每个ajax请求的取消函数和ajax标识const CancelToken: any = axios.CancelToken;const service = axios.create({ b...
2020-06-01 15:16:35
297
转载 vue 路由params和query传参
路由传参query 传参this.$router.push({path:'/home',query:{id:'111}})this.$router.push({name:'home',query:{id:'111}})params 传参this.$router.push({name:'home',params:{id:'111'}})
2020-04-30 16:26:44
279
原创 vue keep-alive 缓存1.0
业务需求：a路由进入b路由 a路由缓存a路由进去c路由 a路由不缓存解决方法1:我们根据路由设置的meta.keepAlive属性来判断是否需要缓存路由设置：需要缓存的a路由我们添加meta:{keepAlive:false},我们使用路由钩子来改变a路由的meta属性：a路由进入b路由（我这里是b路由就是‘orderDetail’路由），我们是a路由的me...
2020-04-09 10:29:39
137
原创 vue简单的上传文件
需求:点击按钮上传doc,docx,pdf 类型的文件直接上代码 <Button @click="choicePDF" :disabled="PDFtrue" icon="ios-download-outline">上传文件</Button> <input ref="filElemPDF" ...
2019-12-21 14:31:58
2889
1
原创 vue 文件（图片，视频，word,pdf等）批量下载
需求：多选之后点击批量下载，下载不同类型的文件，有各种格式的图片，有word文档，有pdf等。我用的iview 框架的table组件。直接上代码// script 中的代码export const downloadFile = url => { const iframe = document.createElement("iframe"); iframe.style.di...
2019-12-21 14:14:27
2976
转载 css 文本溢出显示（省略号）。。。
CSS实现单行、多行文本溢出显示省略号（…）如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。实现方法：overflow: hidden;text-overflow:ellipsis;white-space: nowrap;效果如图：dome1但是这个属性只支持单行文本的溢出显示省略号，...
2019-12-16 15:29:13
162
原创 iview upload 组件
单张图片上传<template> <Upload style="margin-left:40px;margin-top:10px;" ref="upload" :before-upload="beforeImgFile" :on-success="successIm...
2019-10-21 11:15:36
2960
转载 前端开发必备网站推荐
转载https://blog.csdn.net/weixin_43434604/article/details/102150337
2019-10-10 15:23:01
292
原创 mac 系统安装jdk 以及环境变量配置
到Oracle官网下载JDK1.8安装包。oracle官网地址我自己下载到了百度网盘，需要的自取百度网盘地址提取码: pqvj下载之后，傻瓜式安装。安装成功之后这就是安装成功之后的路径。/Library/Java/JavaVirtualMachines/jdk1.8.0_211.jdk/Contents/Home配置环境变量打开我们终端，输入cd ~/ open ...
2019-09-18 10:21:59
271
转载 vue报错vue-router.esm.js?8c4f:2007 Uncaught (in promise) NavigationDuplicated {_name: "Navi
vue报错vue-router.esm.js?8c4f:2007 Uncaught (in promise) NavigationDuplicated {_name: “NavigationDuplicated”, name: “NavigationDuplicated”}前端–Dragonvue报错vue-router.esm.js?8c4f:2007 Uncaught (in promis...
2019-09-03 14:21:21
32109
8
转载 理解Virtual Dom
转载地址：https://juejin.im/post/5d5d32e251882545e41e655d#heading-4核心简易代码实现diff算法function updateChildren(vnode, newVnode) { let children = vnode.children || []; let newChildren = newVnode.children ||...
2019-08-26 15:38:42
123
原创 vue-cli3.0 多环境打包配置
最近在用3.0的脚手架配Ts的项目，频繁的打包发布，用到了多环境打包问题首先在项目中创建三个文件我这里只用到了本地开发，测试，生产 三个环境配置文件.env.env.development.env.production没有这三个文件的自己创建就可以看看每个env文件中写的东西.env 本地环境NODE_ENV = 'local'VUE_AP...
2019-03-29 17:25:48
3324
5
原创 vue +typescript 的组件传参 （1）
业务需求： 组件传参，子传父子组件<script lang="ts">import { Component,Vue, Emit } from 'vue-property-decorator'; //需要引入Emit@Component({})export default class Sider extends Vue { // 选择侧边栏，跳转路由 ...
2019-03-28 17:43:55
2125
转载 vant移动端配置 + VSCode一个简单的vue移动端适配方案
链接地址https://juejin.im/post/5bac33ff5188255c402b0d2a
2019-03-28 10:57:30
2596
原创 vue 使用echarts 时，表格的legend不显示
问题： legend设置了不显示原因：我vue引入echarts表格时，使用的是按需引入，没有使用全局引入，这个legend是一个组件// 引入 ECharts 主模块let echarts = require("echarts/lib/echarts");// 引入折线图require("echarts/lib/chart/line");// 引入提示框和标题组件requi...
2019-01-11 11:35:16
8577
原创 vue使用 echarts 加载报错 TypeError: Cannot read property getAttribute of null？
报错信息原因我在页面中使用了v-if ，在tab页面中没有dom，所以echarts渲染找不到dom节点。改成v-show就可以了在这里插入代码片
2019-01-11 11:28:49
12931
9
原创 腾讯地图初次使用
腾讯地图初次使用心得使用需求点击会议召开位置显示地图第一步不管是使用腾讯地图还是百度地图都需要先申请开发秘钥key在使用的时候引入秘钥key具体的显示效果下面放代码html>head> meta http-equiv="Content-Type" content="text/html; charset=utf-8"
2018-01-25 18:20:53
7079
4
转载 跨域所有问题集合
跨域什么是跨域由于浏览器实行同源策略，浏览器A网页不能执行B网页的脚本。###同源策略 +同源限制范围 - cookie loaclstorage 和 indexDB 无法获取 - DOM 和JS对象无法获取 -Ajax请求无法发送 +什么是同源 - 协议相同 -
2017-12-29 17:01:01
215
原创 时间转换成各种样式的string
/** * 对Date的扩展，将 Date 转化为指定格式的String * 月(M)、日(d)、12小时(h)、24小时(H)、分(m)、秒(s)、周(E)、季度(q) 可以用 1-2 个占位符 * 年(y)可以用 1-4 个占位符，毫秒(S)只能用 1 个占位符(是 1-3 位的数字) * eg: * (new Date()).format("yyyy-MM-dd hh:mm:ss.S
2017-12-08 15:50:04
806
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人