奶油小布丁-CSDN博客

原创 elementui—动态表格的用法

1、静态合并格html部分如下  <div> <el-table :data="tableData" :span-method="arraySpanMethod" //看这里哦----表格合并的函数 border style="width: 100%" > <el-table-column prop="id" l

2022-03-16 20:34:40 667

数组对象的深拷贝（通用版）function deep(dest, obj){ var o = dest; for (var key in obj) { if (typeof obj[key] === 'object'){ //判断是不是对象 o[key] = (obj[key].constructor===Array)?[]:{}; //constructor判断是不是数组 deep(o[key], obj[ke

2021-12-27 18:47:15 280

原创数组中的for..in../for..of../forEach(）方法的区别

forEach(回调函数) 方法：语法：arr.forEach(([遍历的数组内容],[数组下标],[数组本身])=>{ console.log('每个元素：'+item；'元素下标：'+index；) })示例：var arr=[12,34,53,12,11]arr.forEach(function (element,index) { console.log(element------index); })//打印结果：12------...

2021-12-27 12:59:01 344

原创 Object.hasOwnProperty与Object.getOwnPropertyNames的区别。

Object.prototype.hasOwnProperty() 使用hasOwnProperty方法判断属自身属性与继承属性。返回一个boolean值，true表示是自身属性，false表示是继承属性（或非自身属性）示例：function Demo(name){ this.name=name； //自身属性}Demo.prototype.age='10'; //原型链的，非私有的属性var demo=new Demo('lilei');　　　　　...

2021-12-25 19:18:23 680

原创文件上传方式： URL.createObjectURL() 和 FileReader.readAsDataURL()的区别

URL.createObjectURL() 简单来说：URL.createObjectURL()处理后生成了一个临时的链接，直接赋值给src就行。使用方式： this.imageUrl = URL.createObjectURL(file.raw);示例：  <el-dialog :visible.sync="dialogVisible"> <img width="1...

2021-12-25 19:04:53 6127

原创 sass 基本使用的那几种语法

sass作用：就是css的预编译器，完全兼容css语言。与css不同之处就是，sass给添加样式引入了变量，是一种动态样式语言。常见语法如下几种：先提一下导入SASS文件的方式:一种是全局导入：//bbb.scss 文件@import"aaa"; //这条命令将把aaa.scss文件中所有样式添加到当前样式表中。另外一种是局部导入，跟原生的css不同，sass允许@import命令写在css规则内。// 以下是 aaa.sass文件aside { backgrou..

2021-12-22 15:49:05 590

原创伪元素和伪类的区别总结

伪元素选择符：伪类选择符：二者应用的描述：伪元素是将某些特殊的效果添加到元素上；伪类选择器是给元素添加某些特殊效果；根本区别在于：它们是否创造了新的元素。伪元素是虚拟元素，是创建新元素。代表某个元素的子元素，这个子元素虽然在逻辑上存在，但却并不实际存在于文档树中。注意：伪类只能使用“:” 而伪元素既可以使用“:”，也可以使用“::” 因为伪类是类似于添加类，所以可以是多个，而伪元素在一个选择器中只能出现一次，并且只能出现在末尾。伪对...

2021-12-22 14:47:41 291

原创在vue中element-ui对表单字段进行验证（rules）

1. 写在 data 中验证表单内容<el-form ref="rulesForm" :rules="formRules" :model="rulesForm" label-width="200px"> <el-form-item label="用户名称:" prop="userName"> <el-input v-model="rulesForm.userName" style="width:300px"

2021-12-17 16:25:42 3867

原创解决vuex页面刷新数据丢失问题（简单有效）

问题描述一般在登录成功的时候需要把用户信息，菜单信息放置vuex中，作为全局的共享数据。但是在页面刷新的时候vuex里的数据会重新初始化，导致数据丢失。因为vuex里的数据是保存在运行内存中的。解决思路：办法一：将vuex中的数据直接保存到浏览器缓存中（sessionStorage、localStorage、cookie）办法二：在页面刷新的时候再次请求远程数据，使之动态更新vuex数据办法三：在父页面向后台请求远程数据，并且在页面刷新前将vuex的数据先保存至sessionStorage（以

2021-10-22 14:30:09 1176

原创 JavaScript中的Object.defineProperty()函数

JavaScript中的Object.defineProperty()函数1、作用：就是直接在一个对象上定义一个新属性，或者修改一个已经存在的属性。2、语法：Object.defineProperty()函数的格式：Object.defineProperty(obj, prop, desc)参数：Obj：表示增加属性的对象Prop：属性名Desc：属性描述符属性描述符1)、概念：属性描述符，是对当前属性的描述（包括设置）。如以上代码：Object...

2021-10-19 09:30:15 61

原创前端响应式布局原理与方案

前端响应式布局原理与方案响应式布局指的是同一页面在不同屏幕尺寸下有不同的布局。响应式设计与自适应设计的区别：响应式开发一套界面，通过检测视口分辨率，针对不同客户端在客户端做代码处理，来展现不同的布局和内容；自适应需要开发多套界面，通过检测视口分辨率，来判断当前访问的设备是pc端、平板、手机，从而请求服务层，返回不同的页面。响应式布局的实现方案：1. 媒体查询CSS3媒体查询可以让我们针对不同的媒体类型定义不同的样式，当重置浏览器窗口大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面

2021-10-09 17:47:37 449

weixin_58016047的博客