大家好，我就是技术胖，2017年我在下班时间录制了200集左右的视频教程，现在贡献155集免费观看，希望可以帮助前端小伙伴学习（点击下面链接免费观看）。需要说明的是本人还是一线奋战的前端程序员，不是专业讲师，所以教程难免有所纰漏和错误，还请多多理解和指正。这些视频都是本人原创，…

当浏览器截获到一个页面请求后，将会按照顺序做如下图所示的4件事。 首先会将所有需要加载的资源进行分类。 然后根据浏览器相关的安全策略，来决定资源的加载权限。 接着对各个资源的加载优先级进行计算和排序。 最后一步，根据加载优先级顺序来加载资源。 chrome浏览器会将资源分为14…

webpack是现代前端开发中最火的模块打包工具，只需要通过简单的配置，便可以完成模块的加载和打包。那它是怎么做到通过对一些插件的配置，便可以轻松实现对代码的构建呢？ Plugins：Loaders将各类型的文件处理成webpack能够处理的模块，plugins有着很强的能力。…

同步：一个进程在执行某个请求的时候，若该请求需要一段时间才能返回信息，那么这个进程将会一直等待下去，直到收到返回信息才继续执行下去。 异步：进程不需要一直等下去，而是继续执行下面的操作，不管其他进程的状态。当有消息返回时系统会通知进程进行处理，这样可以提高执行的效率。 进程：狭…

1. 路由加载 2. 404路由 3. 路由拦截 4. 动态路由 5. 路由加载时动画 1. 小知识 2. 多模块 3. 辅助函数 4. 数据持久化插件 5. 日志插件 1. 需要实现的功能 2. 路由设计 3. 页面级的权限控制 4. 元素级的权限控制 1. 如何封装一个支持…

vue-grid-canvasInstallNPM/YarnInstallthepackage:ThenimportitinyourprojectUsageSimplyuseitlikeso:##公式

本文将介绍如何在不使用vue-router提供的router-view的情况下，实现一个渲染路由对应组件的navigator控件，并逐步增加主副舞台区分、页面缓存、页面切换动画、左滑返回支持等功能。 笔者所在公司所开发的webapp为单页面应用，原来使用的框架为Backbone…

先说下大致的业务需求，就是从后端返回的数据中，保留符合某些条件的数据。简化到代码上的需求，就是在一个数组中保留符合条件的元素。 模拟上述需求，从数组[1,2,5,6,8,9]中保留小于等于4的元素。思路，循环数组，然后从循环中调判断如果元素大于4，那么就使用splice剔除掉…

HTTP大家都不陌生，但是HTTP的许多细节就并不是很多人都知道了，本文将讨论一些容易被忽略但又比较重要的点。 xhr.open第一个参数是请求方法，第二个参数是请求url，然后把它send出去就行了。 如果传了data，并且processData为true，并且data不是一…