- 博客(40)
- 问答 (1)
- 收藏
- 关注
原创 UPDATE yw_map_area SET parent_id = CONCAT(left(id,4),“00“) WHERE LENGTH(parent_id) = 4
UPDATE yw_map_area SET parent_id = CONCAT(left(id,4),“00”) WHERE LENGTH(parent_id) = 4
2023-02-21 09:21:13
108
原创 js保存数据为csv格式并导出
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"><
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
原创 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代码运行不了
2020-11-12
TA创建的收藏夹 TA关注的收藏夹
TA关注的人