- 博客(15)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 vue常见面试题
1.vue优点？答：轻量级框架：只关注视图层，是一个构建数据的视图集合，大小只有几十kb；简单易学：国人开发，中文文档，不存在语言障碍 ，易于理解和学习；双向数据绑定：保留了angular的特点，在数据操作方面更为简单；组件化：保留了react的优点，实现了html的封装和重用，在构建单页面应用方面有着独特的优势；视图，数据，结构分离：使数据的更改更为简单，不需要进行逻辑代码的修改，只需要操作数据就能完成相关操作；虚拟DOM：dom操作是非常耗费性能的， 不再使用原生的dom操作节点，极大解放d
2020-06-15 19:36:59
282
原创 scrollBy 滚动到指定楼层
<div class="qp-box" v-for="(allItem, allIndex) in qList" :key="allIndex" :ref="'ques' + allIndex" > <div class="question-box"> ....... </div> </div> ... qList: [], .....
2021-10-29 16:03:23
140
原创 uni-app上拉加载 下拉刷新
uni-app上拉加载 下拉刷新父组件中使用下拉刷新onPullDownRefresh，上拉加载 onReachBottom，分别调用子组件appear的updatePage，pulldatePage方法。//父组件 async onPullDownRefresh() { if (this.text == '我的安全') { await this.$refs.mySecurity.getAA0001(); } if (this.text == '隐患排查' &&
2021-09-03 11:06:24
502
原创 element Dialog子组件弹框
//父组件<div> <tipDialog :DialogTipShow="DialogTipShow" @closeDialog="closeDialog"></tipDialog></div>import tipDialog from '../components/tipDialog' export default { components: { tipDialog }, data() { return {
2020-12-16 22:46:52
696
原创 echarts适配 自适应
1.注意：容器宽不要写死，可用百分比2.第一种 setTimeout(function() { window.onresize = function() { myChart.resize() } }, 200)3 第二种 window.addEventListener("resize", function () { myChart.resize()//下面可以接多个图 }).
2020-10-15 12:04:38
1332
1
转载 vue项目组件缓存
在APP.vue里 <div id="app"> <keep-alive> <router-view v-if="$route.meta.keepAlive" /> </keep-alive> <router-view v-if="!$route.meta.keepAlive" /> </div>在路由配置里加上 meta: { title: '管网统计',
2020-09-24 11:57:08
171
原创 element 多级表头+可编辑表格
```javascript<template> <div> <el-button size="mini" @click="handleAdd()" type="primary">Add</el-button> <el-table ref="mytable" :data="table_data" style="width: 100%" @selection-change="handle.
2020-09-02 17:39:28
1006
原创 elementUI 多选框checkbox-group
<el-checkbox-group v-model="checkedCities" > <el-checkbox v-for="i in cities" :label="i.id" :key="i.id" >{{i.name}}</el-checkbox></el-checkbox-group> data () { return { checkedCities: [], ..
2020-08-04 15:31:30
1856
原创 vue修改图标以及项目名
首先打开这个文件```javascript<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="user-scalable=0,width=device-width, ini...
2020-03-28 15:24:22
1087
原创 vue项目element 表格导出Excel,echarts导出png图片
// echarts图表容器 <div class="con-middle" id="shade2" v-show="type3 == 'D'"></div> //element表格<div class="con-middle" v-show="type3 == ''" id="out-table3"> <el-table...
2020-02-29 19:10:55
2468
3
原创 **vue.esm.js?efeb:591 [Vue warn]: Invalid prop: type check failed for prop "data". Expected Array
vue.esm.js?efeb:591 [Vue warn]: Invalid prop: type check failed for prop “data”. Expected Array, got String.有可能是这几种情况
2020-02-14 10:25:07
1153
原创 箭头函数与普通函数区别
1.箭头函数是匿名函数，不能作为构造函数，不能使用new2.箭头函数不能绑定arguments，取而代之用rest参数…解决function A(a){ console.log(arguments);}A(1,2,3,4,5,8);// [1, 2, 3, 4, 5, 8, callee: ƒ, Symbol(Symbol.iterator): ƒ]let C = (...c) =...
2019-11-07 09:04:48
153
原创 ES6相关
全网最详细，如果不是，就当我没说！！！letlet用来声明变量，和var用法类似，但是所声明的变量，只有在let命令所在的代码块里有效。1.存在块级作用域2.不存在声明提升（注意考虑暂时性死区）3.不允许重复声明（包括普通变量和函数参数）4.const的使用（不要试图修改，因为不能修改，哈哈哈哈）解构赋值按照一定的模式，从数组和对象中提取值，对变量进行赋值。优点：一次性可以...
2019-11-05 22:07:03
111
原创 web几种数据交互（1）
作为一个前端程序员，对各种框架和各种库肯定都不陌生。原生Ajax和jQ的Ajax最为常用。一，原生Ajax大家可能对原生JS比较陌生，毕竟相对于jQuery的ajax,原生的确实有些复杂，不够jQuery的ajax是由原生的ajax封装而来。由此可见了解原生的ajax是十分必要的；1.首先了解一下ajax概念，指一种创建交互式网页应用的网页开发技术，通过异步模式，提升用户体验，优化了浏览器和...
2019-10-23 14:28:41
310
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人