- 博客(26)
- 收藏
- 关注
RSS订阅原创 瀑布流实现方案
瀑布流是一种网页设计布局风格，以不规则、多尺寸和交错的方式展示内容。它通常用于图片、视频等多媒体展示页面，并且能够更好地适应不同尺寸和设备的屏幕。在瀑布流中，每个项目都以不同的高度和宽度呈现，类似于水从瀑布上流下来的形态。这种布局风格可以让用户在浏览网站时感到视觉上的新鲜感，同时也提高了页面的利用率。瀑布流设计最早被Pinterest使用，并得到了广泛的应用和发展。随着移动设备越来越普及，瀑布流设计因其适应性强而成为一个非常受欢迎的选择。
2023-06-18 23:19:22
186
原创 echarts中series数据type为pictorialBar错位点击数据错误
绘制echarts锥形图标时，series数据type设置为了pictorialBar，在给图标增加了点击事件后，发现有时候点击事件返回的数据是错误的，但是悬浮展示的数据又是正常的，研究了一下，发现是因为其中有数据为0时就为发生以上情况。series中symbol属性函数判断返回，数据为0时， symbol处理为’none’。
2023-05-12 16:51:47
857
原创 el-form重置输入框内容
输入框的样式代码<el-form :inline="true" :model="queryInfo" class="demo-form-inline" ref="tableSearch"> <div class="search_container"> <el-form-item label="名称" prop="name"> <el-input v-model="queryInfo.name" placehold
2022-03-28 16:07:52
569
原创 uniapp同时上传多张图片+node后台接收
uniapp同时上传多张图片+node后台接收uniapp方面代码uni.unloadFile方法中files 参数是一个 file 对象的数组，file 对象的key值分别为name,file,uri。因为文档中写了name不填或填的值相同，可能会导致服务端读取文件的时候只能读取到一个文件，所以我们要把name的值写成不同的值。uni.chooseImage({ //选择图片 count:9, sizeType:["compressed"], success(res) {
2020-12-30 17:46:53
2016
4
原创 webpack基本配置学习
webpack安装npm init -y npm install webpack webpack-cli --save-devnpm init -y中-y既是yes的意思，个人感觉相当于默认配置，直接生成package.json文件。--save-dev和--save的区别。.
2020-04-08 20:21:51
243
原创 git常用操作
一些自己常用的git操作：创建自己的SSH Key，与远程库建立连接，查看分支，删除分支，合并分支，撤销提交历史，Git或码云远程仓库地址修改。
2019-12-28 20:21:43
292
原创 jQuery笔记
$是著名的jQuery符号。实际上，jQuery把所有功能全部封装在一个全局变量jQuery中，而$也是一个合法的变量名，它是变量jQuery的别名：按id查找：var div = $(’#abc’);不存在返回[];按tag查找：var ps = $(‘p’); // 返回所有节点按class查找：var a = $(’.red’); // 所有节点包含class="red"都将返回按属...
2019-12-09 15:59:29
300
原创 Element-ui文字提示el-Tooltip修改样式
Element-ui文字提示el-Tooltip修改样式需求： vue-cli项目文字提示：需要改变字体样式和宽度。
2019-12-09 15:04:38
23699
9
原创 Element-ui树形控件el-tree复选框和el-table表格结合
选中左边el-tree的复选框，将数据展示到右侧el-table表格；从表格中删除数据同步将左侧对应复选框的选中状态取消。有默认选中状态。
2019-11-20 10:23:01
13530
11
原创 Element-ui树形控件el-tree自定义增删改和局部刷新及懒加载
vue-cli项目树形控件：一级节点为本地节点，默认展开一级节点，增删改后局部刷新数据。同级拖拽。
2019-11-19 15:17:29
20623
8
原创 H5 canvas 基础二
HTML5 canvas画布创建canvas元素创建了一个canvas元素，并规定了元素的id，宽度和高度。<canvas id="can" width="500px" height="500px" ></canvas>二次贝塞尔曲线<script> var can = document.getElementById('can'); ...
2019-10-21 15:44:19
224
原创 H5 canvas 基础一
H5之canvascanvas是什么H5里面的一个标签，作为一个标签，他就像是一幅画布，等待着你来作画。可以说，他只是一个容器而已，需要配合着JavaScript来进行绘制。创建canvas元素创建了一个canvas元素，并规定了元素的id，宽度和高度。<canvas id="can" width="500px" height="500px" ></canvas>...
2019-10-15 11:43:51
309
原创 css3 transform属性和使用方法
CSS3 transform 属性transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。属性及方法rotate定义 旋转，在参数中规定角度。旋转该元素，配合着transform-origin属性，(没有设置transform-origin属性也可以，只不过是根据该元素的中心点旋转，也就是center center)可以设置(rotat...
2019-10-14 20:59:14
913
原创 css 逐帧动画
css animation逐帧动画animation的各种属性之前已经写过了，感兴趣的可以去看下css3 animation属性和使用方法，今天主要运用animation-timing-function:steps实现下面这个动画stepssteps(1,start):动画一开始就跳到 100% 直到这一帧（不是整个周期）结束steps(1,end):保持 0% 的样式直到这一帧（不是整...
2019-10-14 17:03:36
1322
原创 css3 transition属性和使用方法
CSS3 transition 属性个人理解transition是一个类似动画的过度属性；可以设置变换属性的过渡效果，比如将一个div的宽度从100px变成200px；鼠标划过div宽度发生变化属性及用法transition-propertytransition-property: width;规定设置过渡效果的 CSS 属性的名称。参数： none：默认值，也是没有 a...
2019-10-14 15:32:18
833
1
原创 css3 animation属性和使用方法
css3 animation属性将动画与元素绑定。animation需要配合@keyframes使用。可以添加的参数有以下几种：animation,animation-name,animation-duration,animation-timing-function,animation-delay,animation-iteration-count,animation-direc...
2019-10-14 14:42:24
1794
原创 node，npm版本管理器nvm的安装和使用
首先nvm就是一个可以在同一个机器上下载多个版本node同时切换它们的版本的工具。有时候我们可能同时在进行两个项目，而两个项目的所使用的版本又不一样，我们就可以使用nvm来解决这个问题。
2019-09-07 13:19:10
302
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人