自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 手写合计行代替elementui自带的合计功能解决合计行在横向滚动条下方的问题

前言这段时间做后台管理项目,涉及到element表格的合计功能,但是当出现横向滚动条的时候发现合计一行在滚动条的下方,不符合产品需求.百度了一下,网上好多处理方案,基本上都是修改样式,如下面的代码:.el-table { overflow: auto;} .el-table--scrollable-x .el-table__body-wrapper { overflow-x: visible; } .el-table__body-wrapper, .el-table__header

2020-08-07 15:03:42 1035 1

原创 vue+elementui table表格递归生成多级表头

vue+elementui table表格递归生成多级表头前言1.tableView.vue2.tableItem.vue(子组件)3.columnItem.vue(递归组件)如图所示前言近期在写一个后台管理系统的项目,需要表格动态生成多级表头,项目中使用了递归组件,自己总结一下加深记忆.话不多说,直接上代码.1.tableView.vue<template> <div> <table-item :tableData="tableData" :col="co

2020-07-28 10:09:19 7603 6

原创 vue项目中使用vant组件ImagePreview图片预览在iOS上存在的问题

存在问题在多个组件内使用,iOS下,切换路由后,会导致ImagePreview组件无法进行图片预览,放大图片<img v-for="(item, index) in imgList" @click="imgPreview(imgList, index)" :key="index" :src="item" alt/>// 组件内import { ImagePreview } from "vant";methods: { imgPreview(img

2020-06-11 22:28:27 2695

原创 前端tab页切换局部刷新渲染echarts图表

近期项目中有好多个模块有tab页切换渲染echarts图,所以整理了一下,方便以后查看.关键的是html部分的id要和后台返回的数据中的对象frontProjectData中的键名保持一致.大神们还有其他好的方法欢迎留言,互相学习!直接上代码:1.html部分<div class="outsideBox"> <div class="titleBox">&...

2019-12-16 12:24:47 1750

原创 函数的四种调用模式及this指向

一.根据函数内部this的指向不同,可以将函数的调用模式分成4种函数调用模式方法调用模式构造函数调用模式上下文调用模式(借用方法模式)首先先来分析this指向问题1.任何函数都有属于自己的this2.this的指向和函数的调用模式相关,意味着this的指向在函数声明的时候确定不了.然后分析this指向的思路:1.this是属于哪个函数的2.这个函数的调用模式是哪种接下来,...

2019-02-22 19:55:42 2233

原创 经典的流式布局实现方法总结(一)

经典的流式布局

2019-02-13 00:45:00 21805

原创 webpack 使用步骤

webpack 使用步骤 (最新版)webpack 第一阶段 命名初始化阶段文件名不能有汉字,不能取名叫 webpack生成 package.json, 命令 : npm init -y安装 : npm i -D webpack webpack-cli webpack : 是 webpack 工具的核心包 webpack-cli : 提供了一些在终端中使用的命令 ...

2020-03-10 09:29:37 272

原创 vue中computed与methods、watch的区别

计算属性computed :支持缓存,只有依赖数据发生改变,才会重新进行计算不支持异步,当computed内有异步操作时无效,无法监听数据的变化computed 属性值会默认走缓存,计算属性是基于它们的响应式依赖进行缓存的,也就是基于data中声明过或者父组件传递的props中的数据通过计算得到的值如果一个属性是由其他属性计算而来的,这个属性依赖其他属性,是一个多对一或者一对一,一般用c...

2020-03-07 20:27:36 259

原创 js数组合并的几种方法

concat 方法 var arr1 = [1, 2, 3]; var arr2 = ['a', 'b', 'c']; var newArr = arr1.concat(arr2); console.log(newArr);// [1, 2, 3, "a", "b", "c"] console.log(arr1 );// [1, 2, 3] 利用concat方法会产生一个新的数组...

2020-02-29 10:23:54 857

原创 ES6中箭头函数的this指向问题

