<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[IMFaust的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/IMFaust</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; IMFaust]]></copyright><item><title><![CDATA[promise A+规范es6实现]]></title><link>https://blog.youkuaiyun.com/IMFaust/article/details/118489349</link><guid>https://blog.youkuaiyun.com/IMFaust/article/details/118489349</guid><author>IMFaust</author><pubDate>Mon, 05 Jul 2021 14:32:55 +0800</pubDate><description><![CDATA[参考文章：https://www.jianshu.com/p/459a856c476f
/**
 * Promise 实现 遵循promise/A+规范
 * Promise/A+规范译文:
 * https://malcolmyu.github.io/2015/06/12/Promises-A-Plus/#note-4
 * 中文译文
 * https://www.icode9.com/content-4-365156.html
 */

// promise的状态枚举
const PENDING = ']]></description><category></category></item><item><title><![CDATA[echarts实现实线与虚线相连接的折线图]]></title><link>https://blog.youkuaiyun.com/IMFaust/article/details/116490596</link><guid>https://blog.youkuaiyun.com/IMFaust/article/details/116490596</guid><author>IMFaust</author><pubDate>Fri, 07 May 2021 13:55:50 +0800</pubDate><description><![CDATA[**
一：UI效果图
**

**
二：后台返回的数据格式
**
[
 {measureTime:'2021-5-1',value:36,level:1},
 {measureTime:'2021-5-2',value:37.9,level:2},
 {measureTime:'2021-5-3',value:39,level:3},
 ...
]

**
三：代码实现
**

const weekDict2 = ["周一", "周二", "周三", "周四", "周五", "周六", "周日",]
con]]></description><category></category></item><item><title><![CDATA[js横屏实现]]></title><link>https://blog.youkuaiyun.com/IMFaust/article/details/115489413</link><guid>https://blog.youkuaiyun.com/IMFaust/article/details/115489413</guid><author>IMFaust</author><pubDate>Wed, 07 Apr 2021 16:42:04 +0800</pubDate><description><![CDATA[参考链接：https://common.ofo.so/campaign/20country/
/**
 * 横竖屏
 * @param {Object}
 */
function changeOrientation($print) {
    var width = document.documentElement.clientWidth;
    var height =  document.documentElement.clientHeight;
    if(width &lt; height) {]]></description><category></category></item><item><title><![CDATA[关于React使用装饰器后ref失效的问题解决方案]]></title><link>https://blog.youkuaiyun.com/IMFaust/article/details/105832791</link><guid>https://blog.youkuaiyun.com/IMFaust/article/details/105832791</guid><author>IMFaust</author><pubDate>Wed, 29 Apr 2020 10:02:45 +0800</pubDate><description><![CDATA[React在使用装饰器装饰过后ref就失效了，因为该this指向了所用的装饰器，可用如下方法解决，仅供参考。

在utils文件夹内 新建一个refPenetrate.js文件 (文件命名可自己定义)

import React from 'react';
const getRef = WrapperdComponent =&gt; {
  return props =&gt; {
    con...]]></description><category></category></item><item><title><![CDATA[关于使用webstrom不自动热重启的问题记录]]></title><link>https://blog.youkuaiyun.com/IMFaust/article/details/100917996</link><guid>https://blog.youkuaiyun.com/IMFaust/article/details/100917996</guid><author>IMFaust</author><pubDate>Tue, 17 Sep 2019 10:23:25 +0800</pubDate><description><![CDATA[修改以下这个地方即可，时间设置自己把握就好


]]></description><category></category></item><item><title><![CDATA[instanceOf的js实现]]></title><link>https://blog.youkuaiyun.com/IMFaust/article/details/93207174</link><guid>https://blog.youkuaiyun.com/IMFaust/article/details/93207174</guid><author>IMFaust</author><pubDate>Fri, 21 Jun 2019 17:10:56 +0800</pubDate><description><![CDATA[function instance_of(leftVaule, rightVaule) { 
    let rightProto = rightVaule.prototype; // 取右表达式的 prototype 值
    leftVaule = leftVaule.__proto__; // 取左表达式的__proto__值
    while (true) {
    	if (lef...]]></description><category></category></item><item><title><![CDATA[vue jest运行报错及解决方案]]></title><link>https://blog.youkuaiyun.com/IMFaust/article/details/93000117</link><guid>https://blog.youkuaiyun.com/IMFaust/article/details/93000117</guid><author>IMFaust</author><pubDate>Thu, 20 Jun 2019 11:41:02 +0800</pubDate><description><![CDATA[原文链接：https://www.cnblogs.com/qpnets/p/10368998.html
