DevilAngelia的博客

先渲染固定条数数据，当页面滚动到底部时，page+1渲染后面的固定条数数据。

ui设计师在设计线型进度条的时候在进度条底部加上了一个显示数据的面板，但是ElementPlus提供的format和slot不满足此次的需求，就自己封装了一下。

代码】节流、防抖、深度克隆。

代码】vue简单封装分页组件。

Axios 是一个基于 promise 网络请求库，作用于node.js 和浏览器中。 它是 isomorphic 的(即同一套代码可以运行在浏览器和node.js中)。在服务端它使用原生 node.js http 模块, 而在客户端 (浏览端) 则使用 XMLHttpRequests。...

Element UI 表格进行二次封装 Tips: 文章末尾有完整封装代码 一、继承 element 表格属性 需要将element提供的表格属性使用props传入组件中 props: { // 表头数据 columns: { type: Array }, // 表格数据 list: { type: Array, default() { return [] } }, // 加载动画 loading: { type: Bool

一、创建Vue项目 创建项目的方式有很多，这就简单的说两种吧： 1、命令行创建 win+r 输入cmd 回车 cd进入你要创建的目录 输入下面的命令，遇到需要确认的地方按回车就行了，一般没有什么问题 vue init webpack todolist // todolist是项目名称 创建成功以后 进入项目里面安装依赖运行 cd todolist npm install // yarn 或 cnpm install npm run dev 2、如果使用的HBuilder开发工具，可以直接在工

爱心 1、css画一个爱心 .main{ width: 20px; position: fixed; } // 圆形一 .disc1{ width: 20px; height: 20px; border-radius: 100%; /*background: red;*/ position: absolute; top: 0; left: 0; z-index: 2; } // 圆形二 .disc2{ width: 20

滑动验证 效果—↓↓↓ 滑动前 滑动中 滑动完成 代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>滑动验证</title> <link rel="stylesheet" type

纯CSS 3D旋转立体画册 第一弹效果 外层盒子+动画 效果 盒子 鼠标移入 HTML <div class="content flex col-center row-center"> <div class="hover"> <!-- 立方体三维图片展示 --> <div class="box"> <div class="item"></div> <div class="item"></di

uni-app 中监听触摸事件，滑动事件 手指滑动事件关键点在于三个事件： 1、@touchstart ：触摸开始； 2、@touchmove：手指滑动的过程； 3、@touchend：触摸结束，手指离开屏幕。 <view class="margin-top-sm showMore-box" :style="{ transform: 'translateX('+moveX+'px)', transition: transition }" @touchstart="start"

let jsonArr = [ { id: 1, name: '苹果', price: 3, }, { id: 2, name: '苹果', price: 5, }, { id: 3, name: '梨子', price: 6, }, { id: 4, name: '苹果', price: 5, }, { id: 5, name: '苹果', price: 5, }, { id: 6, name: '梨子', pr

JS CSS 进度条 html <div id="show" class="show"> <div class="box"> <div class="line-box" id="line_box"> <div class="line" id="line"></div> </div> <div id="num" class="num">0%&lt