- 博客(17)
- 收藏
- 关注
原创 新手前端实现大文件分片上传
新手前端实现大文件分片上传前言文件上传的场景在工作中时常遇见,必不可免的有时会需要上传一个很大的文件,上传时间比较久,如果遇见网络问题或其他因素影响,容易导致传输失败,这里可以使用分片上传来解决这个问题。基础知识点浏览器对象BlobBlob 对象表示一个不可变、原始数据的类文件对象。它的数据可以按文本或二进制的格式进行读取,同时提供了对数据截取的方法slice,而file继承了Blob的功能,所以可以使用此方法将读取的文件进行分片切割,用以拼凑准备上传的数据把大文件进行分段 比如2M,发送到
2021-05-09 22:02:36 2477
原创 flex:0 flex:1 flex:auto flex:none之间的区别
flex:initial是flex的默认属性,具体表现为,当容器有剩余空间不增长,当容器空间不足是会缩小,尺寸自适应内容
2020-10-12 11:50:12 6381 7
原创 相对时间格式化
看了一篇关于相对时间格式化的文章,觉得以后可能会用上,记录一下;原博地址:Intl.RelativeTimeFormat相对时间格式化防止地址可能失效,还是手动敲一下现在使用相对时间格式的地方越来越多,比如几秒前,几天前这种相对时间格式的,现在流行的几个库实现这些效果,比如Moment.js,Globalize和date-fns,现在使用原生API也可以实现这种效果。语法:relativeTimeFormat.format(value, unit)value: 数值unit:"ye
2020-10-09 16:37:13 225
原创 uni-app遇见跨域问题
官网解决方法:点击链接在网上看见许多方法,找到一种解决自己问题的方法,如下1.打开manifest.json文件,选择源码视图,在里面添加proxy代理2.需要跨域的页面uni.request({ url: '/api/GreenCampus/free/all', data:{ data : 123 }, succ...
2020-03-04 13:16:20 5863 9
原创 学习uni-app中踩过的坑
uni-app中的onload不起作用在学习使用uni-app过程中在页面中使用onload是没问题的,但是如果在组件中使用onload的时候就是不起作用,最后找的问题的原因是:在组件不能使用页面周期函数,比如onload。可以在组件中使用mounted来代替去掉uni-app默认的头部导航找到pages.json这个文件,在globalStyle下面加一句:**“navigatio...
2020-02-11 15:18:15 709
转载 css加载会造成阻塞吗
首先,css会阻塞dom树的解析渲染吗?结果是:css不会阻塞dom树的解析,但是会阻塞dom树的渲染,这可能是浏览器的一种优化机制,因为在css中可能存在对dom的操作,如果css不阻塞dom的渲染,那么当css加载完后,可能会触发重绘重排,造成性能上的损耗。css会阻塞js运行吗?结果是:css会阻塞js的运行。所以为了防止css阻塞,引起页面白屏,可以提高页面加载速度使用...
2019-07-30 14:38:57 452
原创 vue组件之间的通信
一、props/$emit 缺点:不能兄弟之间通信父组价通过props向子组件传递消息。父组件<template> <div class="parent" > <child-ren title="mymymessage"></child-ren> </div></template>...
2019-07-27 11:38:16 72
原创 vue的slot学习
最近vue2.6发布,其中更新的就有插槽slot先来理解一下什么是插槽,看一个简单例子就能理解父组件<div class="test"> <but-tone>hello world</but-tone></div>子组件 <div class="but-tone"> <slot></s...
2019-07-25 19:15:02 107
原创 js实现页面分页效果
最近接触老项目,项目要求修改表格添加分页功能,采用的bootstrap-table,在完成项目后,决定原生简单实现一下分页效果。效果:首先,分页最重要的几个参数:每页显示条数:pageSize 总数据量:data; 总共多少页:totalpages= (data-1)/pageSi...
2019-07-25 14:12:40 990
原创 使用vue-infinite-scroll实现无限滚动
今天在移动端项目中遇见一个需求,需要数据无限滚动。在这里总结一下使用心得首先引入: npm install vue-infinite-scroll --save 在vue中的main.js中引入:import infiniteScroll from 'vue-infinite-scroll'Vue.use(infiniteScroll)在代码中使用:<...
2019-07-24 16:32:29 1449
原创 git commit 时出现:please enter the commit message for your changes
在项目中,提交git时,遇见Please enter the commit message for your changes. Lines startingwith '#' will be ignored, and an empty message aborts the commit.这个问题。一个人提交git时没有遇见这个问题,在团队开发时git pull之后出现。git stat...
2019-07-24 15:37:33 1657
原创 用canvas画一个钟表
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> body{ background: #000000; } #c1{ background: #FFFFFF; ...
2018-07-01 23:14:45 262
原创 canvas视屏自制控件
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> .volume{ width: 300px; height: 15px; background: #ccc; ...
2018-06-30 23:59:18 150
原创 双等判断及数据类型的转换
1.用typeof()判断数据类型 var i = 100; alert(typeof (i)); //number调用typeof()会返回一下几种结果:string,number,Boolean,object,function,undefined;注意:当判读null时会返回object,null被认为时object的占位符。2.string字符串类型:leng...
2018-04-24 19:50:30 301
原创 轮播图
点击左右按钮,切换图片。图片的序号也随之变化。逻辑思维:每次点击按钮时,只需要改变img的“src”属性就可以切换图片。将图片的"src"放在数组中,就可以知道每一张图的位置信息,在通过在数组中的位置的改变,从而改变img的“src”<!doctype html><html lang="en"><head> <meta charset="U...
2018-04-14 23:02:50 183
原创 css-圣杯布局和双飞翼布局
1.圣杯布局:(1)父元素中包含左中右三个盒子,并且让他们分别左浮动。(2)将中间的盒子宽度设为100%,并且它在html中代码位置放在左右代码位置的上面(就是所说的第一个渲染)。(3)左右两边使用margin-left的负值,使他们与中间的盒子同行,(左边:-100%,右边:-右边盒子的宽度)。(4)父元素用padding为左右盒子留位置。(5)用相对定位将左右盒子移到正确的...
2018-03-23 21:58:42 206
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人