问题1： Option “mapCoverage” has been removed, as it’s no longer necessary.
解决：此属性已移除，详细可以见 https://jestjs.io/docs/en/configuration 官方公布的属性，在test/unit/...]]></description><category></category></item><item><title><![CDATA[使用echarts实现时间状态区间图]]></title><link>https://blog.youkuaiyun.com/IMFaust/article/details/92630595</link><guid>https://blog.youkuaiyun.com/IMFaust/article/details/92630595</guid><author>IMFaust</author><pubDate>Mon, 17 Jun 2019 15:15:26 +0800</pubDate><description><![CDATA[该图例参考了官方的demo:https://echarts.baidu.com/examples/editor.html?c=custom-profile以及https://www.cnblogs.com/cindy-hmy/p/8251193.html

    var colors = ['blue', 'red','gray'];//三种状态的颜色
    var state = ['深睡'...]]></description><category></category></item><item><title><![CDATA[H5内嵌问题记录]]></title><link>https://blog.youkuaiyun.com/IMFaust/article/details/91967747</link><guid>https://blog.youkuaiyun.com/IMFaust/article/details/91967747</guid><author>IMFaust</author><pubDate>Fri, 14 Jun 2019 13:34:14 +0800</pubDate><description><![CDATA[1.动态获取的图片在h5及IOS中显示正常，安卓不正常
原因：Webview在安卓5.0之前默认允许其加载混合网络协议内容 * 在安卓5.0之后，WebView默认不允许加载http与https混合内容，需要设置webview允许其加载混合网络协议内容。
或者把图片改变成https协议
参考：https://www.jianshu.com/p/3d9c503c9464
2.ios右滑动直接返回上一...]]></description><category></category></item><item><title><![CDATA[Vue gzip压缩以及版本不同引起的报错]]></title><link>https://blog.youkuaiyun.com/IMFaust/article/details/86166595</link><guid>https://blog.youkuaiyun.com/IMFaust/article/details/86166595</guid><author>IMFaust</author><pubDate>Wed, 09 Jan 2019 17:45:27 +0800</pubDate><description><![CDATA[1.先下载
运行 npm install --save-dev compression-webpack-plugin
2.修改config/index.js
将productionGzip改成true

3.查看或修改webpack.prod.conf.js的配置
可以使用默认配置，也可自行去1.x版本查看配置进行修改

4.运行npm run build
如果dist里面有.gz文件即为压缩成功...]]></description><category></category></item><item><title><![CDATA[QT报错之undefined reference "vtable for ClassName"]]></title><link>https://blog.youkuaiyun.com/IMFaust/article/details/84377474</link><guid>https://blog.youkuaiyun.com/IMFaust/article/details/84377474</guid><author>IMFaust</author><pubDate>Fri, 23 Nov 2018 10:59:42 +0800</pubDate><description><![CDATA[在编写qt一个demo的时候，由于我新建了一个类但是没有添加Q_OBJECT,运行后发现报No such slot的错误，一般出现此类错误有三点原因。
1、看类声明中有没有Q_OBJECT
2、看slot函数有没有声明
3、查看slot有没有出现拼写错误
于是我在新建的类里添加Q_OBJECT，但是运行构建还是报错：undefined reference “vtable for ClassName...]]></description><category></category></item><item><title><![CDATA[JS十大排序算法：冒泡排序等]]></title><link>https://blog.youkuaiyun.com/IMFaust/article/details/81330476</link><guid>https://blog.youkuaiyun.com/IMFaust/article/details/81330476</guid><author>IMFaust</author><pubDate>Wed, 01 Aug 2018 14:45:42 +0800</pubDate><description><![CDATA[排序算法说明:

（1）对于评述算法优劣术语的说明

稳定：如果a原本在b前面，而a=b，排序之后a仍然在b的前面； 
不稳定：如果a原本在b的前面，而a=b，排序之后a可能会出现在b的后面；

内排序：所有排序操作都在内存中完成； 
外排序：由于数据太大，因此把数据放在磁盘中，而排序通过磁盘和内存的数据传输才能进行；

