- 博客(71)
- 资源 (3)
- 收藏
- 关注
原创 el-upload file转blob
<el-upload action="" :on-change="analyzeZip" > <el-button slot="trigger" >上传测试数据</i ></el-button> </el-upload> .
2022-05-29 14:41:54
1887
原创 ES6学习笔记(包括ES6-ES11常用特性)
ES61.let变量声明及声明特性1.1 变量声明1.2 不能重复声明1.3 块级作用域1.4 不存在变量提升*1.5 不影响作用域链2. const声明常量及其特性2.1 声明方法3. 变量的解构赋值3.1 数组的解构3.2 对象的解构4. 模板字符串数据类型:String声明:内容中可以出现换行符变量拼接5. 对象的简化写法6. 箭头函数及其声明特点6.1 声明方法6.2 特性6.2.1 静态this6.2.2 不能作为构造函数实例化对象6.2.3 不能使用arguments对象6.2.4 箭头函数的
2022-04-04 16:37:55
1066
原创 css渐变 百分比的理解
例如:background: linear-gradient(#c20009 5%, #fff 25%);效果如图:注意,这里的百分比是沿渐变主轴的方向元素的长度(或宽度),默认为从上到下。
2022-02-13 13:51:03
1499
原创 uniapp 全局引入iconfont
1.在App.vue中中引入unicode链接添加字体文件的引入后,定义iconfont样式类:2.使用3.使用v-for循环要实现这种效果:首先下载iconfont的压缩包,找到iconfont.css文件,找到每个图标的content属性:在斜杠后面加u,就可以使用了<template><div class="classifyItem" v-for="(item, index) in goodsClassify"
2022-01-30 13:32:42
1295
原创 山东大学程序设计能力提升平台 js使用桶实现词频统计
2021SC@SDUSC使用桶可以有效进行性能优化.题面:给你一个字符串 licensePlate 和一个字符串数组 words ,请你找出并返回 words 中的 最短补全词 。补全词 是一个包含 licensePlate 中所有的字母的单词。在所有补全词中,最短的那个就是 最短补全词 。在匹配 licensePlate 中的字母时:忽略 licensePlate 中的 数字和空格 。不区分大小写。如果某个字母在 licensePlate 中出现不止一次,那么该字母在补全词中的出现次数应
2021-12-10 21:03:01
315
原创 leetcode 438 找到字符串中所有字母异位词(滑动窗口+桶)
词频统计题目:思路分析:1.全排列(失败,堆栈溢出)(1)include(2)indexOf2.词频统计(桶)题目:给定两个字符串 s 和 p,找到 s 中所有 p 的异位词的子串,返回这些子串的起始索引。不考虑答案输出的顺序。异位词 指由相同字母重排列形成的字符串(包括相同的字符串)。示例 1:输入: s = “cbaebabacd”, p = “abc”输出: [0,6]解释:起始索引等于 0 的子串是 “cba”, 它是 “abc” 的异位词。起始索引等于 6 的子串是 “bac”
2021-11-28 18:36:23
308
原创 VMware ubuntu共享文件夹自动挂载
第一步:开启共享文件夹右键虚拟机–>设置–>选项–>点击共享文件夹–>选择“总是启用”–>添加文件夹–>确定这个时候你应该可以在/mnt/hgfs里面看到你刚添加的共享文件夹,但是重启虚拟机之后这个文件夹会消失,hgfs会再次变成一个空文件夹。这说明挂载是一次性的,需要修改配置文件使这个文件夹每次都可以自动挂载。第二步:更改配置项,实现自动挂载因为普通用户权限为只读,所以需要进入超级用户来编辑fstab文件;sudo su然后进入文件进行编辑:vi /etc
2021-11-14 16:58:43
9515
9
原创 leetcode 306 累加数(js)
题目描述累加数是一个字符串,组成它的数字可以形成累加序列。一个有效的累加序列必须至少包含 3 个数。除了最开始的两个数以外,字符串中的其他数都等于它之前两个数相加的和。给定一个只包含数字 ‘0’-‘9’ 的字符串,编写一个算法来判断给定输入是否是累加数。说明: 累加序列里的数不会以 0 开头,所以不会出现 1, 2, 03 或者 1, 02, 3 的情况。示例输入: “112358”输出: true解释: 累加序列为: 1, 1, 2, 3, 5, 8 。1 + 1 = 2, 1 +
2021-10-13 19:45:46
196
原创 leetcode 851 喧闹与富有(js)
题目在一组 N 个人(编号为 0, 1, 2, …, N-1)中,每个人都有不同数目的钱,以及不同程度的安静(quietness)。为了方便起见,我们将编号为 x 的人简称为 "person x "。如果能够肯定 person x 比 person y 更有钱的话,我们会说 richer[i] = [x, y] 。注意 richer 可能只是有效观察的一个子集。另外,如果 person x 的安静程度为 q ,我们会说 quiet[x] = q 。现在,返回答案 answer ,其中 answe
2021-10-10 20:14:12
176
原创 山东大学程序设计能力提升平台 路由
2021SC@SDUSCvue路由搭建route,router,routes的区别和用法异步组件懒加载1.ES实现异步组件懒加载(import)2.vue异步组件实现懒加载route,router,routes的区别和用法router:一个机制,相当于一个管理者,它来管理路由:import Vue from 'vue'import Router from 'vue-router'Vue.use(Router)routes:一组路由:const routes=[{ path: '/'
2021-10-10 14:50:09
216
原创 leetcode 21.合并有序列表(js)
合并有序列表题目测试点描述题解方法1方法2题目将两个升序链表合并为一个新的 升序 链表并返回。新链表是通过拼接给定的两个链表的所有节点组成的。测试点输入:l1 = [1,2,4], l2 = [1,3,4]输出:[1,1,2,3,4,4]描述/** * Definition for singly-linked list. * function ListNode(val, next) { * this.val = (val===undefined ? 0 : val)
2021-10-04 17:45:34
2501
原创 山东大学程序设计能力提升平台 综述
简介山东大学程序设计能力提升平台是山东大学软件学院开发的一款程序设计实验辅助教学平台,用于提高软件学院学生程序设计能力,功能主要包括学生做题,老师批改题目,竞赛等.技术选型此项目采用的是前后端分离的开发模式,技术栈如下:前端语言:js框架:vue.js组件库:element插件:vue-codemirror后端框架:Springboot语言:Java分工&&开发过程遇到的问题本人负责的是前端开发.负责的功能:学生做题的判题功能(包括语言选择,代码片样式替换,判
2021-09-27 17:07:23
408
原创 vue-element实现前端分页及注意事项
element实现前端分页注意事项:分页table并不是本来就绑定的,需要对数据进行处理实现:注意事项:分页table并不是本来就绑定的,需要对数据进行处理element的分页组件和表格组件并不是绑定的,所以如果前端分页的话,分页组件只能控制点击时显示哪部分数据,因此table也只能绑定显示的数据而不是所有数据.实现:html: <el-table :header-cell-style="{background:'#DFECF0',color:'#000'}"
2021-08-12 19:10:18
533
原创 vue-element解决重复弹窗的问题
vue-element解决重复弹窗的问题封装引入使用封装封装message组件,在根目录下创建config/resetMessage.js:import { Message } from 'element-ui'; let messageInstance = null;const resetMessage = (options) => { if(messageInstance) { messageInstance.close() } message
2021-08-12 18:55:11
2825
原创 element实现点击复制表格单元格内容
使用场景:适用于文本比较长,需要复制的场景.不用button的原因是不能控制颜色而且也没有省略效果.实现:html: <el-table-column :label="$t('customerCenter.tokenID')" align="center" width="300px" show-overflow-tooltip > &
2021-08-12 18:48:10
1472
1
原创 vue使用媒体查询实现响应式的两种方式
前提依赖:sass,sass-loader1.在每个组件中为其使用媒体查询这种方法的有点是减少了重写不同终端同一组件的工作量,缺点是每个组件都要使用媒体查询,当一套页面组件不同时,需要进行组件的显示与隐藏(display:none!important),在不同终端区别不大的情况下建议使用这种方法.例如:.styleClassName{width:200px;@media only screen and (min-width: 1200px) {width:100px}}2.写n套页
2021-07-28 19:01:22
5343
3
原创 vue移动端使用swiper+vue-awesome-swiper实现滑动选择
vue使用swiper+vue-awesome-swiper实现滑动选择踩坑提示1.源文档使用原生编写,不能直接写在vue里解决方案2.兼容性问题实现先上效果图:踩坑提示1.源文档使用原生编写,不能直接写在vue里swiper的文档写的太简陋了,虽然兼容vue,但是文档中给的样例是用原生html写的,把vue组件名放到样式类中了.原文档中,我要实现的功能的样例代码是这样:<!DOCTYPE html><html lang="en"><head> &l
2021-07-27 13:51:02
1827
原创 通过设置backgroundsize控制背景图的自动缩放
父组件:<template> <div class="home"> <index-page :Width="windowWidth" :Height="windowHeight" /> </div></template><script>import indexPage from "../components/indexPage";export default { name: "Home", com
2021-07-20 15:07:26
616
原创 使用web3纯前端实现以太坊查账户余额
1.下包:npm install node.jsnpm install web32.调库,打印账户余额var Web3=require("web3");web3 = new Web3(new Web3.providers.HttpProvider("测试网节点url"));web3.eth.getBalance("查询账户地址").then(tx=>{ console.log(tx)})web3 getBalance文档:https://web3js.readthedoc
2021-07-15 11:13:19
7296
原创 bug记录,供参考:vant weapp中 xx is not a function
注意,如果是代码写的没问题(引入和使用)可能是包损坏,电脑自己因为各种原因修改了你的dist包里的文件(所以最好不要开着编译器就把电脑关了,一定要保存好再关电脑)把这个组件再更新一下可能就好了....
2021-06-04 18:33:48
700
原创 uniapp+vant weapp实现课程表小程序_集合
整理的一些比较重要的内容.传送门:uniapp+vant weapp实现课程表小程序_概览uniapp+vant weapp实现课程表小程序_课程表功能的实现uniapp+vant weapp实现图片上传前预览功能
2021-06-01 17:29:08
684
原创 uniapp+vant weapp实现图片上传前预览功能
在社区功能中,想要发布一个帖子,那么最好在本地预览得到图片数量然后通过循环一次上传,而不是直接上传.这里对组件进行了一些修改.html:<van-uploader :disabled="disable" :file-list="previewList" @after-read="previewImg" max-count="9" />js: data() { return { text: "", school: "", disable: t
2021-06-01 17:24:07
1668
原创 uniapp+vant weapp实现课程表小程序_课程表功能的实现
课程表功能的实现思路1.节数与天数和grid内单选框索引的转换2.单选框样式的魔改温馨提示:尽量用原生源码思路课程表的实现,我想了很久,在没有现成组件库的情况下实现,我主要是用了vant weapp的宫格和单选框来实现主要的难点有以下两个方面:1.节数与天数和grid内单选框索引的转换返回值给我一个包含课程节数和天数的对象数组,我把它转换成一个包含unit(5节课*7天的对应的数字来定位)的对象数组2.单选框样式的魔改单选框直接使用radio的插槽来贴图来适应样式需求<van-radio
2021-06-01 11:49:40
2132
1
原创 uniapp+vant weapp实现课程表小程序_概览
参加小程序开发赛的项目,前端gitee传送门:https://gitee.com/dxy_katzchen/master-course-table
2021-06-01 11:24:40
821
原创 vant weapp+uni-app实现grid内加复选框并获取值
需求在弹出层内写一个宫格,宫格内加复选框,获得复选框内的值实现为什么要用宫格的v-for呢?原因很简单,一是为了满足需求,cell里面加复选框太大了,只能加在宫格里面,第二,也是主要原因,为了避免自己的代码变成shit mountain.第一步:引入组件在pages.json中:第二步:实现注意:宫格中需要加上use-slot,这样才能自定义插槽的内容html:<van-cell title="周数" is-link @click="popWeek" /><van-p
2021-05-20 13:22:43
1109
mavon-editor将md文本转化成html
mavon-editor将文本转换成html项目场景原理方法1.下载,引入marvon-editor2.使用mavon-editor把md文本转换成html3.用html文本进行渲染效果对比项目场景通过markwodn编辑器mavon-editor获取用户输入内容,并用md格式(其实是html)渲染到其他页面上.原理mavon-editor可以将我们输入的文本实时地转化成html并进行渲染,我们通过@change方法拿到编辑文本的html,在其他地方进行渲染成md格式的效果方法1.下载,引入
2021-05-16 18:36:58
2055
原创 vue axios获取异步请求数据
项目场景:提示:这里简述项目相关背景:例如:项目场景:示例:通过蓝牙芯片(HC-05)与手机 APP 通信,每隔 5s 传输一批传感器数据(不是很大)问题描述:提示:这里描述项目中遇到的问题:例如:数据传输过程中数据不时出现丢失的情况,偶尔会丢失一部分数据APP 中接收数据代码:@Override public void run() { bytes = mmInStream.read(buffer); mHandler.obta
2021-05-16 10:47:12
861
原创 PubSub-js实现vue任意组件通信
pubsub可以实现vue任意组件之间的通信.这里记录一种最基础的用法:安装npm install pubsub-js --save引入全局引入:在main.js中:import PubSub from 'pubsub-js'局部引入:在组件中:import PubSub from 'pubsub-js'发布与订阅发布消息发布消息的组件:Pubsub.publish('name',data)订阅消息订阅消息的组件:Pubsub.subscribe('name',(msg,
2021-05-07 16:29:42
353
1
原创 vue3 v-x指令
vue3 v-x指令v-model用例v-on用例格式v-if用例格式v-elsev-else用例v-else-ifv-else-if用例v-bind用例格式v-show格式v-for用例1_值参数用例2_索引+值参数用例3_键名+值参数用例4_键名+索引+值参数迭代整数v-if&v-for联合使用声明:本文为本人根据菜鸟教程整理的笔记,用于查阅和梳理.如有侵权立即删除.指令用于在表达式的值改变时,将某些行为应用到 DOM 上.v-model用来在 input、select、texta
2021-04-23 13:58:29
657
原创 Do not use “@ts-ignore“ because it alters compilation errors(ts严格模式未关闭导致的项目启动失败的解决方案)
ts严格模式未关闭导致的项目启动失败解决方案项目场景:问题描述:原因分析:解决方案:项目场景:用ts搭建vue项目的时候用@ts-ignore来避免报错,结果编译时仍然出错导致无法启动服务.问题描述:源码: setup() { //@ts-ignore const { ctx } = getCurrentInstance(); const email = ref<string>(""); const handleForgotPassword = as
2021-04-17 11:38:34
3873
原创 数据结构与算法(java版)——队列及其优化
队列及其优化性质使用场景数据结构数组算法实现数组变量方法数组优化——环形队列变量方法代码实现普通队列环形队列性质先进先出使用场景消耗系统,等等。数据结构有序列表,用数组或链表来实现。数组规则:先进先出.示意图:图1,空数组.图2,向空数组中传入数据.从队列的尾部存数据.图3,向数组中取数据.从队列的头部取数据.算法实现数组变量Queue作为存放队列的数组.定义maxSize作为队列的最大容量。front和rear分别记录队列前后端的下标。front 随着数据
2021-04-15 09:37:28
103
转载 css元素居中
css元素居中内联元素水平居中内联元素垂直居中块级元素水平居中块级元素垂直居中块级元素垂直水平居中内联元素水平居中在css中要使内联元素水平居中的方法是给它的父级元素添加text-align: center;样式即可。内联元素垂直居中在css中要使内联元素垂直居中的方法是给它的父级元素添加 line-height 样式,当line-height的值等于父级元素的高度时,元素就垂直居中了。块级元素水平居中要使块级元素水平居中,添加margin: 0 auto;样式即可做到,也可以写成
2021-04-12 21:36:35
130
原创 三种方式修改vue项目中的element组件样式
项目场景:提示:这里简述项目相关背景:例如:项目场景:示例:通过蓝牙芯片(HC-05)与手机 APP 通信,每隔 5s 传输一批传感器数据(不是很大)问题描述:提示:这里描述项目中遇到的问题:例如:数据传输过程中数据不时出现丢失的情况,偶尔会丢失一部分数据APP 中接收数据代码:@Override public void run() { bytes = mmInStream.read(buffer); mHandler.obta
2021-04-12 21:30:24
7733
山东大学操作系统期末考试13-19年.rar
2021-07-01
山东大学操作系统实验7
2021-05-27
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人