JavaScript
文章平均质量分 54
DevilAngelia
学无止境
展开
-
后端一次性返回 十万条数据——分页加载
先渲染固定条数数据,当页面滚动到底部时,page+1渲染后面的固定条数数据。原创 2022-07-22 11:24:54 · 606 阅读 · 0 评论 -
Vue3 基于Element Plus 线型进度条 el-progress 二次封装
ui设计师在设计线型进度条的时候在进度条底部加上了一个显示数据的面板,但是ElementPlus提供的format和slot不满足此次的需求,就自己封装了一下。原创 2022-07-18 16:56:32 · 1568 阅读 · 0 评论 -
类型判断、节流、防抖、深度克隆
代码】节流、防抖、深度克隆。原创 2022-07-15 14:50:26 · 106 阅读 · 0 评论 -
vue Pagination 简单封装分页组件
代码】vue简单封装分页组件。原创 2022-07-14 18:55:48 · 826 阅读 · 0 评论 -
vue2+axios 封装, 统一管理api, 取消请求
Axios 是一个基于 promise 网络请求库,作用于node.js 和浏览器中。 它是 isomorphic 的(即同一套代码可以运行在浏览器和node.js中)。在服务端它使用原生 node.js http 模块, 而在客户端 (浏览端) 则使用 XMLHttpRequests。...原创 2022-07-14 10:24:27 · 580 阅读 · 1 评论 -
Element UI 表格 el-table 二次封装
Element UI 表格进行二次封装Tips: 文章末尾有完整封装代码一、继承 element 表格属性需要将element提供的表格属性使用props传入组件中props: { // 表头数据 columns: { type: Array }, // 表格数据 list: { type: Array, default() { return [] } }, // 加载动画 loading: { type: Bool原创 2021-12-31 11:41:58 · 8781 阅读 · 1 评论 -
学习Vue 做一个简单的Todo List
一、创建Vue项目创建项目的方式有很多,这就简单的说两种吧:1、命令行创建win+r 输入cmd 回车 cd进入你要创建的目录输入下面的命令,遇到需要确认的地方按回车就行了,一般没有什么问题vue init webpack todolist // todolist是项目名称创建成功以后进入项目里面安装依赖运行cd todolistnpm install // yarn 或 cnpm installnpm run dev2、如果使用的HBuilder开发工具,可以直接在工原创 2021-08-31 16:24:33 · 767 阅读 · 0 评论 -
jquery鼠标移动、点击页面出现爱心
爱心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原创 2021-08-24 17:20:08 · 438 阅读 · 0 评论 -
表单滑动验证
滑动验证效果—↓↓↓滑动前滑动中滑动完成代码<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>滑动验证</title> <link rel="stylesheet" type原创 2021-06-18 11:50:18 · 191 阅读 · 0 评论 -
纯CSS 3D旋转立体画册 第一弹
纯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原创 2021-06-17 18:23:31 · 205 阅读 · 0 评论 -
uni-app 监听触摸事件 滑动事件
uni-app 中监听触摸事件,滑动事件手指滑动事件关键点在于三个事件:1、@touchstart :触摸开始;2、@touchmove:手指滑动的过程;3、@touchend:触摸结束,手指离开屏幕。<view class="margin-top-sm showMore-box" :style="{ transform: 'translateX('+moveX+'px)', transition: transition }" @touchstart="start"原创 2021-03-23 00:13:31 · 22187 阅读 · 7 评论 -
数组根据去重
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原创 2021-03-08 14:50:26 · 189 阅读 · 1 评论 -
JavaScript CSS 线性进度条
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%<原创 2020-12-26 16:04:04 · 273 阅读 · 1 评论