在代码中所有被import()的模块，都将打成一个单独的包，放在chunk存储的目录下。在浏览器运行到这一行代码时，就会自动请求这个资源，实现异步加载。

项目用的是react全家桶， 之前有同事用redux-saga 改进了一波， 一直都没去研究。 前几天趁有空，也去学习了下， 写了个简单的demo练练手， 在这里简单分享一下。

要弄懂这个问题首先要搞清楚一个概念， 执行上下文。 执行上下文 执行上下文是什么? 可以简单理解执行上下文是js代码执行的环境，当js执行一段可执行代码时，会创建对应的执行上下文。他的组成如下: {代码...} 由于JS是单线程的，一次只能发生一件事情，其他事情会放在指定上下文栈中排队。 js解释器在初始化执行代码时...

写业务代码的时候 需要经常用到setState, 前几天review代码的时候， 又想了一下这个API， 发现对它的了解不是很清楚， 仅仅是 setState 是异步的, 周六在家参考了一些资料，简单整理了下，写的比较简单， 通篇阅读大概耗时 5min, 在这简单分享一下， 希望对大家有所帮助 ；）。

面向对象有三个特点，一个个来说： 封装 私有变量 利用闭包实现对象的私有变量。 {代码...} 碰过的一个有趣的问题：实现一个book构造函数，有一个属性id，每次调用该值加1。运用闭包和立刻执行函数。 {代码...} 共有方法 看下面的代码可以发现，getAge被重复创建了 {代码...} 如果不想方法或者属性在每次new时新创建一份...

一、从React原理谈起 react是什么？ react是用于构建用户界面的JS框架。因此react只负责解决view层的渲染。 react做了什么？ Virtual Dom模型 生命周期管理 setState机制 diff算法 React patch、事件系统 react的Virtual Dom模型 virtual dom 实际上是对实际Dom的一个抽象，是一个js对象。react所有的表层操作实际上是在...

PWA可以看作是一系列技术的结合体，它通过Manifist解决了首屏白屏、沉浸式的问题，更可以通过配置Manifist将web加到桌面上，使其像在访问原生app一样。并且，通过Service Worker解决了网络加载问题，可以使用户在离线的环境下也可以访问。并且service worker强大的网络请求拦截可以帮助用户更好的原生APP体验。

XSS是一种经常出现在web应用中的计算机安全漏洞，它允许恶意web用户将代码植入到提供给其它用户使用的页面中。 其实在web前端方面，可以简单的理解为一种javascript代码注入。举个例子，我们有个社交网站，允许大家相互访问空间，网站可能是这样做的：

快速排序 [链接]JS BigInt [链接]Atlassian的组件库： [链接] 涉及涉及原则、最佳实践。组件覆盖广。包括编辑器。性能优化： [链接]准备用于 webpack 新的 tree shaking: [链接]

JavaScritp 引擎在访问对象的属性时,如果在对象本身中没有找到,则会去原型链中查找,如果找到,直接返回值,如果整个链都遍历且没有找到属性,则返回 undefined.原型链一般实现为一个链表,这样就可以按照一定的顺序来查找。

所以使用 === 进行逻辑判断的时候，自己就要很清楚两边的数据类型。 比如调用函数得到的是字符串'1', 与 数字 1 比较的时候，得到的false, 不要犯类似的低级错误。

之前一段时间一直在进行旧项目的重构，发现了很多问题，系统用的库是jQuery, 主要是用着方便，其他同事，包括一些外包同事，对这个库也比较熟悉 。这里就对一些常见的问题，结合查到的资料，进行一些简单的总结。

一月份的时候，临近放假，拿到一个需求，新增一个产品，我一个前端对一个java后端，两个星期的开发时间。 因为大部分功能在别的产品都已经有了，基本都是简单处理一下拿过来，再添加一下额外需要的功能，比如选择出行国家等。前一天拿到文档看了下，搞清楚之后，第二天开工，基本一天就把功能做完了。这一天的大部分时间...

前言 之前看到一个问关于什么是前端工程化的帖子，这个问题之前面试的时候也被问过，现在就系统的整理一下，分享给大家。 什么是前端工程化 大体的来说，前端工程化有两层含义： 广义的前端工程化 前端工程是软件工程的一个子类，指的是将软件工程的方法和原理运用在前端开发中, 目的是实现 高效开发，有效协同，质量可...

前言 使用过webpack，glup的同学 对npm的包一定不陌生，今天我们就也来试一下自己发布一个npm包，熟悉下套路。 安装环境 首先 安装nodeJs 已经安装过的可跳过本小节。 安装完成之后，可以在控制台输入node -v 查看版本信息。 编写模块代码 在桌面建立一个js文件, package.js： {代码...} 这样一个最简单的模块就写完了，...

刚学习前端的时候，看到闭包这个词，总是一脸懵逼，面试的时候，问到这个问题，也是回答的含含糊糊，总感觉有层隔膜，觉得这个概念很神奇，如果能掌握，必将功力大涨。其实，闭包没有这么神秘，它无处不在。

 border-radius : 用来设置边框圆角。当使用一个半径时确定一个圆形；当使用两个半径时确定一个椭圆，这个(椭)圆与边框的交集形成圆角效果。

引子 有这样一道题目，实现一个函数，实现如下功能： {代码...} 这道题目，印象中是一道技术笔试题。结合查到的资料，在这里做一下简单的分析和总结。 一个简单的例子 题目给的还是比较宽的，没多少限制，给了很多自由发挥的空间。 下面我们就一步一步的去实现，一种简单的做法可以是这样的： {代码...} 嗯，没什么问题...

平时的工作中有很多地方都要用到正则表达式，不得不说，正则的表达式非常强大，比如，我们常用的jquery选择器，非常方便，jquery的源码中，选择器部分应用了大量的正则表达式。然而很多时候，当我们要用到正则的时候，很多人(也包括我 ＝＝ ) 的做法都是打开百度，复制粘贴，试一下，没问题，大功告成。然而，当遇到特殊...