会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
Web初心
博客园
首页
新随笔
联系
管理
2021年5月27日
提取视频中的帧画面
摘要: demo仅测试了以file对象做为源,格式为mp4 有几点可以考虑做成配置项:画布宽高;转 base64 或 blob 时,图片的格式以及质量;是否需要返回 base64 或 blob 的数组以及视频时长; 我在实际应用中仅使用了base64的数组,选择某一个图片时,再将单个的 base64转blo
阅读全文
posted @ 2021-05-27 13:39 Web初心
阅读(934)
评论(0)
推荐(0)
2020年3月30日
在nginx上部署web项目及启用gzip压缩(以Vue路由history模式打包文件为例)
摘要: 系统环境 linux ubuntu 18.04,不同系统只是系统操作命令上的不同,nginx的目录结构和配置文件格式是一致的 安装nginx sudo apt-get intall nginx Nginx的主配置文件是 nginx目录下的nginx.conf 建议在conf.d文件夹下新建xx.co
阅读全文
posted @ 2020-03-30 13:18 Web初心
阅读(503)
评论(0)
推荐(0)
2019年12月23日
iView的tree组件实现单选功能
摘要: iView中的树组件有复选框可以多选,但是目前还没有提供单选框的模式,不显示复选框可以提供高亮单选的模式,但是再次点击就被取消了,没有实现真正的单选; tree 的属性配置中 multiple 是否支持多选,是在不显示复选框的时候生效的,不能控制复选框支不支持多选; 实现单选功能中用到了: :sho
阅读全文
posted @ 2019-12-23 17:43 Web初心
阅读(3426)
评论(0)
推荐(0)
2019年11月19日
箭头函数与定时器的this指向问题
摘要: 函数体内的this对象,就是定义时所在的对象,而不是使用时所在的对象。 箭头函数本身没有this,this继承上级的this。 定时器中箭头函数的this指向包含定时器的函数,所以定时器中的箭头函数要使用外层this的时候,不用借that传递了,正常使用即可 1 // 为避免频繁点击触发事件,点击之
阅读全文
posted @ 2019-11-19 14:18 Web初心
阅读(860)
评论(0)
推荐(0)
2019年11月7日
iframe通信相关:父操作子,子操作父,兄弟通信
摘要: 这里写window和document是认为代表了BOM和DOM(个人理解不一定对) 拿到了window就能操作全局变量和函数 拿到了document就能获取dom,操作节点 父操作子 window:选择器.contentWindow document:选择器.contentWindow.docume
阅读全文
posted @ 2019-11-07 19:03 Web初心
阅读(819)
评论(0)
推荐(0)
2019年11月4日
表单重置时 <input type=“hidden”> 隐藏域不可被重置
摘要: 可封装全局样式 .hide{ display:none; } 用 <input type="text" class="hide"/> 替代
阅读全文
posted @ 2019-11-04 12:41 Web初心
阅读(889)
评论(0)
推荐(0)
2019年10月31日
删除数组中的某一项
摘要: 1 // 删除数组中某一项,传入数组和要删除的项 2 const delArrItem = (arr, item) => { 3 let index = arr.indexOf(item) 4 5 // 短路表达式,前面的为true才会执行后面的 6 index != -1 && arr.splice(index, 1) 7 }
阅读全文
posted @ 2019-10-31 10:24 Web初心
阅读(2228)
评论(0)
推荐(0)
字符串去所有空格
摘要: 可用作允许用户的手机号存在空格,只保存去空格后的手机号
阅读全文
posted @ 2019-10-31 10:12 Web初心
阅读(673)
评论(0)
推荐(0)
时分秒与秒互转的两个小方法
摘要: 1 // 普通时间格式转成秒 2 var timeToSec = function (time) { 3 var timeArr = time.split(':') 4 var hour = timeArr[0] 5 var minute = timeArr[1] 6 var sec = timeArr[2] 7 8 return Number(hour * 3600) + Number(minu
阅读全文
posted @ 2019-10-31 10:03 Web初心
阅读(2112)
评论(0)
推荐(0)
2019年10月12日
下划线文字,鼠标hover小样式
摘要: CSS样式 //不只是a标签,其他有下划线的字体也可以 a:hover{ color: #ff3100; //这里的颜色是指字体颜色不是波浪下划线效果的svg图颜色 text-decoration: none; background:url("data:image/svg+xml,%3Csvg xm
阅读全文
posted @ 2019-10-12 10:53 Web初心
阅读(546)
评论(0)
推荐(0)
下一页
公告