- 博客(12)
- 收藏
- 关注
原创 干了这碗21年的leetCode(十一、十四、十五)
干了这碗21年的leetCode(十一、十四、十五)十一题十四题十五题十一题给定 n 个非负整数 a1,a2,…,an,每个数代表坐标中的一个点 (i, ai) 。在坐标内画 n 条垂直线,垂直线 i 的两个端点分别为 (i, ai) 和 (i, 0)。找出其中的两条线,使得它们与 x 轴共同构成的容器可以容纳最多的水。说明:你不能倾斜容器,且 n 的值至少为 2。图中垂直线代表输入数组 [1,8,6,2,5,4,8,3,7]。在此情况下,容器能够容纳水(表示为蓝色部分)的最大值为 49。示例:
2021-01-13 23:16:47 134
原创 干了这碗21年的leetCode(七、八、九)
干了这碗21年的leetCode(七、八、九)第七题第八题第九题第七题给出一个 32 位的有符号整数,你需要将这个整数中每位上的数字进行反转。示例 1:输入: 123输出: 321示例 2:输入: -123输出: -321示例 3:输入: 120输出: 21示例 4:输入: 1534236469输出: 0示例 5:输入: -2147483648输出: 0注意:假设我们的环境只能存储得下 32 位的有符号整数,则其数值范围为[−2^31, 2^31 − 1]。请根据这个假
2021-01-12 20:37:17 166
原创 干了这碗21年的leetCode(二、四、五)
干了这碗21年的leetCode(二、四、五)第二题第四题第五题第二题给出两个 非空 的链表用来表示两个非负的整数。其中,它们各自的位数是按照 逆序 的方式存储的,并且它们的每个节点只能存储 一位 数字。如果,我们将这两个数相加起来,则会返回一个新的链表来表示它们的和。您可以假设除了数字 0 之外,这两个数都不会以 0 开头。示例 1:输入:(2 -> 4 -> 3) + (5 -> 6 -> 4)输出:7 -> 0 -> 8原因:342 + 465 =
2021-01-11 18:31:24 190 2
原创 wangEditor的初步使用
wangEditor的初步使用安装wangEditor具体使用很多时候,我们会使用到富文本编辑器,安装wangEditornpm install wangeditor --save具体使用官方文档介绍了高度的设置方法:editor.config.height = 300 // 设置编辑区域高度在使用过程中,我使用的宽度设置方法为:<div id="div1" style="width: 600px"></div>通过onchange函数来获取编辑器中的内容,配
2021-01-10 17:49:07 427
原创 通过el-upload结合xlsx获取表格数据
通过el-upload结合xlsx获取表格数据安装XLSX解析数据下载模板完整项目代码:安装XLSX在项目中安装XLSX:npm install xlsx --save解析数据通过el-upload上传excel表格文件,代码如下: <el-upload action="" :before-remove="beforeRemove" multiple :show-file-list="false"
2021-01-10 16:44:56 1784
原创 通过el-upload上传图片到阿里云oss
通过el-upload上传图片到阿里云oss开通阿里云oss上传图片到oss首次连接遇到的跨域问题oss绑定域名完整项目代码对象存储服务(Object Storage Service,OSS)是一种海量、安全、低成本、高可靠的云存储服务,适合存放任意类型的文件。容量和处理能力弹性扩展,多种存储类型供选择,全面优化存储成本。开通阿里云oss首先需要在阿里云控制台开通oss服务,这里不做过多叙述,开通后需要创建Bucket,然后即可上传文件至oss。上传图片到oss如何在项目中上传图片至oss中:1
2021-01-09 23:18:16 3683 2
原创 如何在项目中使用阿里矢量图标库
如何在项目中使用阿里矢量图标库Iconfont-国内功能很强大且图标内容很丰富的矢量图标库,阿里巴巴体验团队倾力打造,提供矢量图标下载、在线存储、格式转换等功能。以前使用字体图标,我的方法都是去网站上面先下载,然后再引入到项目中,在项目中需要大量使用字体图标时,这种方法显得格外繁琐。本篇博客主要介绍:如何在项目中在线使用阿里矢量图标库。1.选择图标加入购物车(添加入库)2.在购物车(库)中将图标添加到项目中如果没有项目,则需要新建一个项目3.在库中更新代码将更新后的代码引用到项目中:
2021-01-06 20:00:28 1350
原创 el-table展开行中通过事件控制某一行的展开
el-table展开行中通过事件控制某一行的展开在el-table中type="expand"时,表格可以设置展开行,但有时候,需要我们通过一些别的事件来触发展开行事件,如何来控制某一行的展开与闭合,这是本篇博客所讲诉的。toggleRowExpansion,在官网中有描述过这一方法可以用来切换某一行的展开状态但是具体代码如何书写,没有具体的介绍。首先,给表格添加ref属性<el-table :data="tableData" style="width: 100%" ref="table"&
2021-01-06 19:21:46 3858
原创 vue组件之间的传值方式
vue组件之间的传值方式父传子子传父兄弟传值爷传孙(v-bind="$attrs")孙传爷(v-on="$listeners")vuex父传子父组件向子组件传递数据:父组件中通过绑定属性传递数据:子组件通过props接收数据:使用:单向数据流:父组件可以向子组件通过属性形式传递参数,传递的参数也可以随时随意修改;但子组件不能修改父组件传递过来的参数,只能使用父组件传递的数据.sync修饰符:事件绑定的语法糖,应用于父子组件传值时,且子组件要修改这个数据的时候使用。它的原理是利用Event
2021-01-06 15:53:12 267
原创 前端环境的各类软件安装和环境配置
环境安装安装node.js安装gitchrome浏览器安装webstorm安装Navicat安装MySQL安装node.jsnode.js:直接官网下载安装安装gitgit:官网下载较慢,建议下载一次后保存文件,方便以后安装链接:https://pan.baidu.com/s/1JzIkMRdcdPXEK7RuUDJB1A提取码:gnvzchrome浏览器官网下载(在设置中切换搜索引擎为百度搜索)安装webstorm链接:https://pan.
2021-01-06 10:17:51 307
原创 使用脚手架新建Vue项目和熟悉WebStorm编辑器的使用
使用脚手架新建Vue项目和熟悉WebStorm编辑器的使用使用脚手架新建Vue项目熟悉WebStorm编辑器的使用WebStorm一些常用快捷键和用法WebStorm ctrl+shift+F 快捷键,无法打开全局搜索使用脚手架新建Vue项目安装淘宝镜像:npm install -g cnpm --registry=https://registry.npm.taobao.org安装vue脚手架:cnpm install vue-cli -g 安装后输入 vue list 用于检测是
2021-01-05 21:54:21 292
原创 CSS3过渡小案例:折扇
CSS3过渡小案例:折扇简单应用:利用鼠标经过后盒子阴影和上边距属性的改变,制作一个简单的页面效果小案例:折扇案例CSS3的过渡效果: 通过 CSS3的过渡效果,我们可以在不使用 Flash 动画或 JavaScript的情况下,当元素从一种样式变换为另一种样式时为元素添加效果。 CSS3 过渡是元素从一种样式逐渐改变为另一种的效果。要实现这一点,必须规定两项内容: 过渡效果添加的具体 CSS 属性 效果时长具体用法:transition:transition-property tra
2020-08-12 15:24:33 501
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人