<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[RexingLeung的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/RexingLeung</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; RexingLeung]]></copyright><item><title><![CDATA[Typescript 模块小知识-global scope]]></title><link>https://blog.youkuaiyun.com/RexingLeung/article/details/140351415</link><guid>https://blog.youkuaiyun.com/RexingLeung/article/details/140351415</guid><author>RexingLeung</author><pubDate>Thu, 11 Jul 2024 14:32:15 +0800</pubDate><description><![CDATA[在编写ts代码的时候遇到一个问题, 表现为, 如果在某个ts工程中, 如果多个文件里面没有任何导出export或者是, 那么这些文件如果有const或者是let定义相同的声明都会报错如下无法重新声明块范围变量a/a.ts和index.ts和index2.ts都没有进行export任何内容。]]></description><category></category></item><item><title><![CDATA[记一次三种ts编译工具的测试]]></title><link>https://blog.youkuaiyun.com/RexingLeung/article/details/122108672</link><guid>https://blog.youkuaiyun.com/RexingLeung/article/details/122108672</guid><author>RexingLeung</author><pubDate>Thu, 23 Dec 2021 15:39:59 +0800</pubDate><description><![CDATA[在一次webpack优化中 , 对于原项目的ts编译器做了多个编译器的研究 , 经过筛选 , 共有四种ts编译器入选 , 分别是 , ts-loader , babel-loader , swc-loader , 此次测试都是在webpack v5.56.0的环境下进行

编译器测试

1. ts-loader

首先先来测试ts-loader

测试代码如下


// webpack.config.js
module.exports = {
 entry: [ path.resolve('./src/d.]]></description><category></category></item><item><title><![CDATA[ESLint检测部分源码解读]]></title><link>https://blog.youkuaiyun.com/RexingLeung/article/details/121713397</link><guid>https://blog.youkuaiyun.com/RexingLeung/article/details/121713397</guid><author>RexingLeung</author><pubDate>Sat, 04 Dec 2021 11:49:38 +0800</pubDate><description><![CDATA[## 写在前面



以下是我阅读eslint源码的过程 , 在这过程中 , 我首先会自己写一个eslint插件的demo , 然后自己定义一个规则 , 然后再进行检测 , 根据调用栈迅速的一步一步看下去 , 大致知道是怎么样的流程后 ; 接着再重新拆分每一步是怎么做的 , 分析规则和插件的运用 , 从而更加巩固自己对于eslint插件的开发 ; 基于这个想法 , 我们就开始吧



##### 在大致流程中会交代eslint的修复过程 , 但是也是大致的说明一下 ; 详细拆分的过程是没有分析修复过程的

]]></description><category></category></item><item><title><![CDATA[页面显示空格数和dom结构显示空格数不一致问题]]></title><link>https://blog.youkuaiyun.com/RexingLeung/article/details/106220653</link><guid>https://blog.youkuaiyun.com/RexingLeung/article/details/106220653</guid><author>RexingLeung</author><pubDate>Tue, 19 May 2020 18:35:52 +0800</pubDate><description><![CDATA[一个空格引起前后端编码格式问题
今天在做业务的时候，测试那边发来一个bug，说我空格出现不完整，我看了一下这边页面，发现有空格啊，我回去跟测试说：有空格啊；然后测试给我发来一张图

wtf！！！这是什么鬼
然后我打开了一下调试窗口发现dom结构是正常的

因为html会自动处理多个空格压缩成一个空格问题，因为后(s)台(b)没有使用 &nbsp; 或者是 %20  进行转译，直接使用了空格
解决方案
没办法了后台大佬又不肯改，只能前端来修改了
下面是修改后的效果

这里使用了 标签进行修改，下面是pre标签]]></description><category></category></item><item><title><![CDATA[一个关于微信分享的小坑]]></title><link>https://blog.youkuaiyun.com/RexingLeung/article/details/105865151</link><guid>https://blog.youkuaiyun.com/RexingLeung/article/details/105865151</guid><author>RexingLeung</author><pubDate>Thu, 30 Apr 2020 16:52:40 +0800</pubDate><description><![CDATA[场景
今天在做app分享h5页面到微信的时候，分享出去后，页面的某个请求是根据url上面的from参数进行请求数据的，然后发现一直取到from参数都是错误的；
后来发现通过微信浏览器右上角的分享，微信浏览器会自动给url拼接参数，首先分享到好友是from=singlemessage&amp;isappinstalled=0，分享到朋友圈是from=timeLine&amp;isappinstall...]]></description><category></category></item><item><title><![CDATA[爬虫系统以及robots协议]]></title><link>https://blog.youkuaiyun.com/RexingLeung/article/details/105681019</link><guid>https://blog.youkuaiyun.com/RexingLeung/article/details/105681019</guid><author>RexingLeung</author><pubDate>Wed, 22 Apr 2020 14:16:17 +0800</pubDate><description><![CDATA[爬虫
爬虫，是一种自动获取网页内容的程序。是搜索引擎的重要组成部分，百度会定期去爬取网页，做语义化分析，分析出对应数据库里面的索引，
因此搜索引擎优化很大程度上就是针对爬虫而做出的优化。只要爬虫爬出来的东西给力，用户搜索出来的东西给很有用
robots协议
搜索引擎里面有一个很重要的东西robots协议，就是一个正常的文本文件，只要建一个txt文件，名为robots.txt，放到网站的根目录下，r...]]></description><category></category></item><item><title><![CDATA[国家纪念日引起的一个css属性思考 ------  filter属性]]></title><link>https://blog.youkuaiyun.com/RexingLeung/article/details/105309544</link><guid>https://blog.youkuaiyun.com/RexingLeung/article/details/105309544</guid><author>RexingLeung</author><pubDate>Sat, 04 Apr 2020 14:00:52 +0800</pubDate><description><![CDATA[前言

