自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(54)
  • 收藏
  • 关注

原创 VUE脚手架的下载和配置

VUE脚手架下载第一步全局安装脚手架cnpm i @vue/cli -g第二步创建项目创建文件夹,打开文件命令窗口vue create 自己创建的项目名3. 有两个选项,选择第二个,也就是自己选择配置4. 选择自己需要的配置5. 进行下一步,选择 Y6. 选择自己的类型选择.json类型8.此处, 选择 N下载完成 文件夹完成下载最后把 文件...

2019-03-28 20:25:00 4252 3

原创 js 图片转base64格式

加载优化

2024-03-29 15:58:40 92

原创 React、js点击按钮,div全屏展示

【代码】js点击按钮,div全屏展示。

2024-03-28 17:41:17 122

原创 React 抽屉显示和隐藏

【代码】React 抽屉显示和隐藏。

2024-03-25 17:41:56 211

原创 antd Table表格,Tr选择高亮

【代码】antd Table表格,Tr选择高亮。

2024-03-25 17:31:59 249

原创 【JavaScript】普通数组,改写成AntdTree树状结构

【代码】【JavaScript】普通数组,改写成AntdTree树状结构。

2024-01-18 17:29:48 357

原创 Table数据-滚动加载

js滚动加载

2024-01-04 23:32:58 406

原创 js数组抽离null

【代码】js数组抽离null。

2024-01-02 11:52:14 352

原创 【ThemeStudio】安装报错A Javascript error occurred in the main process

报错内容:问题原因:系统环境缺少microsoft visual c++插件解决方法:下载 微软VC++ 地址

2023-12-15 14:46:40 793

原创 JavaScript typeof操作符确认数据类型

返回 undefiend。返回 function。返回 boolean。

2023-09-09 15:32:49 188

原创 JavaScript 数组中常用的方法

【代码】JavaScript 数组中常用的方法。

2023-09-09 14:48:13 283

原创 HTTP和HTTPS的区别、 HTTPS运行原理

2、秘钥交换:客户端生成对称秘钥,服务器使用公钥,对秘钥进行解密,发送给服务器,在使用私钥解密客户端发送过来的数据。HTTPS:使用SSL/TLS协议,对数据加密,确保了传输的数据,在客户端和服务器中是加密的,提高了机密性和数据的完整性。5、会话维护:通信过程中,客户端和服务器保持会话,以确保数据的连续性和一致性,如果需要,定期重新握手以刷新秘钥;HTTPS:安全,使用加密数据传递,在传输过过程中,使用加密算法进行加密和解密,无法对数据窃听,窃取。HTTPS默认端口443。HTTP默认端口80。

2023-09-08 00:07:23 521

原创 js 实现 Promise.All

【代码】js 实现 Promise.All。

2023-09-07 22:55:47 681

原创 js 版本号比较大小

【代码】js 版本号比较大小。

2023-09-07 22:13:36 105

原创 Node安装、配置环境变量、配置npm的config

还是 自己创建的 node_global 文件夹的文件路径,再后面追加的。,再在此文件夹下创建两个文件夹 【找到 Patch,点击编辑。

2023-05-25 00:32:03 1321

原创 DevEco Studio Install JS 3.0.0.0 failed.

安装 DevEco Studio的常见错我1. Install JS 3.0.0.0 failed.问题原因:npm 配置原因解决方法如下1. 点击欢迎页中的Configure(或图标) > Settings > Build, Execution, Deployment > Node.js and npm选中此处,用自己user下的.npmrc中的配置使用registry=https://registry.npm.taobao.org/此镜像可完成下载...

2022-03-06 16:26:01 1384 1

原创 ant Vue a-table 表格自定义表头事件

<a-table ref="table" size="middle" bordered rowKey="id" :columns="columns" :loading="loading" :dataSource="dataSource" :pagination="ipagination"> <span slot="name" slot-scope="text">{{ text }}</span> <template slot="c

2021-12-18 12:53:08 2218

原创 vue百度地图,获取点击经纬度的省市区

核心:使用 baidu-map 的 click 方法BMap.Geocoder() 下的 getLocation({lng, lat}, function(result) {})<baidu-map :zoom="10" @ready="handleReady" @click="clickInfo" :scroll-wheel-zoom="true" :center="center" :mapClick="false"></bai

2021-12-15 11:23:41 2041

原创 Ant Vue 下载模块,批量导入

<template> <a-modal title="批量导入" width="600px" :visible="visible" @cancel="handleCancel" > <div> <div> <label>文件模板:</label> <

2021-12-15 10:21:49 1100

原创 js 数组 最大值 最小值 平均数

let array = [1, 2, 2, 9, 10, 20, 21, 100]let max = Math.max(...array) // 最大let min = Math.min(...array) // 最小let sum = 0let average = 0 // 平均for(let i = 0; i < array.length; i++) { sum += array[i] average = sum / array.length }...

2021-12-08 11:44:01 610

原创 vue baidu map 百度地图 搜索功能 画点

vue baidu map vueBaiduMap 百度地图 搜索功能 画点

2021-12-04 16:56:05 692

原创 Vue 生成二维码,转换成图片,下载到本地

下载插件npm i qrcodejs2引用import QRCode from "qrcodejs2";html<button @click="handleDown(record)"></button><div id="qrcode" class="qrcode" ref="qrCodeUrl" v-show="false"></div> // 下载handleDown(record) { new QRCode(this

2021-09-22 19:25:39 878 1

原创 Ant Design of Vue - Tabs标签页

