Fork me on GitHub

剖析commonjs与es module

前言

今天我们来深度分析一下 Commonjs 和 Es Module，希望通过本文的学习，能够让大家彻底明白 Commonjs 和 Es Module 原理，能够一次性搞定面试中遇到的大部分有关 Commonjs 和 Es Module 的问题。

老规矩我们带上疑问开始今天的分析 🤔🤔🤔：

  1. Commonjs 和 Es Module 有什么区别 ？
  2. Commonjs 如何解决的循环引用问题 ？
  3. 既然有了 exports，为何又出了 module.exports? 既生瑜，何生亮 ？
  4. require 模块查找机制 ？
  5. Es Module 如何解决循环引用问题 ？
  6. exports = {} 这种写法为何无效 ？
  7. 关于 import() 的动态引入 ？
  8. Es Module 如何改变模块下的私有变量 ？
  9. … more >>

展开全文 >>

前端缓存

缓存，这是一个老生常谈的话题，也常被作为前端面试的一个知识点。

本文，重点在与探讨在实际项目中，如何进行缓存的设置，并给出一个较为合理的方案。

在介绍缓存的时候，我们习惯将缓存分为强缓存和协商缓存两种。两者的主要区别是使用本地缓存的时候，是否需要向服务器验证本地缓存是否依旧有效。顾名思义，协商缓存，就是需要和服务器进行协商，最终确定是否使用本地缓存。

more >>

展开全文 >>

正则表达式中的 .+*？

(.+)默认是贪婪匹配

(.+?)为惰性匹配

正则表达式的惰性匹配

疑问号让.+的搜索模式从贪婪模式变成惰性模式。

var str = 'aaa<div style="font-color:red;">123456</div>bbb'

<.+?>会匹配<div style="font-color:red;">

<.+>会匹配<div style="font-color:red;">123456</div>

要在浏览器测试结果的话，输入:

var str = 'aaa<div style="font-color:red;">123456</div>bbb';

str.match(/<.+?>/);

str.match(/<.+>/);

展开全文 >>

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia-plus根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

前端攻城狮
记录分享自己工作、学习中学到的知识