时间复杂度: 一个算法执行所耗费的时间。 
空间复杂度: 运行完一个程序所需...]]></description><category></category></item><item><title><![CDATA[JS如何在本地读取json等文件]]></title><link>https://blog.youkuaiyun.com/IMFaust/article/details/81120436</link><guid>https://blog.youkuaiyun.com/IMFaust/article/details/81120436</guid><author>IMFaust</author><pubDate>Thu, 19 Jul 2018 18:14:45 +0800</pubDate><description><![CDATA[JS使用ajax等在本地读取文件时，会报如下错误： 


解决方法一：



npm install http-server -g

下载完成后再目标文件夹cmd中输入hs 
 
服务开启后赋值下方的网址到浏览器即可；

解决方法二： 
如果您使用的是Chrome，请使用–allow-file-access-from-files选项从终端启动可能会帮助您。...]]></description><category></category></item><item><title><![CDATA[Vue双向数据绑定原理及实现]]></title><link>https://blog.youkuaiyun.com/IMFaust/article/details/80840357</link><guid>https://blog.youkuaiyun.com/IMFaust/article/details/80840357</guid><author>IMFaust</author><pubDate>Thu, 28 Jun 2018 11:14:07 +0800</pubDate><description><![CDATA[1、原理 
Vue的双向数据绑定的原理相信大家也都十分了解了，主要是通过Object对象的defineProperty属性，重写data的set和get函数来实现的,这里对原理不做过多描述，主要还是来实现一个实例。为了使代码更加的清晰，这里只会实现最基本的内容，主要实现v-model，v-bind 和v-click三个命令，其他命令也可以自行补充。 
添加网上的一张图 


2、实现 
页面结构很...]]></description><category></category></item><item><title><![CDATA[JS中this的指向问题（全）]]></title><link>https://blog.youkuaiyun.com/IMFaust/article/details/80569380</link><guid>https://blog.youkuaiyun.com/IMFaust/article/details/80569380</guid><author>IMFaust</author><pubDate>Tue, 05 Jun 2018 11:19:39 +0800</pubDate><description><![CDATA[this关键字在js中的指向问题不管是工作还是面试中都会经常遇到，所以在此对它进行一下总结。

一、全局作用域中 
      this在全局作用域中指window。



//全局作用域中
console.log(this)
a =1;
console.log(this.a)

//函数中
function fn(){
    console.log(this)
}
fn()...]]></description><category></category></item><item><title><![CDATA[解决svg标签在HTML中的渲染问题]]></title><link>https://blog.youkuaiyun.com/IMFaust/article/details/80563628</link><guid>https://blog.youkuaiyun.com/IMFaust/article/details/80563628</guid><author>IMFaust</author><pubDate>Mon, 04 Jun 2018 10:14:21 +0800</pubDate><description><![CDATA[在做项目时候我使用appendChild()方法添加到DOM树中时，它竟然没有渲染。百科中说：SVG可缩放矢量图形（Scalable Vector Graphics）是基于可扩展标记语言（XML），用于描述二维矢量图形的一种图形格式。所以猜测可能是html与xml两种语言的差异造成的。经过多次尝试过后，有两种方法可以解决。

方法一：使用$(‘svg’).html()



&amp;amp;amp;amp;lt;script&amp;amp;amp;amp;...]]></description><category></category></item><item><title><![CDATA[前端常见跨域解决方案]]></title><link>https://blog.youkuaiyun.com/IMFaust/article/details/80533273</link><guid>https://blog.youkuaiyun.com/IMFaust/article/details/80533273</guid><author>IMFaust</author><pubDate>Fri, 01 Jun 2018 09:23:32 +0800</pubDate><description><![CDATA[什么是跨域？

跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里的跨域是广义的。



广义的跨域：

1）a链接、重定向、表单提交 
2）资源嵌入：link、script、img、frame等dom标签，还有样式中background:url()、@font-face等文件外链 
3）脚本请求：js发起的ajax请求、dom和js对象的跨域操作等

而我们通常所说的跨域是狭义的，是由...]]></description><category></category></item><item><title><![CDATA[Webpack全局引入jquery]]></title><link>https://blog.youkuaiyun.com/IMFaust/article/details/80528337</link><guid>https://blog.youkuaiyun.com/IMFaust/article/details/80528337</guid><author>IMFaust</author><pubDate>Thu, 31 May 2018 18:16:58 +0800</pubDate><description><![CDATA[方法一：使用expose-loader    链接地址

//首先安装expose-loader
 npm install expose-loader --save-dev
//添加这个loader到你的webpack配置中 webpack.config.js
module.exports = {
  module: {
    rules: [
      {
        test: /.j...]]></description><category></category></item></channel></rss>