前端经典佳例
关注
分享
扫一扫
文章平均质量分 52
rainux.
敲代码使我超快乐！！！关注必回关
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
iview的表格行/列合并（留存备用）
https://www.jianshu.com/p/c336ed843f11原创 2022-03-03 11:44:19 · 767 阅读 · 0 评论 -
构建一个表格，能够实现一对多的数据形式（已自用于项目），形象而便于使用
getExProcess() { this.processList = [ [{ appname: "应用1", process_name: "进程1", pid: 1 }], [{ appname: "应用2", process_name: "进程2", pid: 2 }], [ { appname: "应用3", process_name: "进程3", pid: 3 }, { appname: "应用3", pro原创 2022-03-03 11:34:10 · 1619 阅读 · 0 评论 -
前端mockjs虚拟数据__留备使用
Code Is Never Die ！1.0 Vue环境下2.0 引入mock.js文件在main.js中引入mock.js3.0 mock.js文件拦截ajax请求，返回mock数据const Mock = require('mockjs')// 返回字符串Mock.mock('/api/data', (req, res) => { return Mock.mock({ 'string|3': '*' })})// 返回指定范围的整数Mock.原创 2021-09-09 19:10:37 · 229 阅读 · 0 评论 -
使用keep-alive实现组件页面缓存
Code Is Never Die ！keep-alive 参考文档Props：include - 字符串或正则表达式。只有名称匹配的组件会被缓存。exclude - 字符串或正则表达式。任何名称匹配的组件都不会被缓存。max - 数字。最多可以缓存多少组件实例。用法：<keep-alive> 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。<keep-alive> 是一个抽象组件：它自身不会渲染一个 DOM 元素，也不会出现在组件的父组件链中。原创 2021-07-22 09:25:00 · 552 阅读 · 1 评论 -
图片跟随鼠标样式跟随效果（附完整代码及效果）
Demo效果如下：完整代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <原创 2021-07-21 14:35:35 · 538 阅读 · 1 评论 -
IP地址进行函数封装处理--常见的前端封装js函数
Code is never die ！每日一小更，主要分享一下工作中遇到的一些小问题以及觉得比较 有用可以分享给大家都东西。废话不多说，进入正题！想必身为前端的你，也会经常遇到这样的问题吧，接班上一位 “优秀的前端工程师”，继续完成或者维护修改他的 “佳作”，那不堪入目的html、随处可放的css，不知哪里搞来一段js以及前后端交流商量出来的接口… 只有你想不到，没有它不敢出的…好的，切入正题，今天遇到的情况是对数据进行二次封装----修改为boss想要的格式和混淆加密方式如图：...原创 2021-06-30 10:37:43 · 6300 阅读 · 2 评论 -
vue-element el-table点击行展开，并且收起其他行
Code Is Never Die !代码行中已标注实现点击行展开，并且自动收起其他行的相关设置和代码。el-table表格是绑定在vue实例上的，相关配置、绑定数据、事件 将这三部分可以直接Copy到自己的项目相关位置，无需修改可以直接使用 !1. el-table 相关配置:row-key="getRowKeys" // 每一行的唯一key值:expand-row-keys="expands" // 设置目前的展开行(须同时设置row-key)@expand-change="expand原创 2021-06-21 12:09:51 · 16634 阅读 · 15 评论 -
推荐收藏：11招在手，各类表格需求——妈妈再也不用担心啦 ！
JavaScript 表格控件可以操作大数据集的HTML表格，提供各种功能，如分页、排序、过滤以及行编辑。在本文中，我整理了 11 个最好的 JavaScript 表格插件分享给同为开发人员的大家，大家可以很容易地添加表格操作功能到Web应用程序中。1. DataTable地址：DataTablesDataTables 是 jQuery、JavaScript 库的插件。它是一个高度灵活的工具，基于渐进增强的基础，并将向任何 HTML 表格添加高级交互控件。该库包括分页、即时搜索和多列排序，并支持几乎原创 2021-06-10 17:56:18 · 8037 阅读 · 3 评论 -
最常见的前端小案例---筛选商品
Code is never die !1.0 定义数组对象数据var data = [{ id: 1， pname: '小米'， price: 3999 }， { id: 2， pname: '苹果'， price: 999 }， { id: 3， pname: '华强北'，原创 2021-05-10 11:52:10 · 11443 阅读 · 1 评论