<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[beichen3997的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/beichen3997</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; beichen3997]]></copyright><item><title><![CDATA[promise源码分析（三）]]></title><link>https://blog.youkuaiyun.com/beichen3997/article/details/127996895</link><guid>https://blog.youkuaiyun.com/beichen3997/article/details/127996895</guid><author>beichen3997</author><pubDate>Wed, 23 Nov 2022 11:34:19 +0800</pubDate><description><![CDATA[promise剖析]]></description><category></category></item><item><title><![CDATA[promise使用与源码封装(二)]]></title><link>https://blog.youkuaiyun.com/beichen3997/article/details/127903731</link><guid>https://blog.youkuaiyun.com/beichen3997/article/details/127903731</guid><author>beichen3997</author><pubDate>Wed, 23 Nov 2022 11:15:11 +0800</pubDate><description><![CDATA[promise源码]]></description><category></category></item><item><title><![CDATA[关于我对axios的源码理解]]></title><link>https://blog.youkuaiyun.com/beichen3997/article/details/127994840</link><guid>https://blog.youkuaiyun.com/beichen3997/article/details/127994840</guid><author>beichen3997</author><pubDate>Wed, 23 Nov 2022 10:52:40 +0800</pubDate><description><![CDATA[axios源码剖析]]></description><category></category></item><item><title><![CDATA[promise使用与源码封装(一)]]></title><link>https://blog.youkuaiyun.com/beichen3997/article/details/127902718</link><guid>https://blog.youkuaiyun.com/beichen3997/article/details/127902718</guid><author>beichen3997</author><pubDate>Thu, 17 Nov 2022 14:38:19 +0800</pubDate><description><![CDATA[promise原理]]></description><category></category></item><item><title><![CDATA[JS中for循环的作用]]></title><link>https://blog.youkuaiyun.com/beichen3997/article/details/127428745</link><guid>https://blog.youkuaiyun.com/beichen3997/article/details/127428745</guid><author>beichen3997</author><pubDate>Thu, 20 Oct 2022 15:47:32 +0800</pubDate><description><![CDATA[for循环]]></description><category></category></item><item><title><![CDATA[JS doctype的作用]]></title><link>https://blog.youkuaiyun.com/beichen3997/article/details/127428679</link><guid>https://blog.youkuaiyun.com/beichen3997/article/details/127428679</guid><author>beichen3997</author><pubDate>Thu, 20 Oct 2022 15:43:20 +0800</pubDate><description><![CDATA[那么 compatMode 默认就是 BackCompat,浏览器按照自己的方式解析渲染页面）doctype在 html中的作用就是触发浏览器的标准模式,否则为怪异模式;告诉浏览器按照何种规范解析页（如果你的页面没有 DOCTYPE 的声明，不同浏览器在怪异模式下会有一些不同的表现，不建议使用怪异模式;* doctype是一种标准通用标记语言的文档类型声明;doctype一定需要写html上面才会生效;* 告知浏览器文档使用哪种 HTML 或 XHTML 规范。]]></description><category></category></item><item><title><![CDATA[JS中this的了解及应用场景]]></title><link>https://blog.youkuaiyun.com/beichen3997/article/details/127428472</link><guid>https://blog.youkuaiyun.com/beichen3997/article/details/127428472</guid><author>beichen3997</author><pubDate>Thu, 20 Oct 2022 15:39:14 +0800</pubDate><description><![CDATA[Q1:函数执行，看方法前面是否有“点”，没有“点”，this是window「严格模式下是undefined」，有“点”，“点”前面是谁this就是谁。*     Q2:给当前元素的某个事件行为绑定方法，当事件行为触发，方法中的this是当前元素本身「排除attachEvent」*     Q4:箭头函数中没有执行主体，所用到的this都是其所处上下文中的this。*     this执行主体，谁把它执行的「和在哪创建&在哪执行都没有必然的关系」*   + 掌握this的好玩应用：鸭子类型。]]></description><category></category></item><item><title><![CDATA[JS数据检测原理]]></title><link>https://blog.youkuaiyun.com/beichen3997/article/details/127427332</link><guid>https://blog.youkuaiyun.com/beichen3997/article/details/127427332</guid><author>beichen3997</author><pubDate>Thu, 20 Oct 2022 15:03:58 +0800</pubDate><description><![CDATA[类型检测]]></description><category></category></item><item><title><![CDATA[设置 npm 源为淘宝镜像]]></title><link>https://blog.youkuaiyun.com/beichen3997/article/details/125949188</link><guid>https://blog.youkuaiyun.com/beichen3997/article/details/125949188</guid><author>beichen3997</author><pubDate>Sat, 23 Jul 2022 16:17:48 +0800</pubDate><description><![CDATA[npm]]></description><category></category></item><item><title><![CDATA[实时调试线上js]]></title><link>https://blog.youkuaiyun.com/beichen3997/article/details/121100254</link><guid>https://blog.youkuaiyun.com/beichen3997/article/details/121100254</guid><author>beichen3997</author><pubDate>Tue, 02 Nov 2021 15:00:38 +0800</pubDate><description><![CDATA[Chrome的开发者工具在source选项卡下，可以看到js源代码，但是不能编辑。利用Chrome的Overides功能可以实现js代码的重载或者调试。
第一步，选择要修改的js文件，记住它的位置。如下图中的标红的文件名称要一样。











