- 博客(23)
- 收藏
- 关注
RSS订阅原创 垂直自动滚动
class Scroll { constructor (options = {}) { // 滚动固定区域 this.fixedBox = options.el // 复制的滚动区域 this.copyFixedBox = null // 滚动的区域 this.scrollBox = null // 滚动区域里的子元素 this.scrollChildrens = [] // 滚动的区域className this.cl..
2021-09-16 17:44:16
135
原创 echarts 配置公共组件
1、安装echartsnpm install echarts --savenpm install lodash --save // 若已安装请忽略2、在mian.js中全局引入import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';Vue.use(ElementUI);3、Echart.vue文件：图本身组件<template> <div cl
2021-09-01 17:57:05
446
原创 对象复杂拷贝
// 判断是否是一个js对象const isObject = obj => Object.prototype.toString.call(obj) === '[object Object]'console.log(Object.prototype);// 对象复杂深拷贝function DeepCopy(obj){ if(isObject(obj)){ const newObj = {} for(let key in obj){ if(Object.pro..
2021-08-10 13:59:29
101
原创 table数据导出
<el-button class="export_btn" type="primary" size="small" @click="handleExport">导出</el-button> <el-table id="exportTable"> <template v-for="(col,index) in columns"> <el-table-column :key="index" align="center"..
2021-06-24 09:54:21
298
原创 css写一个checkbox
纯css写一个checkbox <span> <b class="checkbox" :class="{ checked: item.active }"></b> </span>.checkbox { width: 16px; height: 16px; background-color: #c8c9cc; display: inline-block; vertical-align: top;
2021-06-17 18:11:30
226
原创 element-Dialog再次封装
element-Dialog再次封装export default class Dialog { constructor (view, cfg) { this.dialog = new (Vue.extend(DialogView))({ store: store, router: router }) Object.assign(this.dialog, cfg) this.dialog.currentView = { mixins:
2021-05-20 14:55:50
153
原创 axios请求导出数据（excel格式）
exportData () { let params = { companyInfos: this.companyInfos, metricsInfos: this.metricsInfos, sortMetricsCode: this.sorter.column, sortType: this.sorter.order } // const t = setTimeout(() => { .
2021-03-10 16:10:18
366
原创 axios封装
axios封装import axios from 'axios'import store from '@/store'import router from '@/router'import { checkUser } from '@/utils/user'axios.defaults.timeout = 50000axios.defaults.withCredentials = trueaxios.defaults.baseURL = '/'class RequestError extend
2021-03-10 16:04:39
78
原创 config的配置
config的配置module.exports = { publicPath: '/', outputDir: '../web', indexPath: './index.html', lintOnSave: false, crossorigin: 'anonymous', assetsDir: '', integrity: true, productionSourceMap: false, devServer: { proxy: { '/csf-p
2021-03-10 16:01:42
235
原创 vuex五大特性
vuex状态管理1、vuex是什么VueX 是一个专门为 Vue.js 应用设计的状态管理架构，统一管理和维护各个vue组件的可变化状态(你可以理解成 vue 组件里的某些data )。2、vuex 的五个核心概念State 定义状态(变量)state里面存放的数据是响应式的，Vue组件从store中读取数据，若是store中的数据发生改变，依赖这个数据的组件也会发生更新Getter 获取状态(变量的值)A、getters 可以对State进行计算操作，它就是Store的计算属性B
2020-12-05 10:55:54
1153
转载 作用域与词法作用域
作用域与词法作用域作用域我们先抛出一个概念：“词法作用域是作用域的一种工作模型”，先不管这句话的深层次的意思，就但看表面，我们就应该可以得出一个结论，那就是没有作用域的概念就没有词法作用域的概念。所以…接下来，你懂的…什么是作用域作用域就是一套规则，用于确定在何处以及如何查找变量（标识符）的规则”。在这句话中读到一个关键点 查找变量（标识符），那么就从查找变量说起吧。先看一段及其简单的代码function foo() { var a = 'iceman'; console.log(a); /
2020-11-14 10:26:01
176
原创 浅谈Vue原型链
浅谈Vue原型链<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="./vue.js"></scrip
2020-11-09 13:44:48
3995
1
原创 CSS的幽灵节点和！important的权重
CSS的幽灵节点和！important的权重1、正常操作（传说的幽灵节点） <!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title>
2020-11-03 21:33:20
331
原创 面试题----高频
高频面试题一、http和https的区别？http传输的数据都是未加密的，也就是明文的，网景公司设置了SSL协议来对http协议传输的数据进行加密处理，简单来说https协议是由http和ssl协议构建的可进行加密传输和身份认证的网络协议，比http协议的安全性更高。主要的区别如下：Https协议需要ca证书，费用较高。http是超文本传输协议，信息是明文传输，https则是具有安全性的ssl加密传输协议。使用不同的链接方式，端口也不同，一般而言，http协议的端口为80，https的端口为44
2020-11-01 12:53:36
173
原创 join( ) split( ) 的区别
join( ) split( ) 的区别split（ ）：用来把一个字符串分割成字符串数组。var a = '我是sx，今年23，来自河南，喜欢打球' // 括号内参数为从那里开始分割 console.log(a.split(''))join( ) ：把一个数组的所有元素放入一个字符串里面。 var b = ['我', '是', '谁', '我', '在', '哪'] //括号为参数可以自定义为以什么进行分割 console.log(b.join(
2020-10-23 20:15:24
264
原创 行内元素和块元素的具体区别
行内元素和块元素的具体区别块级元素（block）特性：1、独占一行，表现为另起一行开始，而且其后的元素也必须另起一行显示2、宽度、高度、内边距和外边距都可控制3、可以容纳行内元素和其他块元素。特殊：文字类的块级元素不能放块元素，例如：p 、h1-h6 、dt等标签行内元素（内联元素）特性：1、会和相邻的内联元素在同一行2、宽度、高度、内边距（top/bottom/padding-top/padding-bottom）、外边距(top/bottom/margin-top/margin-bo
2020-10-23 19:51:17
408
原创 小白面试题
一、href和src的区别1 、请求资源类型不同（1）href 指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的联系。（2）在请求 src 资源时会将其指向的资源下载并应用到文档中，比如 JavaScript 脚本，img 图片；2、 作用结果不同（1）href 用于在当前文档和引用资源之间确立联系；（2）src 用于替换当前内容；3 、浏览器解析方式不同（1）若在文档中添加 ，浏览器会识别该文档为 CSS 文件，就会并行下载资源并且不会停止对当前文档的处理。这也是为什么
2020-10-22 10:07:28
118
原创 隐藏的区别：display:none 和visibility：hidden
**display:none 和visibility：hidden的区别**display： 隐藏对应的元素，并挤占该元素对应的位置给2号div加display：none后2号div的位置被3号div挤占visibility：隐藏对应的元素，不挤占该元素对应的位置给2号div加visibility：hidden后2号div的位置不会被3号div挤占...
2020-10-22 09:09:37
132
原创 垂直居中一个浮动的元素
如何垂直居中一个浮动的元素方法一：已知元素宽高 div { background: #6699ff; width: 100px; height: 100px; /* 如果有父元素，父元素需要相对定位 */ position: absolute; top: 50%; left: 50%; /* 相对于父元素二分之一的高和宽 （自适应最好用百分比表示单位）*/ m
2020-10-21 09:27:22
211
2
原创 新手必看面试题
入门级 var a = 1; var b = a-- ? 10 : 0; console.log(b) // 输出 10 // 本质:是将1转化为bool值,为true // --d == --1 == 0 先运算再使用 var d = 1； var c= --d ? 10 : 0; // 0 转化为bool的false console.log(c); // 输出0加难度 var a = 1 var b
2020-10-20 22:21:32
113
原创 简单JS轮播图
简单的轮播图效果 <body> <div id="slider" class="slider"> <ul> <li class="ax"> <a href="#"> <img src="./img/01.jpg" alt="" /> <p>这是第1张图片的文字说明</p> </a&g
2020-10-20 10:23:24
836
2
原创 ES6新增内容(部分)
ES6新增内容一、两个声明变量的方法let、 constlet： 不能重复声明、有暂时性死区，不能提前访问、{}块级作用域。const：声明常量、声明之后不能被修改。二、箭头函数语法：（参数）=>{表达式}箭头函数中this没有固定指向，一般指向宿主对象。三、结构赋值一次性获取数组或对象中的元素语法: var [a,b,c]=[1,2,3]var {name，age，say}={name：‘ls’，age：18，say：‘哈哈’}此处变量的名字要和对象中的属性一一对应。四、bi
2020-10-17 09:05:37
1195
9
原创 深拷贝与浅拷贝的理解及实现
深拷贝与浅拷贝简单点：b拷贝a，修改a，此时a发生变化，若b也跟着发生变化（脱离不了a的摆布），则为浅拷贝。若b不发生变化，能脱离a的摆布则为深拷贝。**主要从基本数据类型和引用数据类型的概念说：基本数据类型：number,string,boolean,null,undefined五类。引用数据类型(Object类)有：对象{a:1}，数组[1,2,3]，以及函数等。1、基本数据类型—名、值储存在栈内存中：例 let a =1深拷贝：当你b=a复制时，栈内存会新开辟一个内存，例如这样：浅
2020-10-16 21:14:42
251
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人