<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[柯南的博客]]></title><description><![CDATA[个人学习笔记]]></description><link>https://blog.youkuaiyun.com/sysukehan</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; sysukehan]]></copyright><item><title><![CDATA[使用react-scripts测试canvas的注意事项]]></title><link>https://blog.youkuaiyun.com/sysukehan/article/details/118068705</link><guid>https://blog.youkuaiyun.com/sysukehan/article/details/118068705</guid><author>sysukehan</author><pubDate>Sun, 20 Jun 2021 19:35:42 +0800</pubDate><description><![CDATA[react-scripts3的jsdom版本太低不能用于测试canvas，react-scripts4的jsdom版本支持测试canvas但是不支持解析css中的url配置，妥善的解决方案是使用react-scripts3，通过调整node_modules中的目录名称实现jsdom版本的升级，从而支持对canvas进行测试。
]]></description><category></category></item><item><title><![CDATA[ESLint配置方法]]></title><link>https://blog.youkuaiyun.com/sysukehan/article/details/114852151</link><guid>https://blog.youkuaiyun.com/sysukehan/article/details/114852151</guid><author>sysukehan</author><pubDate>Sun, 21 Mar 2021 21:20:37 +0800</pubDate><description><![CDATA[ESLint的目标是提供一个插件化的JavaScript代码检测工具。代码检查是一种静态的分析，常用于寻找有问题的模式或者代码，并且不依赖于具体的编码风格。JavaScript是一个动态的弱类型语言，在开发过程中比较容易出错。因为没有编译程序，为了寻找JavaScript代码错误通常需要在执行过程中不断调试。ESLint可以让程序员在编码的过程中发现问题。]]></description><category></category></item><item><title><![CDATA[React的Props检查：PropTypes]]></title><link>https://blog.youkuaiyun.com/sysukehan/article/details/114677482</link><guid>https://blog.youkuaiyun.com/sysukehan/article/details/114677482</guid><author>sysukehan</author><pubDate>Thu, 11 Mar 2021 20:03:08 +0800</pubDate><description><![CDATA[props是React组件的接收的外部参数，相当于是组件暴露给外部的接口。PropTypes的作用更多的是一种文档性质的限制，通过给每个prop属性设置对应的PropTypes来提示开发者和使用者组件对外暴露的接口限制。本文同时介绍了defaultProps的使用方法。]]></description><category></category></item><item><title><![CDATA[React中Context的使用]]></title><link>https://blog.youkuaiyun.com/sysukehan/article/details/114039009</link><guid>https://blog.youkuaiyun.com/sysukehan/article/details/114039009</guid><author>sysukehan</author><pubDate>Mon, 08 Mar 2021 21:13:17 +0800</pubDate><description><![CDATA[Context 提供了一种在组件之间共享值的方式，而不必显式地通过组件树的逐层传递 props。如果获取值和使用值的层级相隔很远，或者需要使用这个值的组件很多很分散，则可以使用Context来共享数据，避免使用大量重复的props来传递值。]]></description><category></category></item><item><title><![CDATA[React单元测试：Jest+Enzyme]]></title><link>https://blog.youkuaiyun.com/sysukehan/article/details/113879735</link><guid>https://blog.youkuaiyun.com/sysukehan/article/details/113879735</guid><author>sysukehan</author><pubDate>Wed, 03 Mar 2021 21:33:14 +0800</pubDate><description><![CDATA[本文介绍基于Jest+Enzyme的React单元测试编写方法，包括对组件、action、reducer和其他工具类和功能类js的测试。主要介绍对组件、action、reducer代码的单元测试，还有相关三方件的使用与配置方法。]]></description><category></category></item><item><title><![CDATA[前端常用布局及实现方法（想到就更）]]></title><link>https://blog.youkuaiyun.com/sysukehan/article/details/105927018</link><guid>https://blog.youkuaiyun.com/sysukehan/article/details/105927018</guid><author>sysukehan</author><pubDate>Tue, 05 May 2020 05:06:11 +0800</pubDate><description><![CDATA[使子元素处于父元素的中心位置；
元素内子元素水平居中均匀分布（可换行）；
把父元素分割为四(n)块等宽的区域（栅栏布局）；
表单标签右对齐、内容左对齐实现；
左边导航栏+右边内容页实现；
左右固定宽度，中间撑满剩余空间实现；
版权声明固定在浏览器底部实现；
导航栏固定在浏览器顶部实现；]]></description><category></category></item><item><title><![CDATA[前端基础知识（布局）]]></title><link>https://blog.youkuaiyun.com/sysukehan/article/details/105927012</link><guid>https://blog.youkuaiyun.com/sysukehan/article/details/105927012</guid><author>sysukehan</author><pubDate>Tue, 05 May 2020 04:59:40 +0800</pubDate><description><![CDATA[总结常用的布局相关CSS属性以及弹性盒子模型常用属性。]]></description><category></category></item><item><title><![CDATA[Linux常用命令（博客地图）]]></title><link>https://blog.youkuaiyun.com/sysukehan/article/details/105804511</link><guid>https://blog.youkuaiyun.com/sysukehan/article/details/105804511</guid><author>sysukehan</author><pubDate>Tue, 28 Apr 2020 03:51:13 +0800</pubDate><description><![CDATA[Linux常用命令博客地图：
01 文件及目录相关操作
02 查找、查看、比较、编辑文件
03 用户及用户组基础知识
04 用户及用户组相关操作
05 系统运行监测相关操作
06 文件系统与磁盘相关操作
07 bash的使用、关机和重启命令
08 输入输出处理
09 正则表达式
10 软件包安装、定时任务和服务监控]]></description><category></category></item><item><title><![CDATA[Linux常用命令（软件包安装、定时任务和服务监控）]]></title><link>https://blog.youkuaiyun.com/sysukehan/article/details/105401837</link><guid>https://blog.youkuaiyun.com/sysukehan/article/details/105401837</guid><author>sysukehan</author><pubDate>Thu, 09 Apr 2020 04:15:51 +0800</pubDate><description><![CDATA[命令介绍：rpm、crontab、chkconfig、systemctl。]]></description><category></category></item><item><title><![CDATA[Linux常用命令（正则表达式）]]></title><link>https://blog.youkuaiyun.com/sysukehan/article/details/105378151</link><guid>https://blog.youkuaiyun.com/sysukehan/article/details/105378151</guid><author>sysukehan</author><pubDate>Wed, 08 Apr 2020 06:12:42 +0800</pubDate><description><![CDATA[Linux基础正则表达式和扩展正则表达式介绍。]]></description><category></category></item><item><title><![CDATA[Linux常用命令（输入输出处理）]]></title><link>https://blog.youkuaiyun.com/sysukehan/article/details/105337673</link><guid>https://blog.youkuaiyun.com/sysukehan/article/details/105337673</guid><author>sysukehan</author><pubDate>Mon, 06 Apr 2020 02:32:01 +0800</pubDate><description><![CDATA[命令介绍：>、>>、2>、2>>、$?、&&、||、cut、grep、wc、split、xargs、-]]></description><category></category></item><item><title><![CDATA[Linux常用命令（bash的使用、关机和重启命令）]]></title><link>https://blog.youkuaiyun.com/sysukehan/article/details/105188179</link><guid>https://blog.youkuaiyun.com/sysukehan/article/details/105188179</guid><author>sysukehan</author><pubDate>Sun, 29 Mar 2020 22:54:36 +0800</pubDate><description><![CDATA[命令介绍：history、alias、unalias、type、echo、export、unset、env、set、source、man、sync、shutdown]]></description><category></category></item><item><title><![CDATA[Linux常用命令（文件系统与磁盘相关操作）]]></title><link>https://blog.youkuaiyun.com/sysukehan/article/details/105062705</link><guid>https://blog.youkuaiyun.com/sysukehan/article/details/105062705</guid><author>sysukehan</author><pubDate>Tue, 24 Mar 2020 02:18:04 +0800</pubDate><description><![CDATA[命令介绍：df、du、fdisk、fsck、mount、umount、fuser、lsof、tar、dos2unix、unix2dos]]></description><category></category></item><item><title><![CDATA[Linux常用命令（系统运行监测相关操作）]]></title><link>https://blog.youkuaiyun.com/sysukehan/article/details/105040302</link><guid>https://blog.youkuaiyun.com/sysukehan/article/details/105040302</guid><author>sysukehan</author><pubDate>Mon, 23 Mar 2020 03:05:28 +0800</pubDate><description><![CDATA[命令介绍：ps、top、pstree、kill、free、uname、uptime、netstat、dmesg、vmstat、iostat、date]]></description><category></category></item><item><title><![CDATA[Linux常用命令（用户及用户组相关操作）]]></title><link>https://blog.youkuaiyun.com/sysukehan/article/details/105030509</link><guid>https://blog.youkuaiyun.com/sysukehan/article/details/105030509</guid><author>sysukehan</author><pubDate>Sun, 22 Mar 2020 17:06:39 +0800</pubDate><description><![CDATA[命令介绍：groups、newgrp、useradd、usermod、userdel、passwd、chage、id、groupadd、groupmod、groupdel、su、sudo]]></description><category></category></item><item><title><![CDATA[Linux常用命令（用户及用户组基础知识）]]></title><link>https://blog.youkuaiyun.com/sysukehan/article/details/105030156</link><guid>https://blog.youkuaiyun.com/sysukehan/article/details/105030156</guid><author>sysukehan</author><pubDate>Sun, 22 Mar 2020 17:06:04 +0800</pubDate><description><![CDATA[解释用户及用户组相关基础知识内容，不涉及命令操作。]]></description><category></category></item><item><title><![CDATA[Linux常用命令（查找、查看、比较、编辑文件）]]></title><link>https://blog.youkuaiyun.com/sysukehan/article/details/105015127</link><guid>https://blog.youkuaiyun.com/sysukehan/article/details/105015127</guid><author>sysukehan</author><pubDate>Sat, 21 Mar 2020 18:53:47 +0800</pubDate><description><![CDATA[命令介绍：whereis、locate、updatedb、find、cat、more、less、head、tail、diff、vi]]></description><category></category></item><item><title><![CDATA[Linux常用命令（文件及目录相关操作）]]></title><link>https://blog.youkuaiyun.com/sysukehan/article/details/105012203</link><guid>https://blog.youkuaiyun.com/sysukehan/article/details/105012203</guid><author>sysukehan</author><pubDate>Sat, 21 Mar 2020 16:36:30 +0800</pubDate><description><![CDATA[命令介绍：cd、pwd、ls、mkdir、touch、chgrp、chown、chmod、lsattr、chattr、cp、mv、rm、rmdir、basename、dirname、ln]]></description><category></category></item><item><title><![CDATA[从零开始创建react+Django项目]]></title><link>https://blog.youkuaiyun.com/sysukehan/article/details/104882586</link><guid>https://blog.youkuaiyun.com/sysukehan/article/details/104882586</guid><author>sysukehan</author><pubDate>Sun, 15 Mar 2020 18:10:52 +0800</pubDate><description><![CDATA[描述了从零开始创建react+Django项目的过程，附有详细步骤及成品项目地址。]]></description><category></category></item><item><title><![CDATA[从零开始创建react+webpack项目]]></title><link>https://blog.youkuaiyun.com/sysukehan/article/details/104872248</link><guid>https://blog.youkuaiyun.com/sysukehan/article/details/104872248</guid><author>sysukehan</author><pubDate>Sun, 15 Mar 2020 01:38:45 +0800</pubDate><description><![CDATA[描述了从零开始创建react+webpack项目的过程，附有详细步骤及成品项目地址。]]></description><category></category></item></channel></rss>