H5
强身健体,清神醒脑
这个作者很懒,什么都没留下…
展开
-
获取浏览器窗口滚动条的宽度
const scrollW = window.innerWidth - document.documentElement.offsetWidth; // 滚动条宽度原创 2020-08-20 10:45:22 · 473 阅读 · 0 评论 -
前端webSocket初始化,心跳检测代码块
class WSocket { ws=null; timeout=20000; timeoutObj= null; serverTimeoutObj=null; init () { this.ws = new WebSocket(baseUrl); this.ws.addEventListener('open', () => { this.reset().start(); // 心跳检测 }); .原创 2020-07-08 20:13:34 · 829 阅读 · 0 评论 -
web移动端实现响应式布局解决方案
1、移动端的响应式布局主要用到rem,并且rem要跟随页面的尺寸改变而不断调整,两者缺一不可。2、本文没有采用flexible方案,该方案主要是使用js监听window的size,进而改变rem数值;3、采用rem+vw是当前比较合适的解决方案;flexible.css// 对应750px稿图html{font-size:13.33333333vw}// 尺寸过大的兼容方案@media (min-width: 560px) { html { font-size: 54px; }原创 2020-06-02 22:55:52 · 529 阅读 · 0 评论 -
关于文件上传的几个步骤
axios提交:1:获取[input=file]的文件对象;file.onchange=function(e){let file=e.target.files[0];}2:使用FormData构造函数创建文件对象; let formData = new FormData(); formData.append("a",a内容); formData.append("b",b内容);...原创 2019-10-17 09:43:49 · 529 阅读 · 0 评论 -
前端图片上传加压缩
methods: { upload(e) { let formDate = new FormData(); //利用FormDate构造函数激昂文件转换为二进制 let params = { path: "order/" // bucket:_this.bucket }; Indicator.open("准备上传");...原创 2019-07-31 19:11:04 · 288 阅读 · 0 评论