第二步，在本地电脑任意位置建立如下文件：文件目录要一样，js文件名需要与上面要替换的报纸一致，

第三步，点击source选项卡下面的Overides，选中你刚才建立的top文件夹。如下图所示。


重新刷新浏览器，即可实现js代码的重置。

rer...]]></description><category></category></item><item><title><![CDATA[JavaScript实现鼠标拖拽调整div大小]]></title><link>https://blog.youkuaiyun.com/beichen3997/article/details/121100140</link><guid>https://blog.youkuaiyun.com/beichen3997/article/details/121100140</guid><author>beichen3997</author><pubDate>Tue, 02 Nov 2021 14:48:50 +0800</pubDate><description><![CDATA[&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
 &lt;meta charset="UTF-8"&gt;
 &lt;title&gt;Title&lt;/title&gt;
 &lt;style&gt;
  body, html {
   width: 100%;
   height: 100%;
   margin: 0;
  }

  #container {
   width: 200px;
   height: 200px;
 .]]></description><category></category></item><item><title><![CDATA[Win10系统安装GPU版PyTorch,tensorflow,transformers]]></title><link>https://blog.youkuaiyun.com/beichen3997/article/details/120043836</link><guid>https://blog.youkuaiyun.com/beichen3997/article/details/120043836</guid><author>beichen3997</author><pubDate>Wed, 01 Sep 2021 16:58:12 +0800</pubDate><description><![CDATA[准备工作

1.安装VS2017_Community

2.安装CUDA10.0

3.安装cuDNN

具体安装方法已在上一篇博文中介绍：Win10系统安装CUDA10.0和cuDNN

接下来介绍如何安装GPU支持的PyTorch

PyTorch安装

PyTorch的安装方式有conda和pip两种，因为在之前的博客中Python入门之环境配置与IDE安装已经安装Anaconda3，故本文采取conda的安装方法。

1.打开Anaconda Prompt



在命令行窗口输入


conda c]]></description><category></category></item><item><title><![CDATA[一文帮你搞定 JS 手写题！面试手写题不慌了]]></title><link>https://blog.youkuaiyun.com/beichen3997/article/details/119453440</link><guid>https://blog.youkuaiyun.com/beichen3997/article/details/119453440</guid><author>beichen3997</author><pubDate>Fri, 06 Aug 2021 13:59:51 +0800</pubDate><description><![CDATA[1.call的实现


	第一个参数为null或者undefined时，this指向全局对象window，值为原始值的指向该原始值的自动包装对象，如 String、Number、Boolean
	
	
	为了避免函数名与上下文(context)的属性发生冲突，使用Symbol类型作为唯一值
	
	
	将函数作为传入的上下文(context)属性执行
	
	
	函数执行完成后删除该属性
	
	
	返回执行结果
	

Function.prototype.myCall=function(context,....]]></description><category></category></item><item><title><![CDATA[element-ui动态删除表单项后导致表单验证报错“please transfer a valid prop path to form item!“]]></title><link>https://blog.youkuaiyun.com/beichen3997/article/details/116016929</link><guid>https://blog.youkuaiyun.com/beichen3997/article/details/116016929</guid><author>beichen3997</author><pubDate>Thu, 22 Apr 2021 15:43:41 +0800</pubDate><description><![CDATA[&lt;template v-for="(person,index) in Form.List"&gt;
    &lt;el-form-item :prop="'List.'+index + '.code'" :key="person.key" :rules="rules"&gt;
        &lt;el-input v-model="person.code"&gt;&lt;/el-input&gt;
    &lt;/el-form-item&gt;
    &lt;el-form-item p.]]></description><category></category></item><item><title><![CDATA[浅谈XSS跨站脚本攻击]]></title><link>https://blog.youkuaiyun.com/beichen3997/article/details/115767638</link><guid>https://blog.youkuaiyun.com/beichen3997/article/details/115767638</guid><author>beichen3997</author><pubDate>Fri, 16 Apr 2021 17:11:07 +0800</pubDate><description><![CDATA[浅谈 跨站脚本攻击(XSS)

一、概述

1、什么是跨站脚本攻击

