首页
AI Coding
数据标注
NEW
沸点
课程
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
冯建俊
掘友等级
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
70
文章 70
沸点 0
赞
70
返回
|
搜索文章
赞
文章( 70 )
沸点( 0 )
轻松理解webpack热更新原理
一种是页面刷新,不保留页面状态,就是简单粗暴,直接window.location.reload()。 另一种是基于WDS (Webpack-dev-server)的模块热替换,只需要局部刷新页面上发生变化的模块,同时可以保留当前的页面状态,比如复选框的选中状态、输入框的输入等。…
8k字 | Redux/react-redux/redux中间件设计实现剖析
一. redux的实现 在一切开始之前,我们首先要回答一个问题:为什么我们需要redux,redux为我们解决了什么问题?只有回答了这个问题,我们才能把握redux的设计思路。 React作为一个组件化开发框架,组件之间存在大量通信,有时这些通信跨越多个组件,或者多个组件之间共…
字节跳动面试官:请你实现一个大文件上传和断点续传
这段时间面试官都挺忙的,频频出现在博客文章标题,虽然我不是特别想蹭热度,但是实在想不到好的标题了-。-,蹭蹭就蹭蹭 :)
Webpack系列-第三篇流程杂记
入口处在bulid.js,可以看到其中的代码是先实例化webpack,然后调用compiler的run方法。 可以看出options保存的就是本次webpack的一些配置参数,而其中的plugins属性则是webpack中最重要的插件。 调用run时,会先在内部触发before…
webpack-插件机制杂记
webpack本身并不难,他所完成的各种复杂炫酷的功能都依赖于他的插件机制。或许我们在日常的开发需求中并不需要自己动手写一个插件,然而,了解其中的机制也是一种学习的方向,当插件出现问题时,我们也能够自己来定位。 Webpack的插件机制依赖于一个核心的库, Tapable。 在…
Webpack系列-第一篇基础杂记
公司的前端项目基本都是用Webpack来做工程化的,而Webpack虽然只是一个工具,但内部涉及到非常多的知识,之前一直靠CV来解决问题,之知其然不知其所以然,希望这次能整理一下相关的知识点。 那么打个比方就是我们搭建一个项目好比搭建一个房子,我们把所需要的材料(js文件、图片…
Tree-Shaking性能优化实践 - 原理篇
一. 什么是Tree-shaking 上图形象的解释了Tree-shaking 的本意,本文所说的前端中的tree-shaking可以理解为通过工具"摇"我们的JS文件,将其中用不到的代码"摇"掉,是一个性能优化的范畴。具体来说,在 webpack 项目中,有一个入口文件,相当…
Vue3 深度解析
距离尤雨溪首次公开 Vue3 (vue-next)源码有一个多月了。青笔观察到,刚发布国庆期间,出现不少解读 Vue3 源码的文章。当然不少有追风蹭热之嫌,文章草草讲讲响应式原理,或者只是做了一些上层的导读,告诉读者应该先看哪再看哪。不能说这些文章就没有一点价值,它确实能够让你…
前端防御性编程
一个页面在呈现给用户之前需要经过静态资源加载、后端接口请求和渲染这三个过程,我们要做的就是在各个过程中防御可能出现的异常情况,保持流畅的用户体验,同时还要应对来自外部的攻击。 在页面内容呈现给用户之前,会一直保持loading动画的效果,避免因网络原因造成用户体验的中断。 静态…
Chrome DevTools 之 Profiles,深度性能优化必备
虽然一直在用 Chrome DevTools,但大多停留在常用的功能和调试上,比如 Elements/Network/Sources/Console 等主要功能。该系列文章基于最新版的 Mac Chrome 完成,主要介绍 Network/Timeline/Profiles 三个方面的内容。
下一页
个人成就
文章被阅读
1,807
掘力值
46
关注了
164
关注者
0
收藏集
2
关注标签
47
加入于
2017-07-02