showkw-CSDN博客

原创 vue中router-view实现切换组件

项目中，要实现一个组件内切换多个组件的显示，就会用到router-view来实现点击切换组件显示的效果。

2022-04-29 15:45:43 1776

原创 vue3获取实时路由

vue3获取实时路由每次路由改变相应的值跟着改变

2022-03-08 14:35:42 1827

原创 css设置元素垂直居中（9种方法）

css设置子类元素在父类元素中做到垂直居中九种方法一一罗列

2022-03-08 10:33:35 2497

这里获取的经纬度是火星坐标系（也就是谷歌、高德坐标）如果需要转换百度坐标，请点击百度坐标和火星坐标的转换getLongitudeLatitude() { var _this = this; if (navigator.geolocation) { navigator.geolocation.getCurrentPosition( //locationSuccess 获取成功的话 function (position) {

2021-12-08 09:31:25 4148

原创 vue标准时间格式

vue转换为标准时间格式 2000/11/1 00:00:00

2021-12-08 09:24:37 902

原创 vue图片路径转二进制文件流(binary)

vue项目中，需要将本地的图片或前端生成的图片传回后端，传回给后端需要将图片路径转换为二进制文件流，也就是参数中显示的(binary)，这时就需要进行图片路径的转换。图片路径转换为Base64imageUrlToBase64(imageUrl) { let image = new Image() // 一定要设置为let，不然图片不显示 image.setAttribute('crossOrigin', 'anonymous') // 解决跨域问题 image.src = imageUr

2021-11-22 09:11:35 6129 16

原创 npm删除模块以及下载指定模块版本

npm的两个小方法(xxx是当前的模块名)npm删除组件npm uninstall xxxnpm指定下载组件的版本npm [email protected]补充一下在npm后跟 - - save - dev等的说明- -save：将保存配置信息到package.json。默认为dependencies节点中。- -dev：将保存配置信息devDependencies节点中。因此：- -save：将保存配置信息到package.json的dependencies节点中。- -save-dev：将保存配

2021-10-09 15:10:36 428

原创 vue封装axios数据请求及调用

在vue项目中使用axios数据请求，把axios封装在js文件中，接口直接封装在内，页面直接引入使用的方法。npm 安装 axios 或者 bower 安装 axios使用 npm:npm install axios使用 bower:bower install axios在自定义js文件中配置axios引入axiosimport axios from “axios”配置urlconst service = axios.create({ baseURL: 'h.

2021-09-18 09:52:49 1308

原创 vue元素折叠

vue项目当接口取回数据后需要每一个数组进行展开收回时先在该条数据下添加一个字段，用来当折叠的开关if (this.list) { // 折叠开关 for (let i = 0; i < this.list.length; i++) { this.$set(this.list[i], "showmore", false); }}...

2021-08-05 16:43:28 475

原创 vue计算天数差

根据两个时间来计算中间相差的天数// 计算天数 DateDiff(sDate1, sDate2) { //sDate1和sDate2是yyyy-MM-dd格式 var aDate, oDate1, oDate2, iDays; aDate = sDate1.split("-"); oDate1 = new Date(aDate[1] + "-" + aDate[2] + "-" + aDate[0]); //转换为yyyy-MM-dd格式

2021-07-16 11:17:34 1700

原创项目强制更改第三方组件默认样式

项目中当有需求需要更改组件默认样式时，可以先在 Dom 树中找到该元素的类名，直接修改该类名下的属性，修改完成在后加! important 看效果能否实现。.classname { background: #333 !important;}如果没有实现效果，就要使用样式穿透的方式sass/less使用样式穿透的方式为：/ deep /父元素 / deep / 子元素.parent /deep/ .children { background: #333;}stylu

2021-06-02 09:25:31 696

原创 div添加placeholder属性

在div标签中使用placeholder属性的写法contenteditable属性是设置为div为可编辑状态<div class="inputsx" placeholder="说点什么…" contenteditable></div>.inputsx { width: 150px; height: 50px; border: 1px solid #aaa; } .inpu

2021-05-07 11:28:03 3001

原创 input设置只能输入数字

<input type="number">今天在写项目时，需要一个input标签设置为只能输入数字，当时我想着写一个正则来去判断输入的内容，又去百度看了看，写了一大堆算是达到效果了，结果同事一句话把我点醒了……直接把input标签中type设置为number直接解决问题希望大家不要和我一样这样的问题把自己弄傻了，基础还是至关重要的……...

2021-05-06 18:15:12 2089

原创 css取消控件选中后出现的边框去除

css取消控件选中后出现的边框去除input, button, select, textarea { outline:none; }css样式最高优先级（因前面定义了该类元素的样式，导致在后面更改该类元素样式后无法更新样式）div { background: red !important; }...

2021-04-28 17:39:39 770

原创 Vue移动端实现元素拖拽移动

Vue移动端实现元素拖拽移动<template> <div ref="dragBox" @touchstart="touchstartHandle('dragBox',$event)" @touchmove="touchmoveHandle('dragBox',$event)"> 可拖拽元素 </div></template>data() { return {

2021-04-14 16:16:23 1927

原创 JavaScript 数组方法（2）

JS数组（2）数组的方法concat( ) 方法用于连接两个或多个数组。该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。join( ) 方法用于将数组的每个元素以指定的字符连接形成新字符串返回splice( ) 方法用于插入，删除，替换slice( ) 方法用于按指定位置截取复制数组的内容...

2020-11-27 18:29:00 274

原创 JavaScript 数组方法（1）

JS数组数组创建方法数组实际上就是来源于对象，脱胎于对象，继承于对象在数组中所有的下标都会转换为number,如果不能转换为number的，就会默认添加对象的属性名，添加的这个属性它不会增加数组的长度，数组的长度，仅记录下标的个数，不包含属性数量，数组不可以使用点语法获取下标变量，但可以使用点语法获取属性。遍历数组...

2020-11-19 21:46:19 287

原创 JavaScript中对象数据存储

JS对象数据存储对象数据存储在堆栈中。栈的数据读取，写入速度快，但是存储的内容较少。堆的读取和写入速度慢，但是存储的内容多。举个例子来说就像电脑中内存和硬盘，内存就像栈，需要经常获取，写入速度比较快时需要写道内存也就是需要存储在栈中的数据，其中字符型，数值型，布尔型，undefined存储在栈中，栈中，一旦该变量不再使用时就会被清理掉。而对象是存储在堆中，当堆中有对象时，它会相对应内存中有一个存储的地址，在栈中obj存储了在堆中数据的地址，当调用数据时，去堆中调取对应堆中的数据的地址获取出来。如图

2020-11-02 23:22:58 3967 5

showkw的博客

原创 css三角标