- 博客(18)
- 收藏
- 关注
RSS订阅原创 element-ui表格切换样式变形
现象：定义多个头部和多个数据体，可以自由切换不同的头部和相应的数据体，但是切换过程表格会变形。解决办法：table增加索引，切换头部和数据时，修改为不同的索引，即可解决重点：表格标签上的 key="tableTabCurrent" ,和表头切换时tableTabCurrent值改变<div v-if="tableTabCurrent===2" class="table_tabs_content_item"><el-table ref="multipleTable2...
2020-10-07 15:29:09
837
原创 JS 文件base64、File、Blob、ArrayBuffer 介绍及互转
今天介绍一下文件的二进制家族js,file,base64,File,Blob,ArrayBuffer。1.file对象转base64 let reader = new FileReader(); reader.readAsDataURL(file[0]) console.log(reader)2.base64 转成blob 上传function dataURItoBlob(dataURI) { var byteString = atob(dataURI.split(
2020-08-25 16:19:05
1448
原创 get和post的区别(转)
发现了有技术含量的博客，https://blog.csdn.net/dkr380205984/article/details/88049374?utm_source=app
2020-03-03 23:08:00
114
原创 ios踩坑记录
ios中不允许将点击事件绑定在document或者body上，如果绑定上的话将会失效解决办法： 1.将click事件换成touch事件，同时还可以解决300ms的click延迟问题，但是需要e.stopPropagation()来阻止冒泡的处理会非常麻烦。 2.在对不能正常冒泡的元素上再进行一次事件绑定，比如对于tr可以在<table>上再进行一次事件代理。 3.最...
2019-01-17 09:52:36
175
原创 css样式问题
1、line-block元素会有上下边距设置父元素的line-height为0设置子元素的vertical-align设置父元素的font-size:02、div内多行文字居中若容器高度可变，可给出一致的padding-top和padding-bottom即可，若容器高度不可变，可用table布局，外容器设置display:table，内容器设置display:table-...
2019-01-10 14:31:29
145
转载 移动端rem布局，页面加载瞬间未恢复正常
在移动端rem布局在加载渲染页面的时候会出现元素由小到恢复正常一个现在。项目的设计稿是以750px，用以下代码设置html根元素font-size的代码。(function (doc, win) { var docEl = doc.documentElement, isIOS = navigator.userAgent.match(/\(i[^;]+;( U;)? ...
2018-12-20 10:35:42
516
转载 Chrome真机调试安卓和ios
使用Chrome调试工具需要翻墙，在地址栏中输入chrome://inspect/#devices 选中discover usb devices。安卓（安卓4.4版本以上）1、在android设备上开始开发者模式2、将设备连接到PC，在chrome浏览器地址栏输入：chrome://inspect/#devices3、在手机上打开网页的时候，chrome就会检测到网页，可以直接调试...
2018-12-03 17:00:28
2007
转载 移动端H5页面高清多屏适配方案(经典)
转载自：https://blog.csdn.net/laike1355/article/details/50845275视觉稿在前端开发之前，视觉MM会给我们一个psd文件，称之为视觉稿。对于移动端开发而言，为了做到页面高清的效果，视觉稿的规范往往会遵循以下两点：1）首先，选取一款手机的屏幕宽高作为基准(以前是iPhone4的320×480，现在更多的是iphone6的375×66...
2018-12-03 11:29:23
282
转载 vue框架开发出现页面空白、白屏的解决方法总汇
转载自http://www.fly63.com/article/detial/2871.npm run build打包页面空白我们会发现页面head中引用的js和css文件是出现了路径错误，这里修改如下：解决位置：config/index.js文件：把assetsPublicPath: '/'改为assetsPublicPath: './'build: { assetsP...
2018-11-22 10:09:40
8799
1
原创 vue踩坑之this.$nextTick()
比如你想让一个dom元素显示，然后下一步去获取这个元素的offsetWidth，最后你获取到的会是0。因为你改变数据，把show变成true，元素并不会立即显示，理所当然也不会获取到动态宽度。正确的做法是先把元素show出来，在$nextTick去执行获取宽度的操作，不知道这样说会不会好理解一点。openSubmenu() { this.show = true ...
2018-11-15 17:48:07
474
1
原创 history.pushState()无刷新改变url
今天在做一个vue的搜索功能，需要从搜索结果页面跳转到细节页面，然后点击返回还能返回到刚刚的结果页面，如果只用window.history.go(-1)当然会重新刷新搜索页面，当然是不行的。我尝试了两种方法都是通过改变url来实现，一种是window.location.href拼接一个搜索的key值，点击搜索的同时，刷新了页面，url改变了，功能是实现了，可是bug来了。。。。，搜索页面闪烁后...
2018-11-14 16:18:00
1990
转载 小乌龟TotoiseSVN的使用方法
原文转自 http://www.cnblogs.com/xilentz/archive/2010/05/06/1728945.html收藏起来用的时候比较方便TotoiseSVN的基本使用方法在 项目管理实践教程一、工欲善其事，必先利其器【Basic Tools】中，我已经讲解了怎样安装TortoiseSVN。在上面的讲解中已经讲了怎么使用VisualSVN Server了，今天我...
2018-10-09 10:43:41
7417
转载 CORS（跨域资源共享）
简介跨域资源共享的主要思想就是使用自定义的HTTP头部让浏览器与服务器进行沟通，从而决定响应式是成功还是失败，它允许了浏览器向跨源服务器发送请求，克服了同源的限制。CORS需要浏览器和服务器同时支持，所有浏览器目前都支持，IE需要10以上。在整个通信过程中，不需要用户参与，都是由浏览器自动完成。对开发者来说，CORS和普通的ajax同源请求一样，代码都一模一样，所以实现CORS通信的关键是...
2018-08-17 21:29:59
145
原创 BFC
BFC（Block Fromatting Context）块级格式化上下文。它是指一个独立的块级渲染区域，只有Block-level BOX参与，该区域拥有一套渲染规则来约束块级盒子的布局，且与区域外部无关。Fromatting Context是指页面中的一个渲染区域，它拥有一套渲染规则，规定了其子元素入如何定位，以及与其他元素的相互关系和作用。BFC就是用来格式化块级盒子，IFC用来格式化行...
2018-07-24 21:07:54
93
转载 ES5严格模式（use strict）笔记
严格模式就是让js代码在更严格的环境下运行。目的：消除JavaScript语法的不严谨和不合理之处，减少怪异行为。 消除代码运行的不安全之处，保证代码的运行安全。 提高编译器的效率，增加编译速度。 为未来新版本的Javascript做好铺垫。同样的代码，在"严格模式"中，可能会有不一样的运行结果；一些在"正常模式"下可以运行的语句，在"严格模式"下将不能运行。进入严格模式...
2018-07-18 20:06:20
237
原创 深浅拷贝
深浅拷贝出现的主要原因在于js对于基本数据类型和引用数据类型的处理不同。复制基本类型时，是复制它的值，一个新的对象和内存空间；而引用类型只是操作它的引用，复制的是指向内存空间的指针，改变其中一个会影响另外一个。浅拷贝如果我们复制的对象中没有引用数据类型，就可以使用浅拷贝，实现方法是遍历并复制，返回一个新的对象。 //定义一个简单对象，没有引用类型 var obj={ ...
2018-06-16 15:48:26
367
原创 懒加载和预加载的基本原理和实现方法
懒加载的原因：对于图片过多的场景，为了提高页面的加载速度，降低服务器的负载，增强用户体验，我们对还没出现在视野的图片先不加载，当元素出现在我们视野中的时候再加载。懒加载的原理：我们先将img标签中的src链接设置为一样的图片（空白图片），将真正的图片链接放在自定义属性中，如（data-src），当js监听到图片元素进入到可视窗口的时候，将自定义属性中的地址存储到src中，达到懒加载的效...
2018-06-16 14:24:23
3453
原创 ES6新特性基础知识点总结
一：ES6的一些数组方法1、foreach对于一个数组var colors=["red","green","blue"];//ES5for(var i=0;i<colors.length;i++){ console.log(colors[i]);}//ES6colors.forEach(function(color){console.log(color);})遍历数组中的值...
2018-04-18 21:29:41
271
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人