前端开发
文章平均质量分 61
以实战为线索,逐步深入React开发各个环节,掌握前端常用性能体验优化思路,打造完整前端工作流,提升工程化编码能力和思维能力。
Tvas
这个作者很懒,什么都没留下…
展开
-
获取数据类型的方式和typescript is 类型谓词
typeScript 和 数据类型获取方式原创 2022-09-19 11:41:49 · 412 阅读 · 1 评论 -
react-router-dom V6 路由传值及功能介绍
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、引入库文件二、使用步骤1.首页引入Router2.创建路由集中管理文件3.在App中使用useRoutes4.在子页面中使用 5.路由传值的方式总结前言React-router-dom已经升级到最新版本V6,先简单介绍一下v6版本发生了哪些改变一、引入库文件引入最新的reac-router-domyarn$ yarn add react-router-dom@6npm$ npm install rea原创 2022-01-23 18:05:10 · 3778 阅读 · 5 评论 -
scrollTop如何获取
1、各浏览器下 scrollTop的差异IE6/7/8:对于没有doctype声明的页面里可以使用 document.body.scrollTop 来获取 scrollTop高度 ;对于有doctype声明的页面则可以使用 document.documentElement.scrollTop;Safari:safari 比较特别,有自己获取scrollTop的函数 : window.pageYOffset ;Firefox:火狐等等相对标准些的浏览器就省心多了,直接用 document.do原创 2020-10-14 10:39:08 · 1655 阅读 · 0 评论 -
call、apply和bind方法区别
call调用 将方法中的this指向call中第一个参数,当第一个参数为null、undefined时,默认指向window; call中第一个参数之后是要传递给方法的参数列表。apply与call相似,不同之处在于传递给方法的参数形式不一致。apply传递给方法的参数是数组的形式。call和apply在改变方法的this指向时,会同时执行方法;而bind不会执行方法,而是返回改变this指向后的新方法。let fn = function(a,b){ console.log(this,a,b)原创 2020-10-13 14:03:17 · 282 阅读 · 0 评论 -
DIV水平垂直居中
1.table-cell实现水平垂直居中 .child{ vertical-align: middle; display: table-cell; text-align: center; border:1px solid #666; }对table-cell元素设置百分比(如100%)的宽高值时无效的,但是可以将父元素设置display:table,再将父元素设置百分比宽高,子元素table-cell会自动撑满父元素。这就可以做相原创 2020-10-12 15:13:44 · 139 阅读 · 0 评论