跨站脚本攻击(Cross Site Scripting)，简称XSS， 是指：由于网站程序对用户输入过滤不足，致使攻击者利用输入可以显示在页面上对其他用户造成影响的代码来盗取用户资料、利用用户身份进行某种动作或者对访问者进行病毒侵害的一种攻击方式。
直白点：恶意攻击者往Web页面里插入恶意Script代码，当用户浏览该页之时，嵌入其中Web里面的Script代码会被执行，从而达到恶意攻击用户的目的。

不同于大多数攻击（一般只涉及攻击..]]></description><category></category></item><item><title><![CDATA[模拟搜索变色查询]]></title><link>https://blog.youkuaiyun.com/beichen3997/article/details/115721803</link><guid>https://blog.youkuaiyun.com/beichen3997/article/details/115721803</guid><author>beichen3997</author><pubDate>Thu, 15 Apr 2021 13:47:18 +0800</pubDate><description><![CDATA[&lt;section class="search-area" v-if="selectOption.length &gt; 1" ref="scrollTree"&gt;
          &lt;h-select v-model="selectedValue" style="margin: 0px 6px; width:90%; margin-bottom: 10px;" &gt;
            &lt;h-option v-for="opt in selectOption"
   ...]]></description><category></category></item><item><title><![CDATA[前端如何解决pc端屏幕显示设置缩放比例对页面布局的影响？]]></title><link>https://blog.youkuaiyun.com/beichen3997/article/details/115518372</link><guid>https://blog.youkuaiyun.com/beichen3997/article/details/115518372</guid><author>beichen3997</author><pubDate>Thu, 08 Apr 2021 13:44:14 +0800</pubDate><description><![CDATA[现在很多笔记本电脑都推荐将缩放设置为125%，等比例放大显示。(垃圾Windows

这对我们前端的页面的布局会产生一些影响


	首先，单独的响应式布局hold不住这个问题，因为出问题的是device-pixel-ratio。
	
	
	问题现象是高分屏下整好的东西，在普分屏下会放大；而普分屏下整好的东西，在高分屏上会缩小。
	
	
	重现这个问题不需要高分屏，直接用Ctrl++或者Ctrl+-出来的效果是跟高分屏一致的（所以搞定这个问题之后，也可以同时预防用户误触网页缩放）。另外恢复是Ctrl+Num0]]></description><category></category></item><item><title><![CDATA[汇总整理了96个常用的JavaScript工具函数]]></title><link>https://blog.youkuaiyun.com/beichen3997/article/details/113867000</link><guid>https://blog.youkuaiyun.com/beichen3997/article/details/113867000</guid><author>beichen3997</author><pubDate>Fri, 19 Feb 2021 16:39:15 +0800</pubDate><description><![CDATA[1、为元素添加on方法


Element.prototype.on = Element.prototype.addEventListener;
NodeList.prototype.on = function (event, fn) {、    []['forEach'].call(this, function (el) {        el.on(event, fn);    });    return this;};

2、为元素添加trigger方法


Element.prototype.tri]]></description><category></category></item><item><title><![CDATA[解决：对修饰器的实验支持是一项将在将来版本中更改的功能。设置+“experimentalDecorators“+选项以删除此警告]]></title><link>https://blog.youkuaiyun.com/beichen3997/article/details/111519891</link><guid>https://blog.youkuaiyun.com/beichen3997/article/details/111519891</guid><author>beichen3997</author><pubDate>Tue, 22 Dec 2020 11:34:22 +0800</pubDate><description><![CDATA[编写代码的时候有时候会遇到这种问题：

【ts】对修饰器的实验支持是一项将在将来版本中更改的功能。设置+"experimentalDecorators"+选项以删除此警告

解决方法：

1、打开配置文件tsconfig.js，在compilerOptions选项中配置：


"experimentalDecorators": true, 

2、在VS Code中配置：

文件-首选项-设置-打开settings.json



3.在文件夹下建jsconfig.json文件


{
    "compi]]></description><category></category></item><item><title><![CDATA[怎么让Chrome支持小于12px 的文字？]]></title><link>https://blog.youkuaiyun.com/beichen3997/article/details/109512983</link><guid>https://blog.youkuaiyun.com/beichen3997/article/details/109512983</guid><author>beichen3997</author><pubDate>Thu, 05 Nov 2020 15:22:53 +0800</pubDate><description><![CDATA[这个我们在做移动端的时候，设计师图片上的文字假如是10px，我们实现在网页上之后。往往设计师回来找我们，这个字体能小一些吗？我设计的是10px？为啥是12px?其实我们都知道，谷歌Chrome最小字体是12px，不管你设置成8px还是10px，在浏览器中只会显示12px，那么如何解决这个坑爹的问题呢？

我们的做法是：

针对谷歌浏览器内核，加webkit前缀，用transform:scale()这个属性


&lt;style&gt;pspan{font-size:10px;-webkit-transfo]]></description><category></category></item></channel></rss>