- 博客(20)
- 收藏
- 关注
RSS订阅原创 elmentui表格偶数行改变背景颜色
开发过程中有的需求是偶数行展示与基数行不一样得背景颜色，如下图解决方法给el-table加:row-class-name方法<el-table :row-class-name="tableClass"></el-table>在methods中加入方法 methods: { //偶数加背景色 tableClass({ row, rowIndex }) { if (rowIndex % 2 == 1) { //奇数行，序
2021-06-24 19:38:15
3061
原创 CSS“隐藏”元素的几种方法的对比
一说起CSS隐藏元素，大部分我们都会想到的第一种方法就是设置display为none。这是最为人所熟知也是最常用的方法。我相信还有不少人想到使用设置visibility为hidden来隐藏元素。display:none设置元素的display为none是最常用的隐藏元素的方法。.box{ display:none;}将元素设置为display:none后，元素在页面上将彻底消失，元素本来占有的空间就会被其他元素占有，也就是说它会导致浏览器的重排和重绘。visibility:hid.
2021-06-18 17:06:21
325
原创 CSS实现单行、多行文本溢出显示省略号
单行： overflow: hidden;text-overflow:ellipsis;white-space: nowrap; 多行： display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;
2021-06-18 10:26:26
126
原创 改变input框中placeholder颜色的方法
Css改变input框中placeholder颜色的方法input::-webkit-input-placeholder { /* WebKit browsers 适配谷歌 */ color: #BDCADA;}input:-moz-placeholder { /* Mozilla Firefox 4 to 18 适配火狐 */ color: #BDCADA;}input::-moz-placeholder { /* Mozilla Firefox 19+ 适配火狐 */
2021-06-18 10:21:30
175
原创 elmentui中日期选择器转换
我们在开发中会使用到elmentui日期选择器组件如图 <div class="block"> <span class="demonstration">起始日期时刻为 12:00:00</span> <el-date-picker v-model="value1" type="datetimerange" start-placeholder="开始日期" end-placeholder="结束日期"
2021-06-10 15:06:21
241
原创 veu项目中下载图片到本地
点击下载触发函数<div class="orcodebtn" @click="downhander(type)">保存图片至本地相册</div>触发downhander(type)函数downhander(){ this.downloadImg(file.url,'pic');},file.url为图片地址、路径 downloadImg(imgsrc, name){ var image = new Image(); // 解决跨域 Canvas
2021-05-29 16:39:17
107
原创 2分钟快速解决vue表格导出问题
vue中将table表格中数据导出一，下载需要用到的依赖包npm install -S file-savernpm install -S xlsxnpm install -D script-loader二，创建个文件夹里面在创建Blob.js和Export2Excel.js两个文件Blob.js文件下代码如下(function (view) { "use strict"; view.URL = view.URL || view.webkitURL;
2021-05-27 17:52:10
1017
翻译 3分钟快速了解vue数据双向绑定原理
1.vue双向绑定原理vue.js 则是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。我们先来看Object.defineProperty()这个方法：var obj = {};Object.defineProperty(obj, 'name', { get: function() { console.log('我被获
2021-01-27 23:31:43
3112
原创 请求头包含什么
请求头字段的具体含义Accept：浏览器可接受的MIME类型。Accept-Charset：浏览器可接受的字符集。Accept-Encoding：浏览器能够进行解码的数据编码方式，比如gzip。Accept-Language：浏览器所希望的语言种类，当服务器能够提供一种以上的语言版本时要用到。Authorization：授权信息，通常出现在对服务器发送的WWW-Authenticate头的应答中。Connection：表示是否需要持久连接。如果Servlet看到这里的值为“Keep-Alive
2021-01-27 13:34:32
11093
原创 一分钟快速上手 移动端rem适配
创建rem.js文件代码一:window.onload = function(){ /*720代表设计师给的设计稿的宽度，你的设计稿是多少，就写多少;100代表换算比例，这里写100是 为了以后好算,比如，你测量的一个宽度是100px,就可以写为1rem,以及1px=0.01rem等等*/ getRem(720,100)};window.onresize = function(){ getRem(720,100)};function getRem(pwidth,
2021-01-13 21:54:26
183
原创 Element表单验证rules整理
Element表单验证rules整理说明：这里整理的是element组件的Form表单验证规则Form 组件提供了表单验证的功能，只需要通过 rules 属性传入约定的验证规则，并将 Form-Item 的 prop 属性设置为需校验的字段名即可参数type 标志要使用的validator的数据类型required 必填message 提示内容trigger 触发条件 （change||blur）min 最小值max 最大值len 精准长度 (优先级高于min,max)enum 枚
2021-01-12 00:34:53
2579
原创 一分钟快速上手uni-app时间戳转换日期格式
uni-app时间戳转换日期格式1、通过请求获取的数据如下(时间戳)2、需求中的时间格式：3、使用的方法：过滤器过滤这里包涵了时分秒，如果不需要自行删除 过滤器的参数第一个默认是过滤的数据，第二个这里使用的个分隔符，可以动态根据需求改变注意：这里要将时间戳*1000，不然时间会乱，小于10要不要补0看需求，不需要就把后面的删掉filters:{ // 时间戳处理 formatDate: function(value,spe='/') { value = value*1
2021-01-12 00:21:53
4734
4
原创 uni-app获取盒子元素高度
uni.createSelectorQuery()返回一个 SelectorQuery 对象实例。可以在这个实例上使用 select 等方法选择节点，并使用boundingClientRect 等方法选择需要查询的信息。Tips: 使用 uni.createSelectorQuery() 需要在生命周期 mounted 后进行调用。自定义组件编译模式（默认模式），需要使用到 selectorQuery.in 方法。SelectorQuery查询节点信息的对象selectorQuery.
2021-01-06 19:25:08
2909
原创 一分钟快速上手uni-app适配解决方法
uni-app的专属强大自适应单位upx，rpx，不能动态赋值解决办法…uni-app 使用 upx 作为默认尺寸单位， upx 是相对于基准宽度的单位，可以根据屏幕宽度进行自适应。uni-app 规定屏幕基准宽度750upx。开发者可以通过设计稿基准宽度计算页面元素 upx 值，设计稿 1px 与框架样式 1upx 转换公式如下：设计稿 1px / 设计稿基准宽度 = 框架样式 1upx / 750upx举例说明：若设计稿宽度为 640px，元素 A 在设计稿上的宽度为 100px，那么元
2021-01-05 11:53:11
15538
1
原创 js数组常用方法总结
少看微博，多看博客！一、首先创建数组1.使用构造函数：var arr = new Array();var arr = new Array("a","b");2.直接定义var arr = ["a","b"];二、常用方法常用方法大概以下几种：splice(),slice(),join(),push(),pop(),shift() ,unshift(),sort(),reverse(),concat(),indexOf(), lastIndexOf() ,forEach() ,map()
2020-12-28 21:45:30
241
原创 js字符串常用方法
两种字符串1、简单类型的字符串 a:字面量 var s = “abc“； // ‘abc’ 单引号也可以 b:转型函数 String(64); //’64’ String(trur);//’true’2、对象型的字符串 使用构造函数：new 构造函数() new可以省略 var s = new String(true); //转换成对象型的字符串。charAt let str = 'abc' console.log(str.charAt(1))//
2020-12-28 19:54:13
192
转载 面试题---vue
Vue解决了什么问题虚拟dom：dom操作时非常消耗性能，不再使用原生的dom操作，极大的释放了dom操作，但本质还是操作dom，只是换了一种方式。视图，数据，结构分离：使数据的修改变得更为简单。不需要修改逻辑代码只需要操作数据即可组件化：将一个单页面的各种模块拆分到不同的组件中，便于开发以及后期的维护管理MVVM的理解model-view-viewmodel的缩写，mvvm把视图和逻辑代码区分开。在mvvm的框架下，view和model没有直接的交互，是通过view-model进行数据的双向交互
2020-11-27 00:40:50
409
原创 面试题---CSS
1、盒模型标准盒模型：总宽度：内容 ( content ) + border + padding + marginIE盒模型(怪异盒模型)：宽度 = 内容宽度 ( content + border + padding ) + margin2、弹性盒模型flex-direction:row //(默认)主轴为水平方向,起点在左端。flex-direction:row-reverse //主轴为水平方向,起点在右端flex-direction:column //使用后会使主轴变为y轴f
2020-11-27 00:09:36
217
原创 Vuex小知识
VuexVuex概述Vuex的基本使用Vuex中的核心特性3.1State★★★★★3.2Mutation★★★★★3.3Action★★★★★3.4Getter★★★★★3.5Module★★★★Vuex概述1.1 Vuex是什么 ★★★★Vuex是实现组件全局状态（数据）管理的一种机制，可以方便的实现组件之间数据共享! 使用Vuex统一管理状态的好处 （1）能够在vuex中集中管理共享的数据，易于开发和后期的维护。 （2）能够高效的实现组件之间的数据共享，提高开发效率。 （3)存储在
2020-11-16 07:55:01
112
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人