哈哈怪！-CSDN博客

原创 element级联选择器的数据对接后台返回的数据

在后台返回的数组里面的字段与element默认的不相同时，element开发文档有个属性：children，子选项是可以修改的children 指定选项的子选项为选项对象的某个属性值 string — ‘children’//element级联选择器的组件 <el-cascader v-model="selectedOptions" placeholder="请选择区域" :options="options"

2021-06-23 17:30:22 2087

原创 element-ui上传图片，限制图片尺寸，

const isSize = new Promise(function(resolve, reject) { let width = 60; let height = 60; let _URL = window.URL || window.webkitURL; let img = new Image(); img.onload =

2021-06-15 11:31:40 320 1

原创正则校验input框只能输入是中文英文或者中英文混合文字

//正则 var regex=/^[a-zA-Z\u4e00-\u9fa5]+$/; if (!regex.test(this.addiconForm.name)) { this.$message.warning('请输入正确的标题名称') return false }

2021-06-15 11:19:56 1565 2

原创 css画三角形内有文字

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <style> .C..

2020-12-25 17:56:02 773

原创 vue和uniapp的区别

vue和uniapp的区别uniapp开发可以编译到（头条，支付宝，微信，QQ，百度）小程序，安卓版，ios版，h5版。通过打包实现一套代码多端运行；vue是一个单页面应用，在app上面会卡死vue是一个框架，开发的时候可以借助ui组件库进行开发uniapp的开发主要依靠uniapp自己封装的组件，一可以借助外部的ui组件库里面的标签也发生了变化，...

2020-10-28 16:15:10 5492

原创 Vue组件封装，（面试回答）

在我用vue开发项目的时候，一般我都会用到组件封装，采用组件化的思想进行项目开发，我在搭建一个项目的时候，就会创建一个views目录和一个commen目录和一个feature目录，views目录中放页面级的组件，commen中放公共组件（如：head（公共头组件），foot（公共底部组件）等），feature目录内放功能组件（如：swiper(轮播功能组件)，tabbar(切换功能组件)、list(上拉加载更多功能组件)）vue组件封装的优点组件(Component)是Vue.js最强大的功能之一.

2020-09-17 21:53:12 8630

原创 vue生命周期的执行过程

beforeCreate（创建前）在实例初始化后，数据观测和事件配置之前被调用。因此无法访问methods，data，computed等上的方法和数据组件实例还未创建，el和data还没有初始化created（创建后）组件实例创建后，完成了data的初始化，el依旧没有初始化，适用场景ajax请求，初始化操作beforeMount（挂载前）DOM挂载前，render函数首次被调用（虚拟DOM）mounted（挂载后）DOM挂载后，挂在完成，也就是模块中的HTML渲染到HTML页面，适用场景：

2020-09-15 22:54:07 144

原创 JS数组扁平化处理

什么是数组扁平化？数组扁平化是指将一个多维数组变为一维数组[1, [2, 3, [4, 5]]] ------> [1, 2, 3, 4, 5]1. reduce遍历数组每一项，若值为数组则递归遍历，否则concat。function flatten(arr) { return arr.reduce((result, item)=> { return result.concat(Array.isArray(item) ? flatten(item

2020-09-11 00:40:13 146

原创 ES5，ES6中数组的方法分别有什么,详解

其实数组就是一个可以存放很多数据的变量数组的方法有：1，concat（），连接两个或者多个数组，并返回结果它并不会改变原来的数组，返回的数组只是原数组的一个副本const arr = [1, 2, 3]const brr = [4, 5]const crr = [6, 7]const drr = arr.concat(brr)const err = arr.concat(brr, crr)const frr = arr.concat(crr)console.log(drr) //[1,

2020-09-09 00:14:23 673

原创 vuex的概念详细理解

Vuex是专门为vue.js应用程序开发的状态管理模式，它其实就相当于一个公共仓库，保存着所有的组件都能公用的数据它的状态存储是响应式的，如果我们的组件使用了vuex，一旦里面的里面的state发生改变，它所关联的所有组件都会发生改变，这样为我们开发项目项目提供极大的便利，vuex还不能直接修改Vuex的状态：如果是个全局对象变量，要修改很容易，但是在Vuex中不能这样做，想修改就得使用Vuex提供的唯一途径：显示地提交（commint）mutations来实现修改。这样做的好处就是方便我们跟

2020-09-03 23:49:38 369

原创清除浮动

清除浮动主要是为了解决，父元素因为子级元素浮动引起的内部高度为0的问题一、额外标签法：给谁清除浮动，就在其后额外添加一个空白标签。优点：通俗易懂，书写方便。（不推荐使用）缺点：添加许多无意义的标签，结构化比较差。给元素small清除浮动（在small后添加一个空白标签clear(类名可以随意），设置clear:both;即可）<div class="fahter"> <div class="big">big</div>

2020-08-31 00:20:57 199

A_topos的博客