- 博客(23)
- 收藏
- 关注
原创 vue--当数组发生改变的时候,页面的视图没有改变使用$forceUpdate
1.当页面视图没有及时更新的时候,数据已经改变后,刷新局部的更新,而不是全局组件的刷新使用this.$forceUpdate()
2021-12-26 14:41:33
262
原创 element-ui的select下拉框会让页面出现假死的情况
1、记录一下,当使用select组件时候 <el-select clearable v-model="form.xxx" filterable @clear="clearSubsName" placeholder="请选择" @change="tradeType1Change"
2021-12-16 08:57:35
729
原创 react使用百度地图api报错BMap找不到的
1.初学react 引入百度地图api后不管怎么引入都是报错,也从网上找个很多帖子看了,也不管用,直到我打印了window来看后发现很有可能是版本的原因吧所以得这么使用test文件夹:---------------------- componentDidMount() { // 初始化地图实例 --------在脚手架中全局对象需要使用window来方法,否则会造成Eslint报错 const map = new window.BMapGL.Map("contai
2021-12-03 13:18:37
1596
原创 element中form表单输入非负数验证
如下代码验证非负数 <el-form ref="editForm" label-width="auto" :model="editForm" :rules="rules" > <el-form-item label="数字:" prop="num"> <el-input placeholder="请输入" v-model="editForm.num" width="
2021-11-26 14:06:24
1738
原创 箭头函数和this的区别、JS中call、bind以及apply的区别
一、普通函数中的this:this总是代表它的直接调用者, 例如 obj.function ,那么function中的this就是obj;在默认情况(非严格模式下,未使用 ‘use strict’),没找到直接调用者,则this指的是 window;在严格模式下,没有直接调用者的函数中的this是 undefined;使用call,apply,bind(ES5新增)绑定的,this指的是 绑定的对象。箭头函数中的this:1.箭头函数会捕获其所在上下文的 this 值,作为自己的 thi
2021-11-25 09:49:44
587
原创 element-ui中table表格页面汇总固定在第一行
如图首先需要以下样式--注意加入/deep/ /deep/ .el-table { display: flex; flex-direction: column; } /deep/ .el-table__body-wrapper { order: 1; } /deep/ .el-table__fixed-body-wrapper { top: 96px !important; } /deep/ .el-table__fixed-footer-wr
2021-11-24 13:37:29
3171
原创 JS基础---关于闭包、原型、原型链、prototype与__proto__有什么不同详解
一、关于闭包*1、理解什么是闭包* 要理解闭包就要去理解变量的作用域,在JS中存在两种变量的作用域,一种是全局变量,一种是局部变量。 两种变量的区别就是函数内部可以直接读取全局变量,但是在函数外部无法读取函数内部的局部变量。 function fn1() { var n = 1 function fn2() { alert(n) // 1 } return
2021-11-19 09:37:47
572
原创 在vue中使用高德地图鼠标滚动显示marker名字,缩放隐藏
1.正常使用地图2. this.enterpriseAddress 是你的接口数据数组自己处理 wisdomMap() { let that = this; //初始化地图对象,加载地图 var satellite = new AMap.TileLayer.Satellite({ opacity: 1, }); var roadNet = new AMap.TileLayer.RoadNet({ opaci
2020-12-24 13:55:13
1730
原创 在vue项目中用JS写一个拖拽效果
上图贴代码拖拽的盒子:<div id="goHome" class="goHome" @click="gopush()"> <div></div> </div>CSS的样式: .goHome > div { width: 36px; height: 36px; background: url("/static/images/fhzy.png"); background-size: 100% 100%; z-index: 9
2020-09-01 10:02:58
457
原创 如何在大屏项目上面自己写一个竖屏滚动轮播效果
只需要分以下几部分就可以实现功能如下:1.正常描写静态样式后调入接口2.在data里面自定变量接下来会用到,如果你不是子组件的话props可以忽略3.第三部重点代码,此时注意最外层DIV一定要给一个高度并且设置溢出隐藏。最后贴代码:data属性里面scroll: -1, //定时器中使用。当表格滚动完了自动从第一条数据开始重复滚动speed: 100, //定时器执行时间间隔myInterval: “”, //设置定时器在mounted里面别忘了开始方法mounted() {thi
2020-08-31 14:43:34
1146
原创 关于vue-cli脚手架后台加载太慢的解决办法
因为公司后台文件太多从而导致编译vue文件太慢的话只需要两种办法就能解决第一步: npm install babel-plugin-dynamic-import-node 下载插件第二部:在.babelrc文件里面配置如图所示下面贴代码: 拿过去直接复制粘贴就能解决了“env”: {“development”: {“plugins”: [“dynamic-import-node”]}}...
2020-08-31 14:33:10
1991
4
原创 Vue中必须了解的知识点,随笔二
Vue中的计算属性,我们知道是computed,那么它里面具体是怎样构成的呢computed:{ fullname:{ set:function(){}, get:function(){ return this.fristname+' '+this.lastname } }}上面举了一个很简单的名字相加的小例子,一般的计算属性都是不会给他设置set方法的,对于不会...
2020-04-17 22:11:59
243
原创 Vue中一些常识性的东西,随笔一
一、认识Vue.js1.vue是一个渐进式的框架2.Vue的特点组件化,虚拟Dom,数据驱动化,二、如何安装使用Vue.js呢1.可以通过CDN方式引入2.可以通过下载方式引入3.通过npm安装(最常用需要node.js提前下载下来)这是Vue.js的官方安装链接https://vuex.vuejs.org/zh/installation.html三、Vue的常用方法1.通过在...
2020-04-16 22:35:08
184
原创 前端最新面试高频问题整理
一、怎样动态渲染html在标签上面加上v-html=“XXX”二、如何在框架上面使用原生js的方法呢?阻止事件冒泡呢?阻止默认行为呢?可以使用.native修饰符,使用原生js方法,阻止事件冒泡使用.stop,阻止默认行为使用.privent三、 Vue不支持哪些处理?不支持修改数字的长度,但是可以使用其他的方法,如果需要的话直接百度一下就行,不能检测对象属性的添加或删除,可以使用Vue...
2020-04-16 08:46:46
307
原创 前端面试题后续更新
一、简单说说箭头函数吧箭头函数的参数更为简短,如果没有参数的话,可以进一步省略,如果只有一个参数可以省略function的括号,如果只有一个返回值可以省略中括号{}二、vue的双向绑定的原理vue双向绑定的原理就是利用的 Object.defineProperty()来对各个属性的getter和setter进行了劫持,当页面数据发生变化时订阅者就会自动触发一个监听回调函数。三、你有没有封...
2020-04-16 08:25:31
259
原创 前端小白面试题02
路由的传参有哪几种方式:1.query方式会在地址栏里显示参数相当于get2.params方式相当于post但是刷新页面数据会丢失地址栏中的#号要怎么去除const router = new VueRouter({mode: ‘history’, “hash ”routes: […]})如何解决内联块带来的间距问题:1.html中把空格去掉2.margin调整位置3.font...
2020-04-09 17:33:35
131
原创 小白前端常见面试题
在ES6的拓展运算符出现前,一般用什么方法代替拓展运算符的ES5的时候用apply方法,由于扩展运算符可以展开数组,所以不再需要apply方法,将数组转为函数的参数了。ES6新特性有哪些不一样的变量声明:const和let ES6推荐使用let声明局部变量,相比之前的var(无论声明在何处,都会被视为声明在函数的最顶部)let和var声明的区别:var x = ‘全局变量’;{le......
2020-04-08 17:28:48
379
原创 前端学历真的很重要吗?
前端对于学历来说,真的很重要,学历不够连面试的机会都没有,又怎么能够达得上3-5年的工作经验呢?书到用时方恨少。以下几个常用的面试题分享给大家对于前端小白来说需要熟悉的几个点一、Vue和JQ的区别是什么?Vue是通过vue对象将对象和数据分开了它不在对于DOM来进行操作,而是分离化JQ是通过操作DOM对象来进行的,本质上只是一个($)选择器二、简单说说盒子模型这个问题可大可小,比较复...
2020-04-08 08:28:06
1097
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人