web前端
关注
分享
扫一扫
文章平均质量分 78
常用方法、组件封装或自定义指令
_Tough_Girl
这个作者很懒，什么都没留下…
展开
-
常用插件（2）：vue3-hash-calendar 日期时间选择插件、基于Vue的组织架构图组件、lodash、radash、vue-esign 手写电子签名、vue-currency-input
常用插件（2）：vue3-hash-calendar 日期时间选择插件、基于Vue的组织架构图组件、lodash、radash、vue-esign 手写电子签名、vue-currency-input 货币格式化数字输入组件原创 2024-10-23 14:24:32 · 757 阅读 · 0 评论 -
常用插件（1）：vue-count-to 数字滚动插件、vue-seamless-scroll 基于vue.js的无缝滚动、vue-qr Vue生成二维码插件、qrcode.vue 一款 Vue.js
vue-count-to是一个没有依赖的轻量级vue组件，可以自行覆盖EasingFn。 可以设置 startVal 和 endVal，它会自动判断计数进行数字渲染。 支持vue-ssr。vue-count-to参考于countUp.js;github 地址： https://github.com/PanJiaChen/vue-countTo/tree/master?tab=readme-ov-file使用教程： vue-count-to–数字滚动插件安装使用：vue-count-to 实际编译出来的就原创 2024-06-18 11:51:53 · 1667 阅读 · 0 评论 -
Element表格固定第一列和第一行，并通过属性名动态渲染数据
Element表格固定第一列和第一行，并通过属性名动态渲染数据转载 2024-06-18 10:31:43 · 165 阅读 · 0 评论 -
Vue3使用mitt进行组件通信
Vue3使用mitt进行组件通信原创 2024-05-31 15:53:20 · 543 阅读 · 0 评论 -
JavaScript 常用方法（1）：JS日期格式化函数、JS实现并列排序、JS实现数字每三位添加逗号、JS 实现根据日期和时间进行排序
JavaScript 常用方法（1）：JS日期格式化函数、JS实现并列排序、JS实现数字每三位添加逗号、JS 实现根据日期和时间进行排序原创 2024-03-25 17:17:54 · 1173 阅读 · 0 评论 -
JavaScript 常用方法（2）：js获取最近n小时，最近n天，最近n个月，最近n年，未来n天的时间数组，当月、上月、下月所有天数，当月、上月、下月的第一天和最后一天
JavaScript 常用方法（2）：js获取最近n小时，最近n天，最近n个月，最近n年，未来n天的时间数组，当月、上月、下月所有天数，当月、上月、下月的第一天和最后一天原创 2024-01-28 17:29:08 · 408 阅读 · 0 评论 -
Grid布局：手机桌面图标或小组件随机布局
Grid布局：手机桌面图标或小组件随机布局原创 2023-12-19 10:37:18 · 501 阅读 · 0 评论 -
Vue 集成RTRC实时音视频Web端以及实现Web端点击某个视频实现放大功能
Vue 集成RTRC实时音视频Web端以及实现Web端点击某个视频实现放大功能原创 2023-03-06 18:10:34 · 11 阅读 · 0 评论 -
vue 中实现全屏：（1）插件 screenfull.js （2）js控制浏览器全屏
vue 中实现全屏：（1）插件 screenfull.js （2）js控制浏览器全屏原创 2023-05-04 16:57:35 · 203 阅读 · 0 评论 -
Element UI：修改 element-ui 表格样式
修改 Element-ui 表格样式原创 2023-02-09 16:30:21 · 246 阅读 · 0 评论 -
Vue案例：Tab 选项卡
Vue案例：Tab选项卡效果： 可以实现切换功能。实现步骤：（1）实现静态 UI 效果用传统的方式实现标签结构和样式。（2）基于数据重构 UI 效果将静态的结构和样式重构为基于 Vue 模板语法的形式。处理事件绑定和 js 控制逻辑。（3）声明式编程模板的结构和最终显示的效果基本一致。代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">原创 2021-09-26 09:42:24 · 295 阅读 · 0 评论 -
案例：Vue.filter 定义一个全局过滤器，对日期进行格式化
案例：Vue.filter 定义一个全局过滤器，对日期进行格式化原创 2022-10-31 23:54:42 · 311 阅读 · 0 评论 -
案例：图书管理（包括图书列表展示，添加、修改、删除图书功能）
案例：图书管理功能如下：（1）图书列表实现静态列表效果基于数据实现模板效果处理每行的操作按钮（2）添加图书实现表单的静态效果添加图书表单域数据绑定添加按钮事件绑定实现添加业务逻辑（3）修改图书修改信息填充到表单修改后重新提交表单重用添加和修改的方法（4） 删除图书删除按钮绑定事件处理方法实现删除业务逻辑（5）常用特性应用场景过滤器（格式化日期）自定义指令（获取表单焦点）计算属性（统计图书数量）侦听器（验证图书存在性）生命周期（图书数据处理）原创 2021-09-26 22:19:19 · 4692 阅读 · 0 评论 -
基于组件的案例：购物车
基于组件的案例：购物车需求分析： 按照组件化方式实现业务需求。根据业务功能进行组件化划分：① 标题组件（展示文本）。② 列表组件（列表展示、商品数量变更、商品删除）。③ 结算组件（计算商品总额）。功能实现步骤：实现整体布局和样式效果划分独立的功能组件组合所有的子组件形成整体结构逐个实现各个组件功能标题组件列表组件结算组件代码：<!DOCTYPE html><html lang="en"><head> <meta原创 2021-09-26 23:21:11 · 624 阅读 · 0 评论 -
基于 vue-router 的案例：后台管理路由案例
案例：后台管理路由案例案例分析：1. 用到的路由技术要点：路由的基础用法嵌套路由路由重定向路由传参编程式导航2. 根据项目的整体布局划分好组件结构，通过路由导航控制组件的显示抽离并渲染 App 根组件将左侧菜单改造为路由链接创建左侧菜单对应的路由组件在右侧主体区域添加路由占位符添加子路由规则通过路由重定向默认渲染用户组件渲染用户列表数据编程式导航跳转到用户详情页实现后退功能案例完整代码：<!DOCTYPE html><html lang="原创 2021-08-10 21:46:35 · 1313 阅读 · 0 评论 -
图书列表管理案例：基于接口的案例
一、案例分析图书相关的操作基于后台接口数据进行操作需要调用接口的功能点①图书列表数据加载—— GET —— http://localhost:3000/books②添加图书—— POST —— http://localhost:3000/books③验证图书名称是否存在—— GET ——http://localhost:3000/books/book/:name④编辑图书—根据ID查询图书信息—— GET —— http://localhost:3000/books/:id⑤编辑图书—提.原创 2021-08-08 17:22:13 · 1880 阅读 · 0 评论 -
Vue中实现将html导出为word文档
Vue中实现将html导出为word文档原创 2023-10-11 10:47:03 · 252 阅读 · 0 评论 -
vue中实现锚点定位以及平滑滚动到指定位置
vue中实现锚点定位以及平滑滚动到指定位置原创 2023-08-24 15:43:35 · 373 阅读 · 0 评论 -
SVG或PNG图片颜色修改：JS 动态更改svg格式字符串的颜色、svg格式字符串转url、使用svg加载器svg-sprite-loader动态改变svg颜色、使用drop-shadow修改图片颜色
SVG或PNG图片颜色修改：JS 动态更改svg格式字符串的颜色、svg格式字符串转url、使用svg加载器svg-sprite-loader动态改变svg颜色、使用drop-shadow修改图片颜色原创 2023-07-14 11:20:38 · 3043 阅读 · 0 评论 -
几个实用的Vue2自定义指令：长按指令、函数防抖指令、点击元素外部指令、自动聚焦指令、复制粘贴指令、权限校验指令、实现页面水印指令、拖拽指令
几个实用的Vue2自定义指令：长按指令、函数防抖指令、点击元素外部指令、自动聚焦指令、复制粘贴指令、权限校验指令、实现页面水印指令、拖拽指令原创 2023-04-19 17:54:04 · 57 阅读 · 0 评论 -
Vue2 element-ui 的 dialog 弹框实现最大化、还原以及自定义拖拽、拉伸等功能
Vue2 element-ui 的 dialog 弹框实现最大化、还原以及自定义拖拽、拉伸等功能原创 2023-04-18 17:58:57 · 57 阅读 · 0 评论 -
Vue实现table表格数据自动滚动、无缝滚动、CSS实现table固定表头和首列
Vue实现table表格数据自动滚动、纯CSS实现table固定表头和首列原创 2023-03-30 09:25:16 · 771 阅读 · 0 评论 -
封装工具函数 time.js：对日期进行格式化
封装工具函数 time.js：对日期进行格式化原创 2022-10-31 23:57:13 · 367 阅读 · 0 评论 -
Leaflet：封装 leaflet 绘制点和区域
封装 leaflet 绘制点和区域原创 2022-10-29 23:27:10 · 1765 阅读 · 0 评论 -
axios 的封装和 api 接口的统一管理
axios 的封装和 api 接口的统一管理原创 2022-10-20 23:23:30 · 507 阅读 · 0 评论