Typescript一些常用的泛型工具
本文将简要介绍Typescript一些常用泛型工具的作用以及如何使用,简单总结了一下。“Extract”工具类型与“Exclude”工具类型是互补的,它能够从类型T中获取所有可以赋值给类型U的类型
12种使用Vue的最佳做法
随着 VueJS 的使用越来越广泛,出现了几种最佳实践并逐渐成为标准。在本文中,主要分享在平时开发中一些有用资源和技巧,废话少说,我们开始吧。
Vue中v-for循环的7种方法
Vue 中的 v-for 循环允许你在模板代码中编写 for 循环,尤其是当我们做下面的操作时非常有用:渲染数组或列表、遍历对象属性
Vue3.0七大亮点
在vue3中,增加了静态标记PatchFlag。在创建vnode的时候,会根据vnode的内容是否可以变化,为其添加静态标记PatchFlag。diff的时候,只会比较有PatchFlag的节点。PatchFlag是有类型的,比如一个可变化文本节点
慎用JSON.stringify
项目中遇到一个 bug,一个组件为了保留一份 JSON 对象,使用 JSON.stringify 将其转换成字符串,这样做当然是为了避免对象是引用类型造成数据源的污染。但发现后面使用 JSON.parse 方法之后,发现数据有所变化。
css属性中的calc方法
calc() 函数用于动态计算长度值。需要注意的是,运算符前后都需要保留一个空格,例如:width: calc(100% - 10px);任何长度值都可以使用calc()函数进行计算;
5 个不常提及的 HTML 技巧
项目中遇到一个 bug,一个组件为了保留一份 JSON 对象,使用 JSON.stringify 将其转换成字符串,这样做当然是为了避免对象是引用类型造成数据源的污染。但发现后面使用 JSON.parse 方法之后,发现数据有所变化。
如何实现一个零延迟的定时器?
假设我们就需要一个「立刻执行」的定时器呢?有什么办法绕过这个 4ms 的延迟吗,上面那篇 MDN 文档的角落里有一些线索,用postMessage来实现真正 0 延迟的定时器
前端异常埋点系统初探
开发者有时会面临上线的生产环境包出现了异常:bug: ,在长期生产bug并修复bug的循环中总结出一下几个痛点:无法快速定位到发生错误的代码位置,因为脚手架构建时会用webapck自动帮我们压缩代码