Tabs标签页主页面<template> <div> <a-tabs default-active-key="1" @change="callback"> <a-tab-pane key="1" tab="Tab 1"> <XxTable ref='XxTable'/> </a-tab-pane> <a-tab-pane key="2" tab="Tab 2"&gt

2021-07-25 10:34:08 2989 1

原创 openlayer 配置 百度地图

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>百度

2021-05-30 21:51:05 226

原创 openlayers Draw Modify Snap

功能介绍:1. 使用Draw进行绘画多边形2. 点击多边形边框 使用 Modify 功能3. 点击右键进行清除Draw功能4. 键盘使用Ctrl+Z对Draw和Modify撤回功能// HTML:<template> <div id="map" ref="rootmap"></div></template><script>import "ol/ol.css";import { Map, View, Feature } fr

2020-10-30 16:40:01 1256

原创 Vue echart toolbox 工具栏点击 自定义全屏按钮 显示到弹出框中

最终效果说明: 由于页面上的echart图表过多,写一个vue子组件,直接在父页面调取复用安装插件npm i echarts在 main.js 中引用import echarts from 'echarts'Vue.prototype.$echarts = echarts // 全局引用子组件<template> <el-dialog top="40px" width="50%" :modal="true" :title="tit

2020-09-04 17:38:10 1925 1

原创 Vue导出JSON文件,读取本地上传JSON文件

导出JSON文件// 插件安装import FileSaver from 'file-saver'import axios from 'axios'导出代码const data = JSON.stringify('存放JS数组或者对象')const blob = new Blob([data], { type: 'application/json' })FileSaver.saveAs(blob, `文件名称.json`)读取的弹出读取本地上传JSON文件// 由于我是 vue项目

2020-08-31 12:04:37 5346 4

原创 el-table表格导出当前页的excel文档

// html部分<el-button type="primary" size="mini" icon="el-icon-upload" @click="derivePrivateWire">导出</el-button><el-table id="table" :data="privateTable" style="width: 100%"> <el-table-column prop="stationName" lab

2020-08-17 13:09:34 290

原创 el-pagination分页-前端无分页查询字段,自定义生成查询功能

需求后台无分页查询字段使用el-pagination控制显示要求后台必须把数据全部返回到一个数组中上代码// html 部分<el-table :data="tableData"> <el-table-column label="ID" prop="id" width="50"> </el-table-column></el-table><el-pagination @size-change="handl

2020-07-31 14:25:17 364

原创 el-table的表格合并

表格样式话不多说,上代码html部分 <el-table :data="abilityTable" :span-method="abilitySpanMethod" style="width: 100%"> <el-table-column prop="" label="" align="center"> </el-table-column> <el-table-column prop="" align="center" l

2020-07-29 11:34:49 224

原创 Token,Cookie,Session的区别

Token:请求时提供,用于校验用户是否具备访问接口的权限Cookie: 保存在客户端,当客户端发送请求时,Cookie会附带在 'http header' 中,提供给服务端辨别用户身份Session:保存在服务端,用于客户端与服务端连接时,临时保存用户信息,当用户释放连接后,Session将被释放...

2020-07-23 14:40:44 154

原创 vue-js-开始,结束,当前时间的判断

const date = moment(new Date()).format('YYYY-MM-DD HH:mm:ss') // 当前时间const startDate = moment(this.startDate).format('YYYY-MM-DD HH:mm:ss') // 开始时间const endDate = moment(this.endDate).format('YYYY-MM-DD HH:mm:ss') // 结束时间if (!this.startDate || !this.en

2020-07-22 17:10:35 1105

原创 小程序之swiper自适应高度

/** wxml: **/<swiper> <swiper-item> <image mode="widthFix" src="//picasso.alicdn.com/imgextra/i4/338715/O1CNA1J2IU9N100d1a876e110b0b207b000z_!!338715-0-picassobanner.jpg" /> </swiper-item></swiper>/** wxss: **//**

2020-05-26 09:55:40 324

原创 React-resize窗口监听

import React, { useState, useEffect, useCallback } from 'react'// 创建自定义函数来写入方法function UseWillSize() { const [size, setSize] = useState({ width: document.documentElement.clientWidth, heig...

2020-04-27 22:13:19 3642

原创 js-年月日时分秒字符串切割,只显示年月日

substring()方法用于提取字符串中介于两个指定下标之间的字符var date = '2020-01-01 00:00:00'date.substring(0 ,10)console.log(date) // 2020-01-01

2020-03-26 21:16:26 4773

原创 js-截取文件名后缀

let demo = 'demo.html'let suffix = demo.substr(demo.lastIndexOf('.')).toUpperCase();

2020-03-22 20:04:44 332

原创 Icon使用-fortawesome图标库

fortawesome官网:https://fontawesome.dashgame.com/npm:npm i font-awesome -Snpm i @fortawesome/fontawesome-svg-core -Snpm i @fortawesome/free-solid-svg-icons -Snpm i @fortawesome/vue-fontawesome -S...

2020-03-19 16:50:32 705

原创 vue项目-面包屑导航

在这里插入代码片

2020-03-17 20:46:22 1093

原创 设置show-overflow-tooltip的宽度

.el-tooltip__popper { max-width:800px}

2020-01-16 09:30:12 1563

原创 前端模糊查询

filter 方法this.leftListData 数组this.leftInput 输入框输入的内容item.code 要找的东西this.leftListData = this.leftListData.filter(item => (item.code).indexOf(this.leftInput) > -1)...

2019-12-27 14:40:30 202

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除