摘要：
何为CodeSplitting? webpack从入口文件开始遍历，找到所有依赖文件，然后打包成最终的一个文件，即bundle.js文件，这是我们经常使用的方式，当一个项目慢慢变得复杂的时候会导致这个bundle.js文件越来越大，浏览器加载的速度也会越来越慢，这个过程还不排除我们需要引用的第三方文 阅读全文
摘要：
前端构建场景有两种，一种是单页面构建，另一种是多入口构建多页面应用程序（我视野比较小，目前就知道这两种），下面我们针对这两种场景总结了几种抽离第三方类库以及公共文件的解决方案。 如果有哪些地方优化不周到，请指点一二，另外求关注求星星，么么哒 单页面构建： 常规配置 const path = requ 阅读全文
摘要：
单例模式 何为单例模式，就是无论执行多少次函数，都只会生成一个对象哈哈，看一个简单的demo function Instance(name) { this.name = name; } Instance.prototype.fire = function () { console.log(this. 阅读全文
摘要：
此篇文章仅是对hooks入门的总结，老鸟略过吧~ React从16.8.X以后增加了一个新特性，react hooks 让我们看看这个新特性又带来了哪些惊喜呢~以下内容我们采取不同方式创建组件来进行对比总结 组件的创建方式： 用过react的都了解，传统react创建组件提供了两种方式，函数式与类（ 阅读全文
摘要：
摘要 本文主要内容介绍什么是http协议 了解http协议之前我们先了解一下当我们输入一个url到页面渲染出来，这个过程发什么了什么呢~ 网络开启线程开始解析url DNS解析域名，查询IP 建立TCP/IP链接 然后发送请求 什么是HTTP协议： HTTP即超文本传输协议，作为网络协议中的应用层的 阅读全文
摘要：
前提： 如今开发方式都是采用前后台分离的方式，前台采用的方式则是单页面应用开发简称SPA，这种开发模式最大的一个特点就是将有所代码打包成了一个文件， 这会导致了一个问题就是如果这个应用过大，打出来的这个文件也会越大，性能也就随之降低了，那么如何优化这个问题呢，今天就记录下懒加载策略吧。 那么什么是懒 阅读全文
摘要：
学习oauth认证之前先回顾一下通过sessionid的会话过程 关于session与cookie的请戳：https://www.cnblogs.com/moran1992/p/10793748.html 那么这种利用session的会话方式会引发哪些问题呢 1.安全问题 常见保存会话方式：cook 阅读全文
摘要：
Webpack基础配置： 语法解析：babel-loader 样式解析：style-loader css解析：css-loader less解析：less-loader 文件解析：url-loader（file-loalder） 性能分析：webpack-bundle-analyzer 代码： 打包 阅读全文
摘要：
思路： 控件封装首先应该考虑到兼容任何web框架，这样可以达到重复使用的效果。这里使用jquery方式来实现控件主体部分。 全局事件管理： (function (global, $, factory) { global = factory.call(global, $); })(window, $, 阅读全文
摘要：
背景 做了四年的前端开发，对外一直说自己是web开发，那么身为一个web开发怎能不知道session与cookie以及其管理方式呢~ Login涉及技术栈：Nodejs，MongoDB，Express以及html，css，js 了解session与cookie之前首先要知道什么是http协议，为什么 阅读全文