首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
前端进阶
yck
创建于2021-05-10
订阅专栏
你需要的前端进阶知识
等 299 人订阅
共28篇文章
创建于2021-05-10
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
从零到一实现企业级微前端框架,保姆级教学
微前端是目前比较热门的一种技术架构,挺多读者私底下问我其中的原理。为了讲清楚原理,我会带着大家从零开始实现一个微前端框架!
JS 的 Date API 到底是个什么阴间东西
`Date` API 大家肯定都有用过,虽然更多时候关于日期的处理都交给了 dayjs 或者 moment。 但我们肯定免不了去直接使用原生 API,这时候你可能会免不了爆一句粗口「什么阴间玩意?」
从零带你架构一个企业级 React 项目
本文没有只针对 React 读者,除了强相关 React 技术栈的内容,其他东西完全是可以应用进任意技术栈的项目。
这些 JS 的新语法有点东西啊
TC39 的提案笔者一直有关注,攒了一些有趣的今天来聊聊。 PS:提案总共五个阶段,只有到阶段 4 才会被纳入到发布规范中,其它的只是有几率会被纳入。
就这几个小操作,我把项目性能优化了几十倍!
其实性能优化还存在很多可以玩的地方,今天笔者就来聊一些大家不常关注的地方,从开发到 CI 的构建阶段以及最后部署上线这几个链路。
反直觉!浏览器到底是如何下载资源的
今天文章来聊聊浏览器到底是如何对待下载资源的,比如说 JS、CSS、字体、图片等文件。 HTML 在解析的过程中遇到同步的 script 会卡住 DOM 解析这个知识点我相信读者们应该都知道。 上述代码中,HTML 遇到 <script>console.log(1)&…
时代变了,现在居然可以这样写 CSS 了|牛气冲天新年征文
以上代码就是举个例子,大部分情况应该都是写一个类,然后整一堆样式进去。 取名困难,节点结构一多,取名真的是个难事。当然了,我们可以用一些规范或者选择器的方式去规避一些取名问题。 需要用 JS 控制样式的时候又得多写一个类,尤其交互多的场景。 组件复用大家都懂,但是样式复用少之又…
时代变了,来看看你用的那些前端技术已经过时了
首先技术过时是看你当前业务的场景的。比如说有些东西是需要用在 IE6 上的,那对于大部分人开发者来说它就是一个过时的技术,但是如果你的业务还需要服务到 IE6 的用户,那么这个技术对你就还是存在价值的。 今天我们聊得过时技术只针对于大部分人,先来聊聊性能优化中已经过时的东西。 …
前端搞算法再也不难,如何套路解题:滑动窗口类
这不是一个给一道题目然后告诉你题解的系列,而是对于一系列题目进行分类,找出他们解题规律并得出大致框架代码的文章。吃透解一系列题目的规律比会解单个题目有用的多,毕竟你总会遇到没刷过的题。 大家对于滑动窗口应该不陌生,在 TCP 协议中就有这个概念的出现,用于控制网络流量,避免拥塞…
前端前沿观察,Cookie 居然可以这样整了
用 JS 操作 Cookie 其实是很麻烦的,并不存在一个简单的 API 能让我们获取或者设置 Cookie。 唯一一个操作 Cookie 的 API 是 document.cookie,但是这句代码使用起来很难受。如果说我们想要获取一个需要的 Cookie,可能得先写这么一个…
Promise 你真的用明白了么?
文章首发自笔者的 Github。 Promise 关于 API 这块大家应该都能熟练使用,但是和微任务相关的你可能还存在知识盲区。 在开始正文前,我们先把本文涉及到的一些内容提前定个基调。 Promise 中只有涉及到状态变更后才需要被执行的回调才算是微任务,比如说 then、…
总感觉自己不会的太多了,不知该如何下手?
前端东西确实蛮多,但也没必要什么都想学。一旦你有这个想法,多半会像个无头苍蝇乱飞。这个看看,那个学点,到头来啥东西都没学好。 这样的例子其实我在读者里看到好些了,学习确实看起来是在学习,啥资料都收藏了,今天看会这个技术的视频,明天拿上另一个技术的书读起来,但是这种学习方式相当低…
Hooks 的性能优化及可能会遇到的坑总结
class 组件中性能优化可以通过 shouldComponentUpdate 实现或者继承自 PureComponent,当然后者也是通过 shouldComponentUpdate 去做的,内部对 state 和 props 进行了 shallowEqual。 对于函数组件…
头条面试官:你知道如何实现高性能版本的深拷贝嘛?
JS 中有个重要的类型叫做引用类型。这种类型在使用的过程中,因为传递的值是引用,所以很容易发生一些副作用,比如: 上述代码的写法会造成 a 和 b 的属性都被修改了。大家在日常开发中肯定不想出现这种情况,所以都会用上一些手段去断开它们的引用连接。对于上述的数据结构来说,浅拷贝就…
Vue 3 原理剖析:数据响应系统
这是我的剖析 Vue 3 原理的第一篇文章。这篇将会带着大家学习数据响应相关的内容,并且尽可能的脱离源码来了解原理,降低大家的学习难度。 Vue 3 目前的状态其实很适合阅读,因为代码量不多,并且核心功能是不会有什么大的变动的。 因此笔者 fork 了目前的源码,并且加以注释。…
很好用的 UI 调试技巧
在业务开发过程中,想必大家经常会需要查看一个元素的位置及大小并修改它的 CSS,因此就会频繁使用到 DevTools 中的选择元素功能。 其实我们可以使用一个 CSS 技巧给所有元素加上 outline,这样就能迅速了解自己所需的元素位置信息,无须再选择元素查看了。 需要注意的…
如何优雅判断属性值为空
这是因为我们尝试从 undefined 或者 null 中取出数据。 解决办法肯定是有的啦,就是使用新语法可选链。 不过这个语法当下还没有正式发布,但是我们可以通过安装 Babel 插件去使用它。 安装完毕后修改下 Babel 配置文件即可。 虽然编译后的代码看着有点啰嗦,但是…
下一页