2020年4月4日早上10点 , 全国性哀悼活动正式开展 , 在向逝去的生命和前线壮烈牺牲的烈士致哀同时 , 依旧不忘加班 , 如往常打开浏览器 , 然后发现 , 基本上所有的网站都变灰了 , 在哀伤的同时 , 就想到一个问题 , 这样全部颜色和交互效果都变灰了 , 到底是怎么做的 , 具体的工作量是多大呢 ? 带着这个问题 , 我开始我的探索之旅

先来几张已经发生底色改变的网站

CS...]]></description><category></category></item><item><title><![CDATA[深究create-react-app初始化项目巨慢的问题]]></title><link>https://blog.youkuaiyun.com/RexingLeung/article/details/105294870</link><guid>https://blog.youkuaiyun.com/RexingLeung/article/details/105294870</guid><author>RexingLeung</author><pubDate>Fri, 03 Apr 2020 15:51:13 +0800</pubDate><description><![CDATA[场景

今天本来心情好好的 , 按照往常一样 , 我准备开始一个新的项目 , 兴高采烈的打开cmd , 输入npx create-react-app xxx-project ; 舒服(煎熬)的等待中 , 居然10分钟过去还是




Installing packages. This might take a couple of minutes.
Installing react, react-...]]></description><category></category></item><item><title><![CDATA[JavaScript 中的相等性判断及类型转换解释]]></title><link>https://blog.youkuaiyun.com/RexingLeung/article/details/105264751</link><guid>https://blog.youkuaiyun.com/RexingLeung/article/details/105264751</guid><author>RexingLeung</author><pubDate>Thu, 02 Apr 2020 10:59:56 +0800</pubDate><description><![CDATA[此篇文章是参考MDN的JavaScript 中的相等性判断



常见比较两个值相等的方法有四种


	非严格相等 ==
	
	
	严格相等 === 常用于
	a. Array.prototype.indexOf
	b. Array.prototype.lastIndexOf
	c. case-matching
	
	
	同值零：用于 %TypedArray% 和 ArrayBuffer 构造函...]]></description><category></category></item><item><title><![CDATA[这里稍稍记录一下null和undefined]]></title><link>https://blog.youkuaiyun.com/RexingLeung/article/details/105255122</link><guid>https://blog.youkuaiyun.com/RexingLeung/article/details/105255122</guid><author>RexingLeung</author><pubDate>Wed, 01 Apr 2020 20:46:12 +0800</pubDate><description><![CDATA[这两个值几乎没有什么区别，我们都知道这两个值都表示无的意思，他们的历史也简单的说一下吧

