- 博客(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
翻译 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关注的人