写代码的海怪

现在前端项目基本都采用打包技术，比如 Webpack，JS逻辑代码打包后会产生一个 bundle.js 文件，而随着我们引用的第三方库越来越多或业务逻辑代码越来越复杂，相应打包好的 bundle.js 文件体积就会越来越大，因为需要先请求加载资源之后，才会渲染页面，这就会严重影…

Why & How 从react-loadable切换到React.lazy+ React.Suspense方案

本篇文章致力于小白也能懂的虚拟滚动实现原理，一步一步深入比较以及优化实现方案，内容浅显易懂，但篇幅可能较长。 如果你只想了解实现思路，那么可以直接看图或者跳到文章最后。 话不多说，直接开始好吧。 想像一下，当你有10万数据需要展示的时候，咋办呢？我们来试一下将它全部加载出来。 …

在做前端开发的时候，经常会需要通过CDN的方式引入一些第三方库，比如React、Bootstrap等，可以看到官方给到的CDN引用示例中都会有crossorigin和integrity属性，那具体有什

前言：这是作为一个前端开发对 HTTPS 的浅显的理解，仅仅是可以让你在看完文章之后对 HTTPS 的原理了解，具体的实现方式并没有给出。有不对的地方欢迎指出。 HTTPS（全称：Hyper Text Transfer Protocol over Secure Socket L…

前端的小伙伴们大家好，相信很多小伙伴们面试的时候都被问过httpcode 301和302的区别。好多小伙伴们不加思索就答：301是永久重定向，302是临时重定向。然后你要是这么回答，面试官就会在心里默默地扣掉1分。继续问你：还有其他区别吗？下面小编就为大家详细的说一下这两者的区…

页面中所有的内容都是组件化的，只需要把路径跟组件对应，在页面中把组件渲染出来。 页面实现：在vue-router中, 它定义了两个标签 和来对应点击和显示部分。 就是定义页面中点击的部分， 定义显示部分。 js中配置路由：首先要定义route,一条路由的实现，他是一个对象，由p…

个人理解，单页面应用是使用一个html下，一次性加载js, css等资源，所有页面都在一个容器页面下，页面切换实质是组件的切换。 history 可以理解为react-router的核心，也是整个路由原理的核心，里面集成了popState,history.pushState等底…

本文是vue-router系列。这里从浏览器到vue-router原理到最佳实践都会有详细的讲解。由于篇幅较长，建议可以选择感兴趣的目录看。 HTML5提供了对history栈中内容的操作。通过history.pushState/replaceState实现添加地址到histo…