Shiki2147-CSDN博客

handleDownloadCSV() { const tHeader = "Id,标题,作者,读数,时间,"; const filterVal = [ "id", "title", "author", "pageviews", "display_time" ]; // this.list.unshift(Headers) con

2022-05-17 15:42:33 1243

原创 vue 使用Export2Excel导出表格，导出多个sheet，合并单元格，修改样式

import { exportSheetExcel } from "@/utils/export/exportExcelFile";// 数据形式let header = ["学号","姓名","性别","出身年月"]let filter = ["studentId","name","sex","birth"]let data1 = [ [ {studentId:'A001',name:"张三",sex:"男",birth:"2020-02-14"}, {st

2022-05-12 12:16:36 4382

原创 vue项目部署到服务器二级目录

vue项目部署到服务器二级目录为啥要部署，因为域名只能用一个，但是项目有两个，所以得分开不同的目录类似于http://www.baidu.com/fr 是一个项目地址http://www.baidu.com/fr2 是另一个项目地址具体配置参照了网上的例子前端需要在vue项目里面改一下配置：webpack配置，vue.config.js文件加一个assetsPublicPath: '/fr/',router.js里面const router= new Route

2022-03-09 09:42:51 1590

原创 element ui 组件使用

element ui 组件使用upload上传按钮// 自定义上传接口 <el-upload action="https://jsonplaceholder.typicode.com/posts/" :show-file-list="false" :http-request="uploadImgs" multiple > <el-button size="small" type="primary">批量上传</el-button>

2022-02-18 16:36:37 258

原创 echarts-vue学习

echarts学习1.配置1.新建项目vue create 项目名2.下载echart包npm install echarts@4.9.0 --save3.在main.js配置echartsimport echarts from 'echarts'Vue.prototype.$echarts = echarts4.使用echarts<template> <div id="app"> <div id="demo" ref="view">&lt

2022-02-10 14:41:44 371

原创常见的JS数组，字符串，对象的使用

常见的JS数组和字符串的使用1.将数组转成字符串// 使用逗号隔开let arr = ['1','23','kk','p']let str1,str2,str3// 默认或指定逗号，都是用逗号隔开数组str1 = arr.join()str2 = arr.join(',')// 指定用-隔开数组str3 = arr.join('-')console.log(str1,str2,str3)1.判断变量的类型在这里插入代码片1.将数组转成字符串1.将数组转成字符串1.将数组转成

2022-01-06 15:43:21 635

原创闭包的应用

闭包1.什么是闭包闭包：一个函数和她周围状态的引用捆绑在一起的组合// 1.闭包作为返回值function test(){ const a = 1 return function(){ // 这个a只会是在函数定义所在位置的周围 console.log("a",a) }}// 获取test()返回的匿名函数const fn = test()const a = 2fn();// 2.函数作为参数function test2(fn2){ const a = 1 fn2(

2022-01-05 14:14:20 494

原创 git学习

git学习1.git基础命令及使用// 生成shh 秘钥ssh-keygen -t rsa -C "vv@163.com"// 生成之后一直回车就行，不用输入//查看秘钥type %userprofile%\.ssh\id_rsa.pub// 最好是下载ssh链接，http链接需要输入账号密码git clone git@192.168.1.182:vv/test.git//新增README.md文件touch README.md//查看git里面文件的状态git status

2022-01-05 11:31:43 414

原创 ant design vue 表格Table使用

ant design vue 表格Table使用1.嵌套子表<a-table rowKey="arcId" :columns="columns" :dataSource="loadData" @expand="handldOnExpand" :loading="tableLoading" > <span slot="action" slot-scope="text, record"> <a v-if="record.stat

2021-12-28 14:35:31 2818

原创 Element-UI table 单元格数据可编辑

Element-UI table 单元格数据可编辑// template代码<el-table v-loading="loading" :data="tabels" @selection-change="handleSelectionChange"> <el-table-column type="selection" width="55" align="center" /> <el-table-column label="表名" prop="name" widt

2021-11-30 13:44:19 4189 5

原创 js父子联动，选择某个父节点，输出父节点和下面的所有子节点

js父子联动，选择某个父节点，输出父节点和下面的所有子节点let treeData = [ { id:1, name:"计算机系", children:[ { id:101, name:"计算机科学与技术", children:[ { id:10101, name:"计一班", children:[ { id:1010101, name:"小张", },

2021-11-29 14:10:59 822

原创 js 递归构建一个树，标记叶子节点

js 递归构建一个树，标记叶子节点// 构建树的数据let a = [{pid:0,name:'1',id:1}, {pid:0,name:'2',id:2}, {pid:0,name:'3',id:3}, {pid:1,name:'11',id:11}, {pid:1,name:'12',id:12}, {pid:12,name:'121',id:121}, {pid:2,name:'21',id:21}, {pid:21,name:'212',id:212}, {pi

2021-10-29 15:17:32 626

原创学习UI设计

UI设计1.资源综合图片素材：千图网千库网在线平面设计：MAKACanva摄影/风景/实物图素材：UnsplashCupcakePixabayPiqsels互联网扁平风插画HumaaansUndraw设计灵感Pintrest 查配色DribbbleColorCollectUI设计：慕客墨刀UI组件库：Iconfont...

2021-10-28 11:19:02 82

原创从零开始的node.js（一）

从零开始的node.js (一)

2021-10-28 10:08:27 77

原创 ES6学习记录

ES6学习记录1. var let const区别与使用var是一个全局变量，有变量提升，允许重名，会污染既有全局变量let是一个局部变量，没有变量提升，不允许重名，不会污染全局变量const是一个常量，不允许修改，只能读取，没有变量提升，不允许重名2. 模板字符串let htmlStr = `<ul> <li>${name}</li> </ul>`// 等同于let div.innerHtml = "<ul>&

2021-10-26 17:25:23 118

原创 .sync修饰符

.sync修饰符<template> <div id="app"> // 使用demo子组件 //父组件想要使用update:money方法改变子组件money的值，可以@update:money // 也可以直接使用----:name.sync="name"---.sync修饰符 <demo :money="money" :name.sync="name" @update:money="changemoney"></demo>

2021-10-21 14:31:46 73

原创 javascript 面试题

javascript 面试题Javascript 是单线程的，执行完当前任务才会执行下一个。先执行同步的任务，再执行异步的任务。异步任务：计时器（setTimeout，setInterval）、ajax 、读取文件// 同步任务// node里面的方法，在同步任务之后，异步任务之前执行process.nextTick(()=>{ console.log(6)})// 异步任务// node里面的方法，在同步任务之后，异步任务之后执行setImmediate(()=&g

2021-09-28 11:37:22 83

原创 ant design vue 组件 Tree

ant design vue 组件 Tree实现效果：实现代码：<div class="tree"> <a-tree show-icon show-line :load-data="onLoadData1" //展开节点时 @select="treeselect" //点击节点时 @expand="openkeys" :autoExpandParent="false" :tree-data="treeData1" /

2021-09-27 11:13:20 1677

原创 uniapp安卓打包

uniapp安卓打包安装JRE，利用keytool生成数字证书安装Android Studio在HubilderX中打包选择生成APP打包资源下载安卓离线SDK包下载完成后，打开文件夹，将打包好的uniapp资源放入E:\AndriodSDK\demo\HBuilder-Integrate-AS\simpleDemo\src\main\assets\apps中，并删除之前的内容在Android Studio中打包在simpleDemo文件夹下，打开do

2021-08-16 10:08:36 242

原创扫描普通二维码跳转到小程序（动态传参）

扫描普通二维码跳转到小程序（动态传参）进行二维码地址配置一定要是备案过的域名前端代码onLoad:function(options) { //二维码跳转传值获取数据 let that = this if (options) { let t = options //options返回的是一个对象 console.log(t) console.log("111111111111111") //var o=/([^=]+)$/

2021-07-13 14:50:27 568

原创 2021-07-05

微信小程序 tips学习视频看的是b站的黑马程序员swiper轮播图—图片自适应css样式设置rich-text可以将字符串渲染成对应html标签，类似于vue中v-html属性node = “{{ html }}”可直接通过html文本渲染，也可以通过设置节点标签及属性来渲染button按钮--------getUserInfo ---------- 获取用户信息，可以从bindgetuserinfo回调中获取到用户信息（小程序插件中不能使用） 1.3.0getUserInf

2021-07-05 15:35:26 118

原创 httpPrinter--vue--打印

httpPrinter–vue–打印1.去官网下载安装包http://www.httpprinter.com/2.在----HttpPrinter4.0.0.34_20210617_113253\调用示例\Http协议示例\vue----目录下，有一个例子，解压后是这样3.将vue-demo这个项目用vscode打开安装axiosnpm install axios运行项目npm run serve主要代码：dosth(){ this.$http.post('

2021-06-25 14:05:13 924

原创 uniapp --request请求封装，uploadFile上传文件封装，上传多张图片

uniapp --request请求封装，uploadFile上传文件封装request.js var apiUrl = 'http://192.168.1.156:9527'; //放入后台接口的url //封装request请求const sendRequest = (url, method, data = {}, contentType) => { // 判断header提交数据类型 let types = ''; //contentType不指定，则默认'applicatio

2021-06-16 17:24:30 4245

原创 2021-06-09

uniapp-获取手机里的图片使用uni.chooseImage方法openChooseImg(index){ uni.chooseImage({ sizeType: ['compressed'], //可以指定是原图还是压缩图，默认二者都有 sourceType: ['album','camera'], //从相册选择，和摄像头功能，默认二者都有 success: res=> { /*res.tempFilePaths[0]是获取到的第一个数据的

2021-06-09 10:25:53 81

原创 uniapp-vuex

uniapp-vuex的学习长时间保存用户的登录状态，app的缓存有时间限制，所以想学习一下用vuex来存储官方文档网址记录一下代码index.js：import Vue from 'vue'import Vuex from 'vuex'import user from './user'Vue.use(Vuex);//vue的插件机制//Vuex.Store 构造器选项const store = new Vuex.Store({ modules:{ user }})exp

2021-06-03 15:48:32 116

原创 uniapp-简单banner实现

uniapp-简单banner实现效果：点击某一状态，会显示其下划线，表示选中状态。代码如下：<template> <view class="p-tb-10 f-r jc-a" > <text :class="{'b-b':item.code==1}" v-for="(item,key) in status" :key='key' @click="chooseState($event,key)">{{item.value}}</text>

2021-05-31 10:52:10 988

原创 2021-05-28

uniapp-实现返回上一页并刷功能要求是添加一个收货地址，成功后返回地址列表，列表数据会同步刷新。方法一：uniapp的uni.navigateBack返回上个页面如何刷新数据以及状态添加页面代码：if(res.statusCode==200){ console.log("添加成功") uni.$emit('refreshData') uni.navigateBack({ delta:1 })}返回列表页面代码：onLoad(){ this.getData() uni.

2021-05-28 10:33:36 59

原创 uniapp-省市区三级联动的实现

uniapp-省市区三级联动插件地址：https://ext.dcloud.net.cn/plugin?id=1301目前还是个前端小白，所以都是找别人的插件来使用，如果有更好的求分享！！！导入插件我是用Hbuilder直接导入：遇到的错误报错：Avoid using non-primitive value as key, use string/number value instead. 09:39:45.540 found in解决：v-for循环里，key值重复报错：Duplic

2021-05-24 12:52:42 1803 2

空空如也

为什么这段vue代码运行不了