<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[superermiao的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/superermiao</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; superermiao]]></copyright><item><title><![CDATA[前端数据结构之【链表】-- javascript实现]]></title><link>https://blog.youkuaiyun.com/superermiao/article/details/105796974</link><guid>https://blog.youkuaiyun.com/superermiao/article/details/105796974</guid><author>superermiao</author><pubDate>Wed, 20 May 2020 16:59:26 +0800</pubDate><description><![CDATA[单链表
插入，删除节点等时间复杂度都是O(n)
 function List() {
      //节点，包含自身和next
      let Node = function (element) {
        this.element = element;
        this.next = null;
      }
      // 初始头节点为 null
      let h...]]></description><category></category></item><item><title><![CDATA[javascript深入系列一览表之【执行上下文，作用域】]]></title><link>https://blog.youkuaiyun.com/superermiao/article/details/105694948</link><guid>https://blog.youkuaiyun.com/superermiao/article/details/105694948</guid><author>superermiao</author><pubDate>Tue, 05 May 2020 16:03:03 +0800</pubDate><description><![CDATA[这里讲js就不从变量开始了，直接从js的执行开始吧，话不多说，为了面试，为了自己的基础更加扎实，开始写这篇文章。
关于js，其实我们主要也是函数式编程，你看react就将函数式编程运用到极致。所以这里咱们就聊一聊js的执行：
1.js的可执行上下文：
var foo = function () {
    console.log('foo1');
}
foo();  // foo1
var foo...]]></description><category></category></item><item><title><![CDATA[性能优化之长列表渲染——时间分片和虚拟列表]]></title><link>https://blog.youkuaiyun.com/superermiao/article/details/105426843</link><guid>https://blog.youkuaiyun.com/superermiao/article/details/105426843</guid><author>superermiao</author><pubDate>Thu, 23 Apr 2020 16:09:27 +0800</pubDate><description><![CDATA[为什么要做长列表优化，让我们看一段代码的执行。

  let now = Date.now();// 记录任务开始时间
  let ul = document.getElementById('container'); //获取容器
  let total = 100000;
  for(let i = 0; i&lt; total;i++) {
    let li = document.crea...]]></description><category></category></item><item><title><![CDATA[静态资源跨域问题——cors解决]]></title><link>https://blog.youkuaiyun.com/superermiao/article/details/105563222</link><guid>https://blog.youkuaiyun.com/superermiao/article/details/105563222</guid><author>superermiao</author><pubDate>Thu, 16 Apr 2020 17:57:26 +0800</pubDate><description><![CDATA[由于静态资源一般会在另一个服务器里，所以如果前端访问，由于浏览器的同源策略，域名，端口号，协议不一样就容易引起跨域问题。
主要解决方案：
方案一
cors解决方案：
跨源资源共享 Cross-Origin Resource Sharing(CORS) 是一个新的 W3C 标准，它新增的一组HTTP首部字段，允许服务端其声明哪些源站有权限访问哪些资源。换言之，它允许浏览器向声明了 CORS 的跨域服...]]></description><category></category></item><item><title><![CDATA[移动web/h5网页分享到qq，配置标题，内容，图片（两种方式）]]></title><link>https://blog.youkuaiyun.com/superermiao/article/details/105561101</link><guid>https://blog.youkuaiyun.com/superermiao/article/details/105561101</guid><author>superermiao</author><pubDate>Thu, 16 Apr 2020 16:39:02 +0800</pubDate><description><![CDATA[方式一，meta配置
  &lt;meta itemprop="name" content="这是分享的标题"/&gt;
  &lt;meta itemprop="image" content="http://imgcache.qq.com/qqshow/ac/v4/global/logo.png" /&gt;
  &lt;meta name="description" itemprop="des...]]></description><category></category></item><item><title><![CDATA[react源码分析记录（1）之render进入初次渲染]]></title><link>https://blog.youkuaiyun.com/superermiao/article/details/104691867</link><guid>https://blog.youkuaiyun.com/superermiao/article/details/104691867</guid><author>superermiao</author><pubDate>Mon, 16 Mar 2020 18:45:19 +0800</pubDate><description><![CDATA[用了react快大半年，经常遇到不少报错，由于不了解源码，会解决很久的问题。现在打算开始阅读源码，一
个是学习设计者开发react框架的优秀的思想，另一个也是为了工作中解决相关问题。

就从render开始入手吧。

首先进入legacyRenderSubtreeIntoContainer函数。

...]]></description><category></category></item><item><title><![CDATA[TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received type undefine]]></title><link>https://blog.youkuaiyun.com/superermiao/article/details/104904307</link><guid>https://blog.youkuaiyun.com/superermiao/article/details/104904307</guid><author>superermiao</author><pubDate>Mon, 16 Mar 2020 17:52:00 +0800</pubDate><description><![CDATA[在react官方下有issue:
主要是react-dev-utils包的版本问题。

升级到10.1.0就可以了。

]]></description><category></category></item><item><title><![CDATA[使用云效搭建前端代码仓库管理，构建与部署]]></title><link>https://blog.youkuaiyun.com/superermiao/article/details/104796530</link><guid>https://blog.youkuaiyun.com/superermiao/article/details/104796530</guid><author>superermiao</author><pubDate>Wed, 11 Mar 2020 15:37:37 +0800</pubDate><description><![CDATA[其实最开始团队选择的是jenkins进行前端代码仓库的自动化构建和部署。但是因为jenkins一般部署在运维服务器，然后打包出来的文件就会在运维服务器，需要部署到B服务器。所以针对小公司开发团队的话，还是建议开箱即用的阿里云效。（因为自己公司也是用的阿里云的服务器）：
1.参考云效的帮助文档。
2.开启云效之后，创建项目，根据公司的业务线可以创建多个，然后进入项目创建应用，应用里关联仓库地址。

...]]></description><category></category></item><item><title><![CDATA[性能优化篇之打包优化-DllPlugin和DllReferencePlugin]]></title><link>https://blog.youkuaiyun.com/superermiao/article/details/104769159</link><guid>https://blog.youkuaiyun.com/superermiao/article/details/104769159</guid><author>superermiao</author><pubDate>Tue, 10 Mar 2020 11:05:23 +0800</pubDate><description><![CDATA[DllPlugin和DllReferencePlugin主要功能可以将第三方包单独打包，独立出来。避免进行二次打包。同时也对打包时间进行优化。
我们先使用new BundleAnalyzerPlugin()可以对包进行分析
在项目build.js中打印出时间：
因为是用node进行启动，所以直接webpack中配置stats是不可以的。接下我们看看优化事前的时间和包的分析：

使用dllPlugi...]]></description><category></category></item></channel></rss>