[综合] 整理vue + element-ui常用的功能及代码片段

目录：1常用表头搜索：input+select+daterange2表格中对【上下架】、【排序】、【选择】进行编辑3使用vue-clipboard2实现复制链接的功能4使用vue-quill-editor实现富文本编辑5解决el-input类型为type=’number’不显示上下箭头6解决当el-...

[综合] H5-vue与原生Android、ios交互获取相册图片

第一次写简书，比较忐忑，不足部分望简友批评指正，互相学习！ 功能需求：H5页面(vue)和移动端安卓、苹果进行交互，调取原生摄像头或相册上传照片； 需求分析：1.移动端获取H5页面的点击事件2.移动端进行拍照或者是选取照片上传服务器获得图片路径(h5不用管)3.H5获取移动端传值方法获取图片的路径 ...

[综合] JS数组常用方法大全

数组的方法有数组原型方法，也有从object对象继承来的方法，下面就介绍一下数组常用方法：join()————————数组转字符串split()———————–字符串转数组push()———————-将数据添加到数组尾部pop()———————–数组末尾移除最后一项shift()———————–删除...

[综合] 封装获取url参数的方法

功能需求：前端页面来回切换需要我们去获取URL的某个参数值。这时封装一个输入参数名获取对应参数值的函数是很有必要的； //取url上的idfunctiongetQueryString(name){//取url上的idvarreg=newRegExp("(^|&)"+name+"=([^&am...

[综合] 自定义Toast函数

功能需求：有的toast不好用或者不符合产品样式，可以自定义一个toast函数，里面样式可以自己定义 /*Toast自定义函数*/ functionToast(msg,duration){duration=isNaN(duration)?1500:duration;varm=document.cre...

[综合] ajax放在vue的哪个 生命周期 中？

前言 我们先来看下vue的生命周期 Vue生命周期 beforeCreate(创建前):在数据观测和初始化事件还未开始,data、watcher、methods都还不存在，但是$route已存在，可以根据路由信息进行重定向等操作。 created(创建后)：在实例创建之后被调用，该阶段可以访问dat...

[综合] var，let，const三者的特点和区别

var，let，const三者的特点和区别 一、var的特点 1、存在变量提升 console.log(a);//undefined vara=10;//编译过程 vara; console.log(a);//undefined a=10; 2、一个变量可多次声明，后面的声明会覆盖前面的声明 var...

[综合] 中台到底是什么呢？

到处都在喊中台，到处都是中台，中台这个词在好多地方已经被滥用了。 在有些人眼里：中台就是技术平台，像微服务开发框架、Devops平台、PaaS平台，容器云之类的，人们都叫它“技术中台”。 在有些人眼里：中台就是微服务业务平台，像最常见的什么用户中心，订单中心，各种微服务集散地，人们都叫它“业务中台”...

[综合] 前端性能优化的三个维度

前端性能优化可以分为三个level：静态资源优化、接口访问优化、页面渲染速度优化，在操控门槛上依次递增，优化效果上越发没有这么明显，所以很多小团队只会做到了第一个level追求极致的前端性能体验，提升自己的level，comeon 一、静态资源优化 这个level，主要是减少静态资源的加载时间，主...

[综合] JavaScript基本包装类型

基本包装类 js中为了便于基本类型操作，提供了3个特殊的引用类型：Boolean、Number、String它们具有基本类型特殊行为。实际上，每当读取一个基本类型的时候，js内部会自动创建一个基本包装类型对象，可以让我们调用一些方法来操作。 letstr='hello张三' letstr1=str....

[综合] JS中的 async 和 await 使用技巧

一、概述 案例： asyncfunctionasyncReadFile(){ constf1=awaitreadFile('/etc/fstab'); constf2=awaitreadFile('/etc/shells'); console.log(f1.toString()); console...

[综合] VSCode打造成为开发神器

VSCode现在是世界上最为常用的编辑器之一，为什么被称为编辑器，是因为它不像IDE一样集成了大量开发环境的配置，必须你手动配置很多东西，才能将它打造成为一个趁手的生产工具。 VSCode最大的优势就在于它是完全免费的，你不需要支付任何费用，就可以得到一个开发各种代码的编辑器，也正因为它具有高拓展性...

[综合] vuex的mutation和action的区别和使用

mutation 更改vuex的store中的状态的唯一方法是提交mutation。vuex中的mutation非常类似于事件：每个mutation都有一个字符串的事件类型(type)和一个回调函数(handler)。这个回调函数就是我们实际进行状态更改的地方，并且它会接受state作为第一个参数：...

[综合] 小程序里面的双向绑定和vue中的双向绑定有什么区别？

小程序中的数据双向绑定.首先通过bindinput绑定文本框的输入事件.在data中声明一个变量content，将其动态绑定成文本框的value值.在bindinput事件中通过事件参数e.detail.value可以获取到文本框中最新的value值.通过this.setData将文本框最新的val...

[综合] 微信小程序中wx.navigateTo , wx.redirectTo , wx.switchTab , wx.navigateBack , wx.reLaunch 的区别 ？

一、wx.switchTab()关闭所有页面，打开到应用内的某个页面 wx.switchTab({ url:'/index' }) 二、wx.redirectTo()关闭当前页面，跳转到应用内的某个页面。但是不允许跳转到tabbar页面 wx.redirectTo({ url:'test?id=1...

[综合] vue核心面试题：组件中的data为什么是一个函数

一、总结 1.vue中组件是用来复用的，为了防止data复用，将其定义为函数。 2.vue组件中的data数据都应该是相互隔离，互不影响的，组件每复用一次，data数据就应该被复制一次，之后，当某一处复用的地方组件内data数据被改变时，其他复用地方组件的data数据不受影响，就需要通过data函数...

[综合] vue中 不更新视图的处理办法？

方案一：利用vue.set(object,key,val) 例：Vue.set(vm.obj,'key','value') 方案二：利用this.$set(this.obj,key,val) 例：this.$set(this.obj,'key','value') 方案三：利用Object.assig...

[综合] vue实现路由懒加载几种方式

一、为什么需要路由懒加载 vue在项目打包之后，会生成一个dist文件夹。在dist文件夹里面又有一个js/app.js文件，这里主要存放的是整个项目的业务逻辑代码。随着项目不断的开发迭代，业务逻辑越来越多，app.js文件也会越来越大。在线上就会容易出现进入首页时所需时间过长或者出现白屏的问题。 ...

[综合] 什么是闭包？闭包的用途是什么？

什么是闭包： 如果一个函数用到了它作用域外面的变量，那么这个变量和这个函数之间的环境就叫闭包。 vara=5 functionxx(){ console.log(a) } //5 闭包的用途有些什么： 1.模仿块级作用域 所谓块级作用域就是指在循环中定义的变量，一旦循环结束，变量也随...

[综合] Vue 里的 computed 和 watch 的区别 ?

一.相同点： computed和watch都是观察页面的数据变化的。 二.不同点： 计算属性computed(一对多，一对一) 计算属性将会混入到vue的实例当中，所有getter和setter的this上下文自动地绑定为Vue实例。 1、监控自定义的变量，这个变量不可以和data、props里面的...