TypeScript
文章平均质量分 57
司徒小北
这个作者很懒,什么都没留下…
展开
-
常用TS学习总结
【代码】常用TS学习总结。原创 2023-02-02 15:40:52 · 282 阅读 · 0 评论 -
JavaScript判断设备类型
判断设备类型,兼容了部分ipad上有开启电脑模式的操作,导致设备被识别为ipad而不是windows或者其他。原创 2023-01-13 17:15:07 · 602 阅读 · 0 评论 -
React使用西瓜播放器
西瓜播放器是一个Web视频播放器类库,它本着一切都是组件化的原则设计了独立可拆卸的 UI 组件。更重要的是它不只是在 UI 层有灵活的表现,在功能上也做了大胆的尝试:摆脱视频加载、缓冲、格式支持对 video 的依赖。尤其是在 mp4 点播上做了较大的努力,让本不支持流式播放的 mp4 能做到分段加载,这就意味着可以做到清晰度无缝切换、加载控制、节省视频流量。同时,它也集成了对 flv、hls、dash 的点播和直播支持。if (!cid ||!原创 2022-09-14 17:52:31 · 1660 阅读 · 0 评论 -
flv.js简单使用示例
播放器,纯原生JavaScript开发(ECMAScript6编写),没有用到Flash。,通过MediaSourceExtensions喂给浏览器,实现了FLV格式视频的播放。它的工作原理是Flv.js在JavaScript中流式解析flv文件流,并实时转封装为。在下载好的文件夹中找到dist文件夹中的flv.min.js复制出来。如果你已经安装了nodejs可以使用npm来安装flv.js。当然你也可以使用其他方式进行下载。可以使用简单的服务器测试。...原创 2022-07-18 18:57:46 · 4313 阅读 · 0 评论 -
用html2canvas遇到因为有滚动条截图不完整问题的解决方法
本文章向大家介绍在vue项目中用html2canvas遇到因为有滚动条截图不完整问题的解决方法(设置height和windowHeight),需要的朋友可以参考一下。1、安装npm install html2canvas --save2、使用import html2canvas from 'html2canvas';基本逻辑html2canvas(document.getElementById('demo'), { backgroundColor: '...原创 2022-05-27 15:47:38 · 9534 阅读 · 9 评论 -
数字金额和汉字金额大写转换方法
前端:方法一(简单粗暴):function digitUppercase(num) { var strOutput = ""; var strUnit = '仟佰拾亿仟佰拾万仟佰拾元角分'; num += "00"; var intPos = num.indexOf('.'); if (intPos >= 0) num = num.substring(0, intPos) + num.substr(intPos + 1, 2); strUnit = strU原创 2022-05-09 11:44:35 · 687 阅读 · 0 评论 -
Loading chunk {n} failed 的解决方法
背景:前端代码更改后,每次发布到测试环境,用户的页面如果不刷新,会读取缓存,导致页面白掉! 本地没有过,都是打包到服务器上才有error infoUncaught SyntaxError: Unexpected token '<'Uncaught ChunkLoadError: Loading chunk 8 failed.(missing: https://mispaceuat.mihoyo.com/static/js/8.98f2a71fc60af3a81dd1.js)原创 2022-04-19 14:10:10 · 9985 阅读 · 0 评论 -
html页面添加水印,纯js设置
原理:根据页面大小,动态添加若干个div元素,将传递过来的文字写到div里,设置div旋转的角度、位置、宽度、高度、间距、字体、字体颜色等等调用的逻辑:index.html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1原创 2022-03-02 11:10:15 · 2118 阅读 · 2 评论 -
react 搜索实现高亮
为了增加用户体验,都会提供一个快速搜索的功能,以便用户快速定位,但是如果进行模糊匹配的话,希望输入的关键字在搜出来的数据里面进行高亮展示,提高用户体验技术点1. font 标签// 利用font标签可以规定文本字体、大小和颜色<font color="red" size="5" face="arial" >测试</font>2. dangerouslySetInnerHTML (直接在React中设置 HTML)react 官网文档提供方法,是 Re原创 2022-01-20 16:43:08 · 2054 阅读 · 0 评论 -
正则删除字符串左、右或两端的空格经验总结
1、消除字符串左边的空格function leftTrim(str){ return str.replace(/^\s*/,"");//^符号表示从开头即左边进行匹配 } 2、消除字符串右边的空格function rightTrim(str){ return str.replace(/\s*$/,""); } 3、消除字符串两边的空格function trim(str){ return str.replace(/(^\s*)|(\s*$)/g,"");}原创 2022-01-07 18:40:38 · 1198 阅读 · 0 评论 -
按需处理改造tree数据的方法
一:格式化tree调用方法:const formatedData = formatData("后台tree数据");return的数据按照自己需求修改即可,改造成自己需要的tree结构,如下将permissions格式化为children等const formatData = (data, rootId) => { return data.map((item) => { const systemId = item.systemId || rootId;原创 2021-12-17 15:49:23 · 1158 阅读 · 0 评论 -
密码校验常用正则表达式
至少八个字符,至少一个字母和一个数字:"^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d]{8,}$"至少八个字符,至少一个字母,一个数字和一个特殊字符:"^(?=.*[A-Za-z])(?=.*\d)(?=.*[$@$!%*#?&])[A-Za-z\d$@$!%*#?&]{8,}$"最少八个字符,至少一个大写字母,一个小写字母和一个数字:"^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[a-zA-Z\d]{8,}$"至少八原创 2021-12-15 18:18:35 · 9588 阅读 · 0 评论 -
js问号点操作符【?. 】(可选链 双问号)
1、看下面代码let dataList = res && res.data && res.data.list看着非常不美观,今天介绍的新语法就是为了解决这种问题的2、可选链操作符?.使用新语法重新写一下上面代码let dataList = res?.data?.list这样写看着就很简洁了。还有,如果想设置默认值应该怎么写?以前的写法:let dataList = res && res.data || []现在的写法原创 2020-12-31 11:36:10 · 6233 阅读 · 2 评论 -
注册快捷键(单快捷键、组合快捷键)
一、注册快捷键方法window.addEventListener('keydown', onWindowKeyDown, false);window.addEventListener('keyup', onWindowKeyUp, false);注意:addEventListener在组建销毁的时候也需要销毁eg:react+hooks useEffect(() => { window.addEventListener('keydown', onWindowKeyDow原创 2020-12-04 14:27:02 · 1339 阅读 · 1 评论 -
jspdf用法
介绍一下纯jspdf用法,将一个图片列表导出为pdf文件,根据图片宽高计算在pdf中的位置jsPDF 是一个基于HTML5的客户端解决方案,用于生成各种用途的 PDF 文档。官网地址:https://rawgit.com/MrRio/jsPDF/master/docs/1、安装:npm install jspdf2、引入:import jsPDF from "jspdf"3、使用:let pdf = new jsPDF('p', 'pt', [pdfX, pdfY]);第一..原创 2020-07-28 10:54:52 · 55476 阅读 · 11 评论 -
图片转换为base64
本地图片地址转换base64方法typeScript方法const getBase64 = (url: string) => { return new Promise((resolve, reject) => { // 通过构造函数来创建的 img 实例,在赋予 src 值后就会立刻下载图片,避免了文档冗余和污染 let Img = new Image(); Img.src = url; Img.crossOrigin = 'Anon原创 2020-07-28 10:29:03 · 738 阅读 · 2 评论 -
TypeScript类型定义-进阶篇
一、类型别名类型别名用来给一个类型起个新名字。简单的例子type Name = string;type NameResolver = () => string;type NameOrResolver = Name | NameResolver;function getName(n: NameOrResolver): Name { if (typeof n === ...原创 2019-11-15 16:20:24 · 5741 阅读 · 0 评论 -
TypeScript - 升级篇
一、对象的类型——接口在 TypeScript 中,我们使用接口(Interfaces)来定义对象的类型1、简单例子interface Person { name: string; age: number;};let tom: Person = { name: 'terminals ', age: 25};上面的例子中,我们定义了一个接口...原创 2019-11-15 16:08:48 · 1786 阅读 · 0 评论 -
TypeScript基础
一、关于 TypeScriptTypeScript是 JavaScript 的一个超集,主要提供了类型系统和对 ES6 的支持,它由 Microsoft 开发二、TypeScript优缺点TypeScript 增加了代码的可读性和可维护性· 类型系统实际上是最好的文档,大部分的函数看看类型的定义就可以知道如何使用了· 可以在编译阶段就...原创 2019-11-07 16:19:35 · 408 阅读 · 0 评论