摘要:
场景: 类组件、函数组件、 forwardRef、useImperativeHandle 详解 前言 在一个父组件中,我们想要获取到其中的节点元素或者子组件实例,从而直接调用其上面的方法。Class 类组件和函数组件是两种不同的写法。 1. Class 组件中使用ref 在 React 的 Clas 阅读全文
摘要:
前言 不做笔记不学习 一个线上的TypeScript练习地址:TypeScript Playground 为什么要有 TypeScript TypeScript是JavaScript的超集,因为它扩展了JavaScript,有JavaScript没有的东西。硬要以父子类关系来说的话,TypeScri 阅读全文
摘要:
1. 什么是设计模式? 设计模式是一套被反复使用、多数人知晓、经过分类编目的、代码设计经验的总结。它是为了可重用代码,让代码更容易的被他人理解并保证代码的可靠性。 就像是在做数学题时,已知直角三角形两边长,求另一边,我们会直接用勾股定理,而不会去证明为什么勾股定理是成立的。所以,设计模式实际上是“拿 阅读全文
摘要:
使用场景: 以往设计图给的字号一般最小就是12px, 开发人员一般是使用谷歌浏览器来进行调试运行。谷歌浏览器上显示字体最小为12px,css设置font-size:10px,运行代码显示结果仍然是12px大小,但是挡不住甲方有时就是强调使用的字号,必须是特别小的字号,就比如说某些网站设计的噱头–“买 阅读全文
摘要:
前言 虽然云谦大佬在github上说了,umi本身的配置已经很完善了,但是肯定满足不了所有人各种各样的奇葩需求。。。 比如今天说的将jsx中的style里,将px转换为rem。 umi本身提供了postcss、cssloader等,但是要想将jsx中的px转换成rem,并未找到相关的插件。就只有手写 阅读全文
摘要:
前言 在早期web端的动画、广告、游戏等基本上都是使用Flash来实现的,要在网页上播放Flash需要一堆代码和插件,因此Flash的使用上比较复杂,还会给开发者带来一堆麻烦。 自从HTML5提供 Canvas 标签以来它就彻底颠覆了Flash的地位,到如今Flash基本已经淡出了人们的视线。那究竟 阅读全文
摘要:
欢迎关注前端早茶,与广东靓仔携手共同进阶 前端早茶专注前端,一起结伴同行,紧跟业界发展步伐~ 一、前言 “history 对象”指的是history软件包,它是 React Router 仅有的两个主要依赖项之一(除了 React 本身),它提供了几种不同的实现来管理各种环境中 JavaScript 阅读全文
摘要:
欢迎关注前端早茶,与广东靓仔携手共同进阶 前端早茶专注前端,一起结伴同行,紧跟业界发展步伐~ 一、原理 changeDPI 提供了 2 个实用函数,可以更改画布生成的图像的 dpi,无论是 dataUrl 还是 Blob 格式。这些函数用于将标题与图像数据分离,仅转换和操作标题,然后将标题粘贴回文件 阅读全文
摘要:
欢迎关注前端早茶,与广东靓仔携手共同进阶 前端早茶专注前端,一起结伴同行,紧跟业界发展步伐~ 1、omitjs干什么用的 返回一个没有列入排除key属性的对象。其中,参数object为JSON格式的对象,*keys表示多个需要排除掉的key属性。 用法 import omit from 'omit. 阅读全文
摘要:
欢迎关注前端早茶,与广东靓仔携手共同进阶 前端早茶专注前端,一起结伴同行,紧跟业界发展步伐~ 环境准备 到写下本文时,环境版本如下 Node: 12.16.3 mysql: 8.0.19 npm: 6.14.5 操作系统win10(cnpm不支持win部署,到时候可修改启动命令,有Linux环境更佳 阅读全文