自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(21)
  • 收藏
  • 关注

原创 跨组件传值

跨组件传值*一、首先封装了一个表格 EasyTable.vue *<template><div> <ve-table style="width: 100%; overflow-x: scroll; white-space: nowrap" :columns="this.$attrs.columns" :table-data="this.$attrs.tableData" row-key-field-name="r

2021-06-21 11:07:51 262

原创 全局路由守卫

// 全局路由守卫router.beforeEach((to, from, next) => { store.state.pageParams = { totalCount: 0, pageIndex: 1, pageSize: 10 } let token = sessionStorage.getItem('token'); let stores = "" if (token) { .

2021-06-09 16:11:17 117

原创 axios请求拦截

下面展示一些 内联代码片。// A code blockvar foo = 'bar';// 请求拦截axios.interceptors.request.use((config) => { // 这里获取登录成功的token赋予给请求头headers const token = sessionStorage.getItem('token'); if (token && token != '{}') { config.headers.A

2021-06-09 16:07:33 122

原创 树形结构数据过滤

如图是返回的数据,我要过滤成如下的结构先使用深度优先算法再对返回的数据进行处理得到的数据结构如图

2021-06-09 14:30:08 278

原创 带T日期格式转换

日期格式转换

2021-06-08 11:28:10 1011

翻译 js实现快递单打印

<!DOCTYPE html><html><head> <meta charset=" utf-8"> <title>打印</title> <script language="javascript"> function remove_ie_header_and_footer() { let HKEY_Root, HKEY_Path, HKEY_Key; HKEY_Root =

2021-05-12 17:06:43 940

原创 在表格中实现修改数据,并能批量修改

在表格中实现修改数据,并能批量修改实现效果html<el-dialog title="商品批量改价" :visible.sync="dialogTableVisible" :append-to-body=true> <el-table :data="gridData" ref="multipleTable" @selection-chang

2021-04-26 15:01:41 369

原创 vue 根据标签名称的首字母过滤,并排序显示,同时实现标签的增删改查

根据标签名称的首字母过滤,并排序显示,同时实现标签的增删改查html页面<el-tab-pane label="标签管理" name="second"> <div class="banner_b"> <div class="icon_red_tag"></div> <div class="classfity_tag">商品标签</div> &

2021-04-26 14:43:51 382

原创 表格数据渲染问题,后端返回的表格数据报错,先暂存对象数据再赋值

报错如图直接上代码块,这样就不报错了if (res.data.code == 20000) { if (res.data.data != null) { //this.tableData = res.data.data.list; //这是返回的数据,报错的写法 let newData = [];

2021-04-22 15:27:25 214

原创 ES6数组去重的两种方法

ES6数组去重的两种方法第一种<script> let arr=[1,2,3,2,3,5,4,6,3,7,4,6]; function noReape(arr) { return Array.from(new Set(arr)) } console.log(noReape(arr))</script>第二种let arr=[1,2,3,2,3,5,4,6,3,7,4,6]; let arr2=[...new Set

2020-12-17 19:16:12 227

原创 数据格式转换

数据转换第一种方法<script> var json={a:1,b:2}; //a=1&b=2 function json2url(data) { var res=''; for(var key in data){ res+=key+'='+data[key]+'&'; } return res.substring(0,res.length-1); }

2020-12-01 20:46:29 116

原创 jQuery实现table选项卡

jQuery实现table选项卡<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jQuery实现table选项卡</title> <style> button.active{ background: red; } div.active{

2020-11-21 11:46:15 138

原创 四个点的无限运动

四个点的无限运动<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>四个点的无限运动</title></head><style> *{ margin: 0; padding: 0; } div{ width: 100px;

2020-11-21 11:23:30 72

原创 封装css样式的函数

封装css样式的函数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>封装css样式的函数</title></head><style> *{ margin: 0; padding: 0; }</style><body>

2020-11-21 10:49:16 398

原创 现在距离双11还剩xx天 00:00:00

现在距离双11还剩xx天 00:00:00<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>双11倒计时</title></head><body> <p>现在距离双11还剩xx天 00:00:00</p></body></html><

2020-10-27 00:09:43 274

原创 博彩双色球

双色球<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>双色球</title></head><body></body></html><script> //随机数函数 function random(n,m) { return p

2020-10-26 23:41:44 153

原创 Table选项卡

Table选项卡方法一<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>table选项卡</title> <style> div{ width: 200px; height: 200px; display: none;

2020-10-26 23:25:08 210

原创 HTML/CSS常见面试题

HTML/CSS常见面试题一、HTML篇1.1、c/s架构和b/s架构分别是什么,有什么优缺点BS:(Browser/Server,浏览器/服务器模式),web应用 可以实现跨平台,客户端零维护,但是个性化能力低,响应速度较慢。CS:(Client/Server,客户端/服务器模式),桌面级应用 响应速度快,安全性强,个性化能力强,响应数据较快区别硬件环境不同: C/S用户固定,一般只应用于局域网中,要求拥有相同的操作系统,如果对于不同操作系统还要相应开发不同的版本,并且对于计算机电脑配置要求

2020-10-17 21:30:57 3816

原创 CSS实现动画魔方

CSS实现动画魔方<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>正方体</title> <style> *{ margin: 0; padding: 0; } .box{ margin:

2020-10-12 00:14:25 111

原创 HTML/CSS

** background背景属性**background-color( 背景颜色): 指定区域填充的背景颜色 表示方式:1. 十六进制: 如:#ff0000;2. 英文单词: 如:red;3. rgb: 如:rgb(255, 0, 0);background-image(背景图片):指定区域的背景图片 表示方式:1. 相对路径(从当前HTML文件开始的路径):如: img/1.png2. 绝对路径(指带域名的文件的完整路径):如:https://img30.360buyimg.com/p

2020-10-11 12:25:50 70

原创 常见浏览器内核

浏览器内核也就是浏览器所采用的渲染引擎,不同内核的浏览器对网页渲染效果不同,以下是常见的浏览器内核:** Trident: IE内核,代表浏览器是 IE 6-10,部分浏览器的新版本是“双核”甚至是“多核”,所以IE9以后也采用Webkit内核Gecko(Firefox内核):最新也是WebkitPresto(Opera前内核) (已废弃):Opera现已改用Google Chrome的Blink内核Webkit(Safari内核,Chrome内核原型)Webket/Blink内核:Google

2020-10-08 14:49:30 89

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除