原来，这与JavaScript的历史有关。1995年JavaScript诞生时，最初像Java一样，只设置了null作为表示"无"的值。根据C语言的传统，null被设计成可以自动转为0。




Number(null)
// 0

5 + null
// 5


但是，JavaScript的设计者Bren...]]></description><category></category></item><item><title><![CDATA[整数反转]]></title><link>https://blog.youkuaiyun.com/RexingLeung/article/details/105245244</link><guid>https://blog.youkuaiyun.com/RexingLeung/article/details/105245244</guid><author>RexingLeung</author><pubDate>Wed, 01 Apr 2020 14:25:04 +0800</pubDate><description><![CDATA[给出一个 32 位的有符号整数，你需要将这个整数中每位上的数字进行反转。

解释32 位的有符号整数即数值范围为 [−2^31, (2^31) − 1]之类
示例 1:


输入: 123
输出: 321


示例 2:


输入: -123
输出: -321


示例 3:


输入: 120
输出: 21


注意:
假设我们的环境只能存储得下 32 位的有符号整数，则其数值范围为 [−2^3...]]></description><category></category></item><item><title><![CDATA[收录JavaScript正则深拷贝的一个方法]]></title><link>https://blog.youkuaiyun.com/RexingLeung/article/details/105171429</link><guid>https://blog.youkuaiyun.com/RexingLeung/article/details/105171429</guid><author>RexingLeung</author><pubDate>Sat, 28 Mar 2020 23:37:54 +0800</pubDate><description><![CDATA[正则深拷贝的一个方法
注意点
reg.exec(str|regObj), MDN上面exec只是说了接受字符串, 但是也可以接收正则对象
regexp.constructor如果报flag的问题, 一般是第二个参数传错了
/** Used to match `RegExp` flags from their coerced string values. */
var reFlags = /\w*$...]]></description><category></category></item><item><title><![CDATA[关于浏览器事件addEventListener()处理小记]]></title><link>https://blog.youkuaiyun.com/RexingLeung/article/details/105153495</link><guid>https://blog.youkuaiyun.com/RexingLeung/article/details/105153495</guid><author>RexingLeung</author><pubDate>Fri, 27 Mar 2020 23:50:35 +0800</pubDate><description><![CDATA[前言

当浏览器与对象 , 元素发生互动时 , 浏览器会产生对应的事件 , 例如 : 浏览器加载完文档 , 用户把鼠标指针移动超链接上或者敲击键盘等 , 浏览器都会产生事件 , 而且JavaScript还可以对一些特定类型的事件进行函数绑定以做一些自定义的事件

EventTarget.addEventListener()

EventTarget.addEventListener() 方法将指定...]]></description><category></category></item><item><title><![CDATA[你真的了解正则吗(2)----递归]]></title><link>https://blog.youkuaiyun.com/RexingLeung/article/details/105114071</link><guid>https://blog.youkuaiyun.com/RexingLeung/article/details/105114071</guid><author>RexingLeung</author><pubDate>Thu, 26 Mar 2020 11:15:34 +0800</pubDate><description><![CDATA[前言

本文的递归不仅是在JavaScript环境下( 有些匹配操作符JavaScript环境下是不适用的 ) , 在PHP和java环境下 , 也适用
上一篇文章我们已经简单的介绍了正则的使用和正则匹配规则 , 这篇我们就好好说一下正则的递归

正则表达式递归

简单递归

在各类语言中 , 以下正则的递归操作符都是递归的意思

(?R)?
	(?0)?
	\g&lt;0&gt;?
	加号 , ...]]></description><category></category></item><item><title><![CDATA[你真的了解正则吗(1)]]></title><link>https://blog.youkuaiyun.com/RexingLeung/article/details/105108355</link><guid>https://blog.youkuaiyun.com/RexingLeung/article/details/105108355</guid><author>RexingLeung</author><pubDate>Thu, 26 Mar 2020 00:08:38 +0800</pubDate><description><![CDATA[絮絮叨叨

