随笔分类 -  Web前端 / JavaScript/TypeScript

摘要:react异常警告:Each child in a list should have a unique “key” prop 原因:Dom在渲染数组时,需要一个key,不然嵌套数组时会引起歧义 解决: 1 <div className="classlist-contaier"> 2 {this.st 阅读全文
posted @ 2020-07-15 10:17 唐宋元明清2188 阅读(12599) 评论(0) 推荐(0) 编辑
摘要:当我们添加一张svg图片显示时,react提示找不到文件。 我们可以在全局文件global.d.ts内,添加图片类型的声明: 详见《TypeScript 引用资源文件后提示找不到的错误处理方案》 声明之后,引用不报错了。然后我们看看svg图片,里面有颜色及其它设置: 1 <?xml version= 阅读全文
posted @ 2020-07-14 23:05 唐宋元明清2188 阅读(3131) 评论(0) 推荐(0) 编辑
摘要:上一篇 前端 浏览器所在客户端信息,有浏览器信息后,以下是区分手机的详细类型 虽然没难度,但是记录下来,方便后续无脑复制: 苹果APP类型 1 // iOS 2 isIPhone = (userAgent: string) => /iphone/i.test(userAgent); 3 isIPod 阅读全文
posted @ 2020-07-07 08:36 唐宋元明清2188 阅读(849) 评论(0) 推荐(0) 编辑
摘要:在开发App端的网页时,要适配iphone、ipad、ipod、安卓等各种机型,一般是直接使用em、px转em、界面缩放。 本章是通过将界面缩放,等比例显示在各机型上。过程中遇到了些问题和大坑~ 然后下面是具体的自适应尝试~ 方案一 设置tranform/scale 首先设置内容固定宽度、自动高度( 阅读全文
posted @ 2020-07-06 10:49 唐宋元明清2188 阅读(624) 评论(0) 推荐(1) 编辑
摘要:如果是在线查询,可以在点击https://www.bejson.com/httputil/clientinfo/ 查看详细浏览器信息 js获取浏览器所在客户端信息:window.clientInformation.appVersion 如果是服务端渲染,在Node端初始化时获取不了window对象, 阅读全文
posted @ 2020-07-05 10:24 唐宋元明清2188 阅读(440) 评论(0) 推荐(0) 编辑
摘要:如何通过js往剪贴板中,添加一段文本 1 var oInput = document.createElement('input'); 2 oInput.setAttribute('value', this.downloadUrl); 3 document.body.appendChild(oInpu 阅读全文
posted @ 2020-07-04 16:56 唐宋元明清2188 阅读(254) 评论(0) 推荐(0) 编辑
摘要:监听标签的触摸/鼠标滑动事件,添加元素的切换动画,效果如下: 事件监听 鼠标事件和触摸事件监听: 1 componentDidMount() { 2 var teachingReportDiv = document.getElementById("teachingReport") as HTMLEl 阅读全文
posted @ 2020-07-01 11:57 唐宋元明清2188 阅读(342) 评论(0) 推荐(0) 编辑
摘要:页面滚动时,添加平滑特效 1.在页面入口处,添加css 1 html { 2 scroll-behavior: smooth; 3 } 添加全局css之后,直接使用window.scroll(0,0)就可以平滑滚动到顶部了。 注:兼容性很差,仅支持火狐、chrome高级版本 2.指定滚动操作,使用平 阅读全文
posted @ 2020-06-22 23:37 唐宋元明清2188 阅读(1729) 评论(0) 推荐(0) 编辑
摘要:在tsx中引用图片,在文件文本编辑器中提示错误引用: typescript无法识别非代码文件(js是可以的)。如果需要在ts中识别此文件资源,可以先声明文件类型。 新建一个ts文件,比如global.d.ts(.d.ts是typescript declaration file的简称),并放在主要代码 阅读全文
posted @ 2020-06-09 20:40 唐宋元明清2188 阅读(1142) 评论(0) 推荐(0) 编辑
摘要:本文解决的是,如何向FromData添加对象数组。 在FormData中添加数据并使用Axios向后台请求数据,参数是列表对象File[] 结果接口请求时,数据变成了字符串: 试试直接使用File[]作为参数,结果是不支持的。只支持string或者Blob对象 所以FormData要如何添加文件列表 阅读全文
posted @ 2020-01-20 15:33 唐宋元明清2188 阅读(1206) 评论(0) 推荐(1) 编辑

点击右上角即可分享
微信分享提示