- 博客(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
原创 【ThemeStudio】安装报错A Javascript error occurred in the main process
报错内容:问题原因:系统环境缺少microsoft visual c++插件解决方法:下载 微软VC++ 地址
2023-12-15 14:46:40 793
原创 HTTP和HTTPS的区别、 HTTPS运行原理
2、秘钥交换:客户端生成对称秘钥,服务器使用公钥,对秘钥进行解密,发送给服务器,在使用私钥解密客户端发送过来的数据。HTTPS:使用SSL/TLS协议,对数据加密,确保了传输的数据,在客户端和服务器中是加密的,提高了机密性和数据的完整性。5、会话维护:通信过程中,客户端和服务器保持会话,以确保数据的连续性和一致性,如果需要,定期重新握手以刷新秘钥;HTTPS:安全,使用加密数据传递,在传输过过程中,使用加密算法进行加密和解密,无法对数据窃听,窃取。HTTPS默认端口443。HTTP默认端口80。
2023-09-08 00:07:23 521
原创 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 生成二维码,转换成图片,下载到本地
下载插件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">
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
原创 前端模糊查询
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关注的人