首先为什么要写这篇文章呢 ? 一次突发的机遇 , 需要在项目里面编写很多匹配路由的正则 , 让我有点小小的慌忙 , 因为这个网站所有的路由类型穿插了很多数字 , 字母大小写 , 甚至还有被转换过的url , 在编写时 , 发现不能复用的正则表达式相当多 , 就是一个表达式可能只能匹配一条url , 这个是一个大忌 , 对于代码是一个十分不友好的编写习惯 , 所以有必要写一篇关于正则的文...]]></description><category></category></item><item><title><![CDATA[深究我所不知道JavaScript变量提升hoisting]]></title><link>https://blog.youkuaiyun.com/RexingLeung/article/details/105060706</link><guid>https://blog.youkuaiyun.com/RexingLeung/article/details/105060706</guid><author>RexingLeung</author><pubDate>Mon, 23 Mar 2020 23:08:52 +0800</pubDate><description><![CDATA[前言

在之前很想对JavaScript里面的变量提升hoisting做一次总结 , 直到最近的刷题 , 再一次刷到关于hoisting的问题 , 发现自己对于整个hoisting缺乏系统性的总结 , 这次终于有时间做了 ;
当然如果只是基本的变量提升hoisting , 就是简单声明提升到最前 , 以及关于let和const的问题 ; 这些就是基本的hoisting , 基本上没有深究就有这些 ...]]></description><category></category></item><item><title><![CDATA[git强制覆盖本地代码 ---- 慎用]]></title><link>https://blog.youkuaiyun.com/RexingLeung/article/details/105042649</link><guid>https://blog.youkuaiyun.com/RexingLeung/article/details/105042649</guid><author>RexingLeung</author><pubDate>Mon, 23 Mar 2020 10:18:47 +0800</pubDate><description><![CDATA[只需下面三个步骤

git fetch --all

git reset --hard origin/master

git pull origin master



也可以合起来变成一个命令

git fetch --all &amp;&amp; git reset --hard origin/master &amp;&amp; git pull origin master
...]]></description><category></category></item><item><title><![CDATA[前端必备测试技术总结]]></title><link>https://blog.youkuaiyun.com/RexingLeung/article/details/105038590</link><guid>https://blog.youkuaiyun.com/RexingLeung/article/details/105038590</guid><author>RexingLeung</author><pubDate>Sun, 22 Mar 2020 23:14:16 +0800</pubDate><description><![CDATA[单元测试


目的：单元测试能够让开发者明确知道代码结构
原则：单一职责、接口抽离、层次分离
断言库：保证最小单元是否正常运行检测方法
测试风格：测试驱动开发（Test-Driven Development，TDD），行为驱动开发（Behavior Driver Development，BDD），均是敏捷开发开发方法论。


TDD 关注所有功能十分被实现（每个功能必须有对应的测试用例），suit...]]></description><category></category></item><item><title><![CDATA[css裁剪属性----clip-path]]></title><link>https://blog.youkuaiyun.com/RexingLeung/article/details/105011599</link><guid>https://blog.youkuaiyun.com/RexingLeung/article/details/105011599</guid><author>RexingLeung</author><pubDate>Sat, 21 Mar 2020 16:09:35 +0800</pubDate><description><![CDATA[什么是clip-path

clip-path是一个css3新属性 , 一般用在svg元素上 , 但是也可以作为普通元素裁剪使用
解释 : clip-path 属性可以创建一个只有元素的部分区域可以显示的剪切区域。区域内的部分显示，区域外的隐藏
普通标签上的使用


&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;...]]></description><category></category></item><item><title><![CDATA[关于css的数学计算----基础]]></title><link>https://blog.youkuaiyun.com/RexingLeung/article/details/105009031</link><guid>https://blog.youkuaiyun.com/RexingLeung/article/details/105009031</guid><author>RexingLeung</author><pubDate>Sat, 21 Mar 2020 14:02:55 +0800</pubDate><description><![CDATA[现实中的问题

在css中 , 有时候对一个图片进行旋转的时候 , 如果图片是一个不规则的多边形 , 一旦旋转 , 就会将底层的div显示出来 , 不能保证图片所在的div填满 , 这时候就要对图片的旋转时放大缩小进行计算

以正方形为例的解决方法

如下面代码所示
html部分




&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&...]]></description><category></category></item></channel></rss>