首先说一下箭头函数的特点:1.this指向定义时的对象,也就是说箭头函数一旦定义完成,它的指向是固定的,没法改变,它的指向是定义时所在的作用域,而不是执行时的作用域;2.箭头函数没有自己的this;3.箭头函数不能当构造函数用;4.不能绑定arguments,用rest参数…解决;先来看一下下面代码: var obj={ fn:function(){ ...

2020-01-10 16:21:34 295

原创 angular创建项目中出现 ERROR in node_modules/rxjs/internal/types.d.ts(81,44): error TS1005: ';' expected.

新创建一个angular项目时,在执行ng serve --open启动项目时出现以下错误信息:原因是rxjs版本问题,需要修改一下版本解决方法:在package.json文件里面 修改 “rxjs”: “^6.0.0” 为 “rxjs”: “6.0.0”,然后在项目中运行 npm update最后重启项目即可ng serve --open...

2020-01-06 16:29:24 802

原创 'ng' 不是内部或外部命令,也不是可运行的程序或批处理文件

最近,由于项目组的项目需要用angular,所以在自学angular。在安装配置的时候出现下面这个问题:具体解决方案:1.首先查看node -v 和npm -v 是否正常,如果正常说明应该是node_global文件路径错误,将nodejs全局文件(node_global)的文件路径(D:\node\node_global)加到环境变量中(电脑->属性->高级配置->环境变...

2020-01-06 14:27:20 7268

原创 less和sass的区别

1.编译环境不一样sass的安装需要Ruby环境,是在服务器端处理的,而less是需要引入less.js来处理less代码输出css到浏览器,也可以在node中使用less,然后编译成css文件.2.变量符不一样,less是@ ,而sass是$ 而且变量的作用域也不一样.3.输出设置,less没有输出设置,sass提供4中输出选项 :nested(默认),compact,compressed...

2019-05-09 16:10:26 278

原创 js中slice,splice和split的区别

1.splicesplice() 方法向/从数组中添加/删除项目,然后返回被删除的项目。注意:该方法会改变原始数组。返回值如果仅删除一个元素,则返回一个元素的数组。 如果未删除任何元素,则返回空数组。var arr = [2,3,4,7,8,9] newArr1 = arr.splice(1) console.log(newArr1);//[3,4,7,8,9] cons...

2019-04-21 10:37:21 2571

原创 H5新特性和C3新特性

1.H5新特性拖拽释放(Drap and drop) API ondrop拖放是一种常见的特性,即抓取对象以后拖到另一个位置。在 HTML5 中,拖放是标准的一部分,任何元素都能够拖放。自定义属性data-id语义化更好的内容标签(header,nav,footer ,aside, article, section)音频 ,视频(audio, video) 如果浏览器不...

2019-04-20 23:51:32 4189

原创 前端面试题总结(持续更新)

1.cookies,sessionStorage 和 localStorage 的区别 ?共同点:都是保存在浏览器端,且同源的。区别:cookie数据始终在同源的http请求中携带,即cookie在浏览器和服务器间来回传递. 而sessionStorage 和 localStorage不会自动把数据发给服务器,仅在本地保存.cookie数据还有路径(path)的概念,可以限制cookie只...

2019-03-31 08:51:59 250 1

原创 JS中的冒泡排序

冒泡排序1.初级版本var arr = [5,4,3,2,1]//决定遍数for(var j = 0 ; j &lt; arr.length ; j++) { //两两比较的次数 for(var i= 0 ; i&lt; arr.length ; i++) { if(arr[i] &gt; arr[i+1]){ var temp = ...

2019-03-16 22:11:21 203

原创 ES5-数组的新方法(都是遍历)

forEachforEach()的方法对数组的每个元素执行一次提供的函数.功能等同于for循环.应用场景:为一些相同的元素,绑定事件处理器!需求 : 遍历数组[“张飞”,“关羽”,“赵云”,“马超”]var arr = ["张飞","关羽","赵云","马超"];//第一个参数:element,数组的每一项元素//第二个参数:index,数组的下标//第三个参数:array,正在遍历...

2019-03-15 01:49:44 400

原创 ES6中var, let 和const的使用和区别

1.块级作用域 { }ES5中作用域有: 全局作用域 , 函数作用域 , 没有块作用域.ES6中新增了块级作用域. 块级作用域由 花括号{ } 包括 ,if语句和 for语句里面的{ }也属于块作用域。&lt;script type="text/javascript"&gt; { var n = 5; console.log(n); // 5...

2019-03-08 20:01:17 413

转载 CSS深入理解流体特性和BFC特性下多栏自适应布局

CSS深入理解流体特性和BFC特性下多栏自适应布局 这篇文章发布于 2015年02月12日,星期四,23:36,归类于 CSS相关。 阅读 125446 次, 今日 17 次 54 条评论 &amp;nbsp;开篇之言块状元素的流体特性与自适应布局元素的BFC特性与自适应布局...

2019-03-01 22:17:33 260

原创 var和let的区别

在ES6中新增了let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。let:let所在的区域会形成块级作用域 ;let不存在变量提升的情况 ;let会形成暂时性的死区;不可以在同一作用域下重复声明变量 。var在ES6之前 都是用var 声明变量,只有函数作用域和全局作用域;用var声明,变量会提升;可以在同一作用域下多次声...

2019-02-17 14:33:24 379

原创 经典的流式布局实现方法总结(三)(圣杯布局&双飞翼布局)

两侧固定中间自适应的三种实现方法1.利用bfc块级格式化上下文, 实现两侧固定中间自适应(1)左右固定宽高,进行浮动(2)中间 overflow: hidden;&amp;lt;style&amp;gt; .father { height: 500px; background-color: pink; } .left { float: left;...

2019-02-14 11:25:28 1011

原创 经典的流式布局实现方法总结(二)

前言:昨天总结了经典的流式布局中的第一个结构左侧固定,右侧自适应。今天将第二个右侧固定,左侧自适应,第三个两侧固定,中间自适应(圣杯布局,双飞翼布局)以及第四个等分布局。右侧固定左侧自适应的三种实现方法:1.利用bfc块级格式化上下文, 实现右侧固定左侧自适应(1) 先从结构上就要让 右盒子 先右浮(2)再给 left 左盒子, 添加 overflow: hidden;具体css代码...

2019-02-13 23:57:20 2312 1

原创 javascript中break和continue的区别和作用

break: 结束/中止for循环 立即跳出当前整个循环,即循环结束,开始执行循环后面的内容(直接跳出大括号) 一般写在打印之后continue: 结束本次循环,进行下一个循环 立即跳出当前循环,继续下一次循环(跳到i++的地方) (放打印代码前面)一般写在打印之前...

2019-02-08 23:52:31 606

原创 css伪元素选择器before 和 after 的使用

css3伪元素选择器before 和 after 的使用前言:最近收集了一些关于before 和 after 的使用,汇总了一下,不全面,但是,希望便于以后自己查看。:before 的作用:在子元素的最前面, 添加一个伪元素, 伪元素内容通过 content 控制,可以在content属性中写入文本内容,但是通常为空字符串。:after 的作用: 在子元素的最后面, 添加一个伪元素, 伪元素...

2019-02-07 22:49:05 5414

空空如也

空空如也

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

TA关注的人

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