- 博客(25)
- 收藏
- 关注
RSS订阅
原创 手写合计行代替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
930
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
7388
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
2425
原创 前端tab页切换局部刷新渲染echarts图表
近期项目中有好多个模块有tab页切换渲染echarts图,所以整理了一下,方便以后查看.关键的是html部分的id要和后台返回的数据中的对象frontProjectData中的键名保持一致.大神们还有其他好的方法欢迎留言,互相学习!直接上代码:1.html部分<div class="outsideBox"> <div class="titleBox">&...
2019-12-16 12:24:47
1666
原创 函数的四种调用模式及this指向
一.根据函数内部this的指向不同，可以将函数的调用模式分成4种函数调用模式方法调用模式构造函数调用模式上下文调用模式（借用方法模式）首先先来分析this指向问题1.任何函数都有属于自己的this2.this的指向和函数的调用模式相关,意味着this的指向在函数声明的时候确定不了.然后分析this指向的思路:1.this是属于哪个函数的2.这个函数的调用模式是哪种接下来,...
2019-02-22 19:55:42
2170
原创 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
233
原创 vue中computed与methods、watch的区别
计算属性computed :支持缓存，只有依赖数据发生改变，才会重新进行计算不支持异步，当computed内有异步操作时无效，无法监听数据的变化computed 属性值会默认走缓存，计算属性是基于它们的响应式依赖进行缓存的，也就是基于data中声明过或者父组件传递的props中的数据通过计算得到的值如果一个属性是由其他属性计算而来的，这个属性依赖其他属性，是一个多对一或者一对一，一般用c...
2020-03-07 20:27:36
230
原创 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
743
原创 ES6中箭头函数的this指向问题
首先说一下箭头函数的特点：1.this指向定义时的对象,也就是说箭头函数一旦定义完成,它的指向是固定的，没法改变，它的指向是定义时所在的作用域，而不是执行时的作用域；2.箭头函数没有自己的this；3.箭头函数不能当构造函数用；4.不能绑定arguments，用rest参数…解决；先来看一下下面代码： var obj={ fn:function(){ ...
2020-01-10 16:21:34
263
原创 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
746
原创 'ng' 不是内部或外部命令，也不是可运行的程序或批处理文件
最近，由于项目组的项目需要用angular，所以在自学angular。在安装配置的时候出现下面这个问题：具体解决方案：1.首先查看node -v 和npm -v 是否正常，如果正常说明应该是node_global文件路径错误，将nodejs全局文件（node_global）的文件路径（D:\node\node_global）加到环境变量中（电脑->属性->高级配置->环境变...
2020-01-06 14:27:20
6878
原创 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
252
原创 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
2306
原创 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
4135
原创 前端面试题总结(持续更新)
1.cookies,sessionStorage 和 localStorage 的区别 ?共同点：都是保存在浏览器端，且同源的。区别:cookie数据始终在同源的http请求中携带,即cookie在浏览器和服务器间来回传递. 而sessionStorage 和 localStorage不会自动把数据发给服务器,仅在本地保存.cookie数据还有路径(path)的概念,可以限制cookie只...
2019-03-31 08:51:59
228
1
原创 JS中的冒泡排序
冒泡排序1.初级版本var arr = [5,4,3,2,1]//决定遍数for(var j = 0 ; j < arr.length ; j++) { //两两比较的次数 for(var i= 0 ; i< arr.length ; i++) { if(arr[i] > arr[i+1]){ var temp = ...
2019-03-16 22:11:21
177
原创 ES5-数组的新方法(都是遍历)
forEachforEach()的方法对数组的每个元素执行一次提供的函数.功能等同于for循环.应用场景:为一些相同的元素,绑定事件处理器!需求 : 遍历数组[“张飞”,“关羽”,“赵云”,“马超”]var arr = ["张飞","关羽","赵云","马超"];//第一个参数：element，数组的每一项元素//第二个参数：index，数组的下标//第三个参数：array，正在遍历...
2019-03-15 01:49:44
376
原创 ES6中var, let 和const的使用和区别
1.块级作用域 { }ES5中作用域有: 全局作用域 , 函数作用域 , 没有块作用域.ES6中新增了块级作用域. 块级作用域由 花括号{ } 包括 ,if语句和 for语句里面的{ }也属于块作用域。<script type="text/javascript"> { var n = 5; console.log(n); // 5...
2019-03-08 20:01:17
376
转载 CSS深入理解流体特性和BFC特性下多栏自适应布局
CSS深入理解流体特性和BFC特性下多栏自适应布局 这篇文章发布于 2015年02月12日，星期四，23:36，归类于 CSS相关。 阅读 125446 次, 今日 17 次 54 条评论 &nbsp;开篇之言块状元素的流体特性与自适应布局元素的BFC特性与自适应布局...
2019-03-01 22:17:33
226
原创 var和let的区别
在ES6中新增了let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。let:let所在的区域会形成块级作用域 ；let不存在变量提升的情况 ；let会形成暂时性的死区；不可以在同一作用域下重复声明变量 。var在ES6之前 都是用var 声明变量,只有函数作用域和全局作用域；用var声明，变量会提升；可以在同一作用域下多次声...
2019-02-17 14:33:24
349
原创 经典的流式布局实现方法总结(三)(圣杯布局&双飞翼布局)
两侧固定中间自适应的三种实现方法1.利用bfc块级格式化上下文, 实现两侧固定中间自适应（1）左右固定宽高，进行浮动（2）中间 overflow: hidden;&lt;style&gt; .father { height: 500px; background-color: pink; } .left { float: left;...
2019-02-14 11:25:28
983
原创 经典的流式布局实现方法总结(二)
前言:昨天总结了经典的流式布局中的第一个结构左侧固定，右侧自适应。今天将第二个右侧固定，左侧自适应，第三个两侧固定，中间自适应（圣杯布局，双飞翼布局）以及第四个等分布局。右侧固定左侧自适应的三种实现方法:1.利用bfc块级格式化上下文, 实现右侧固定左侧自适应（1） 先从结构上就要让 右盒子 先右浮（2）再给 left 左盒子, 添加 overflow: hidden;具体css代码...
2019-02-13 23:57:20
2168
1
原创 javascript中break和continue的区别和作用
break: 结束/中止for循环 立即跳出当前整个循环，即循环结束，开始执行循环后面的内容（直接跳出大括号） 一般写在打印之后continue: 结束本次循环,进行下一个循环 立即跳出当前循环，继续下一次循环（跳到i++的地方） (放打印代码前面)一般写在打印之前...
2019-02-08 23:52:31
568
原创 css伪元素选择器before 和 after 的使用
css3伪元素选择器before 和 after 的使用前言:最近收集了一些关于before 和 after 的使用，汇总了一下，不全面，但是，希望便于以后自己查看。:before 的作用:在子元素的最前面, 添加一个伪元素, 伪元素内容通过 content 控制,可以在content属性中写入文本内容，但是通常为空字符串。:after 的作用: 在子元素的最后面, 添加一个伪元素, 伪元素...
2019-02-07 22:49:05
5280
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人