vue中实现video视频截图保存,video全屏及退出
截图是使用canvas绘制图片,构造链接 使用download属性触发下载到本地;全屏和退出全屏务必使video视频播放器和自定义退出图标合并为一个DIV,作为全屏的div块,设置自定义的退出图标position:fixed,这样就可以浮动在-- video上层显示
在生产环境中使你的 npm i 速度提升 50%
对于一个前端应用,或者说是一个 Node 应用,在 CICD pipeline 中,无论是构建,测试,部署,其中必不可少的环节就是依赖安装: npm i。npm i 不仅是必不可少的环节,而且很可能也是耗时最长的一个环节。
Angular中实现文件转BASE64
这是一个so easy的问题,主要是记录一下angular 的模板变量的使用和组件中匿名方法 ,箭头方法使用的区别;如何将模板中的 DOM对象作为参数传入方法?
css中clip属性
css中裁剪和遮罩相关的属性一般来说是比较少用到的,但是最近写项目的时候遇到一个问题,要给一张图片上加个白色遮罩,产生合成效果,这就不得不用到css遮罩相关的属性,顺便把裁剪相关属性一起学习来,做个总结
React setState 这样用,开发直呼内行!
众所周知, React 是通过管理状态来实现对组件的管理,而setState是用于改变状态的最基本的一个方法,虽然基础,但是其实并不容易掌握,本文将结合部分源码对这个方法做一个相对深入的解析。
到 2050 年,人工智能收入将超过 1000 亿美元
作为当下最热门的技术创新和研究方向之一,人工智能在备受关注的同时,也被炒作和误解,行业出现了很多泡沫。不少人质疑,人工智能凭借概念炒作和出色的营销吸引了资本市场的关注。热潮褪去之后,AI 落地、商业化还有多大的空间?
Element 表格导出为Excel表格
安装xlsx和filesaver、在表格组件中引入安装的2个文件、HTML结构、导出的方法、在页面点击导出按钮时可以正常导出,但是如果左边有固定的列,相同的数据会导出2遍
从业 20 年的程序员,“盘”出来的 5 种编程经验
一个拥有 20 年编程经验的“熟手”,编程干货有多少?本文的作者是一名从业 20 年的程序员,在本文中,他分享了自己这 20 年来学到的 5 种编程经验:重复的知识最糟糕、把代码当成一种债务、对高级开发人员信任但去验证、使用 TDD
css盒模型
盒模型:box-sizing;标准盒模型: content-box 宽高即为content的宽高;IE盒模型:border-box 宽高为content+padding+border;dom.style.width/height 只能获取内联样式设置的宽高