JS
文章平均质量分 53
Kätzchen-408
我无法选择天堂与地狱,但至少能改变自己。
展开
-
vue3+vite+el-upload+sm图床实现上传图片到图床获取url
前端使用api上传图像到图床原创 2022-10-19 15:11:52 · 1057 阅读 · 0 评论 -
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 · 1721 阅读 · 0 评论 -
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 · 1052 阅读 · 0 评论 -
山东大学程序设计能力提升平台 js使用桶实现词频统计
2021SC@SDUSC使用桶可以有效进行性能优化.题面:给你一个字符串 licensePlate 和一个字符串数组 words ,请你找出并返回 words 中的 最短补全词 。补全词 是一个包含 licensePlate 中所有的字母的单词。在所有补全词中,最短的那个就是 最短补全词 。在匹配 licensePlate 中的字母时:忽略 licensePlate 中的 数字和空格 。不区分大小写。如果某个字母在 licensePlate 中出现不止一次,那么该字母在补全词中的出现次数应原创 2021-12-10 21:03:01 · 204 阅读 · 0 评论 -
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 · 204 阅读 · 0 评论 -
山东大学程序设计能力提升平台 js进阶使用方法
2021SC@SDUSC原创 2021-11-07 22:15:20 · 438 阅读 · 0 评论 -
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 · 191 阅读 · 0 评论 -
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 · 153 阅读 · 0 评论 -
山东大学程序设计能力提升平台 路由
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 · 128 阅读 · 0 评论 -
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 · 2419 阅读 · 0 评论 -
element实现点击复制表格单元格内容
使用场景:适用于文本比较长,需要复制的场景.不用button的原因是不能控制颜色而且也没有省略效果.实现:html: <el-table-column :label="$t('customerCenter.tokenID')" align="center" width="300px" show-overflow-tooltip > &原创 2021-08-12 18:48:10 · 1423 阅读 · 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 · 5273 阅读 · 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 · 1778 阅读 · 0 评论 -
通过设置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 · 583 阅读 · 0 评论 -
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 · 1085 阅读 · 0 评论 -
typescript概览
ts概览ts与js,html的关系ts和js对比ts文件自动编译js类型注解接口类ts与js,html的关系ts文件如果直接书写js语法的代码,那么在html文件直接引入ts文件,在谷歌的浏览器中是可以直接被使用的.如果文件中有了ts的语法代码,那么就需要把这个ts文件通过tsc命令编译为js代码.在html中引入js的文件来使用.tsc无法使用时的解决方法:参考文档:https://blog.csdn.net/weixin_45842078/article/details/115413941原创 2021-04-04 20:56:31 · 110 阅读 · 0 评论 -
VScode 无法加载文件,因为在此系统上禁止运行脚本的解决方法
文章目录项目场景:问题描述:原因分析:解决方案:项目场景:学习typescript时出现tsc命令无法执行的情况.问题描述:执行在ts文件的根目录下把ts文件转换成js文件.执行tsc时报错:tsc : 无法加载文件 C:\Users\dxy\AppData\Roaming\npm\tsc.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅 https:/go.microsoft.com /fwlink/?LinkID=135170 中的 about_Execution_Policies原创 2021-04-03 11:23:03 · 1641 阅读 · 6 评论 -
javascript数据的显示
目录1.显示数据1.1 window.alert()弹出警告框1.2 document.write()写入到HTML文档1.3 innerHTML1.4 console.log()写入控制台2.向HTML写文档1.显示数据1.1 window.alert()弹出警告框格式:window.alert(内容)1.2 document.write()写入到HTML文档括号中可以用html标签。1.3 innerHTML可以用document.getElementById(id) 方法访问html原创 2021-03-25 14:19:58 · 312 阅读 · 0 评论