前端
文章平均质量分 92
sysukehan
练习时长两年半的个人练习生。
展开
-
使用react-scripts测试canvas的注意事项
react-scripts3的jsdom版本太低不能用于测试canvas,react-scripts4的jsdom版本支持测试canvas但是不支持解析css中的url配置,妥善的解决方案是使用react-scripts3,通过调整node_modules中的目录名称实现jsdom版本的升级,从而支持对canvas进行测试。原创 2021-06-20 19:35:42 · 513 阅读 · 0 评论 -
ESLint配置方法
ESLint的目标是提供一个插件化的JavaScript代码检测工具。代码检查是一种静态的分析,常用于寻找有问题的模式或者代码,并且不依赖于具体的编码风格。JavaScript是一个动态的弱类型语言,在开发过程中比较容易出错。因为没有编译程序,为了寻找JavaScript代码错误通常需要在执行过程中不断调试。ESLint可以让程序员在编码的过程中发现问题。原创 2021-03-21 21:20:37 · 10711 阅读 · 3 评论 -
React的Props检查:PropTypes
props是React组件的接收的外部参数,相当于是组件暴露给外部的接口。PropTypes的作用更多的是一种文档性质的限制,通过给每个prop属性设置对应的PropTypes来提示开发者和使用者组件对外暴露的接口限制。本文同时介绍了defaultProps的使用方法。原创 2021-03-11 20:03:08 · 734 阅读 · 0 评论 -
React中Context的使用
Context 提供了一种在组件之间共享值的方式,而不必显式地通过组件树的逐层传递 props。如果获取值和使用值的层级相隔很远,或者需要使用这个值的组件很多很分散,则可以使用Context来共享数据,避免使用大量重复的props来传递值。原创 2021-03-08 21:13:17 · 5647 阅读 · 2 评论 -
React单元测试:Jest+Enzyme
本文介绍基于Jest+Enzyme的React单元测试编写方法,包括对组件、action、reducer和其他工具类和功能类js的测试。主要介绍对组件、action、reducer代码的单元测试,还有相关三方件的使用与配置方法。原创 2021-03-03 21:33:14 · 1904 阅读 · 1 评论 -
前端常用布局及实现方法(想到就更)
使子元素处于父元素的中心位置;元素内子元素水平居中均匀分布(可换行);把父元素分割为四(n)块等宽的区域(栅栏布局);表单标签右对齐、内容左对齐实现;左边导航栏+右边内容页实现;左右固定宽度,中间撑满剩余空间实现;版权声明固定在浏览器底部实现;导航栏固定在浏览器顶部实现;原创 2020-05-05 05:06:11 · 805 阅读 · 0 评论 -
前端基础知识(布局)
总结常用的布局相关CSS属性以及弹性盒子模型常用属性。原创 2020-05-05 04:59:40 · 1207 阅读 · 0 评论 -
从零开始创建react+webpack项目
描述了从零开始创建react+webpack项目的过程,附有详细步骤及成品项目地址。原创 2020-03-15 01:38:45 · 2192 阅读 · 0 评论