首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
开启快捷收藏
开启后收藏文章时不再自动弹出选择面板
取消
确定
默认
订阅
暂时未读的好文
今天自律了么
更多收藏集
微信扫码分享
微信
新浪微博
QQ
20篇文章 · 0订阅
前端性能优化 24 条建议(2020)
性能优化是把双刃剑,有好的一面也有坏的一面。好的一面就是能提升网站性能,坏的一面就是配置麻烦,或者要遵守的规则太多。并且某些性能优化规则并不适用所有场景,需要谨慎使用,请读者带着批判性的眼光来阅读本文。 本文相关的优化建议的引用资料出处均会在建议后面给出,或者放在文末。 1. …
深入浅出浏览器缓存机制
缓存可以说是性能优化中简单高效的一种优化方式了。一个优秀的缓存策略可以缩短网页请求资源的距离,减少延迟,并且由于缓存文件可以重复利用,还可以减少带宽,降低网络负荷。 对于一个数据请求来说,可以分为发起网络请求、后端处理、浏览器响应三个步骤。浏览器缓存可以帮助我们在第一和第三步骤…
浏览器与Node的事件循环(Event Loop)有何区别?
本文我们将会介绍 JS 实现异步的原理,并且了解了在浏览器和 Node 中 Event Loop 其实是不相同的。 官方的说法是:进程是 CPU资源分配的最小单位;线程是 CPU调度的最小单位。这两句话并不好理解,我们先来看张图: 进程好比图中的工厂,有单独的专属自己的工厂资源…
如何颗粒化修改vue-cli中的webpack配置?
引言 在使用vue-cli作为vue项目的脚手架时,由于其已经内置了许多的loader和plugin,免去了我们从头配置webpack的诸多烦恼。但就因为vue-cli内置了这些loader和plug
Vue CLI 3结合Lerna进行UI框架设计
第一次在掘金发文章,有点啰里啰嗦,大家见谅。 当前大部分UI框架设计的Webpack配置都相对复杂,例如Element、Ant Design Vue和Muse-UI等Vue组件库。例如Element,为了实现业务层面的两种引入形式(完整引入和按需引入),以及抛出一些可供业务层面…
你真的理解$nextTick么
可能文中有些表述不是很严谨,大家见谅。 顺便推荐大家看一篇非常好的文章Tasks, microtasks, queues and schedules,看完绝对有所收获。 这里猜测一下为什么Vue有一个API叫nextTick。 这些线程中,和Vue的nextTick息息相关的是…
vue源码解读十七: props更新如何触发子组件重新渲染?
prop初始化时会变成响应式对象,如果里面的属性值是一个普通类型,那么当值改变时就会触发重新渲染。当值是对象类型时,它和父组件data指向同一个地址,当父组件data改变时子组件重新渲染。
写给女朋友的中级前端面试秘籍(含详细答案,15k级别)
能不能讲一讲Flex布局,以及常用的属性?。 WeakMap只能以复杂数据类型作为key,并且key值是弱引用,对于垃圾回收更加友好。 深拷贝:一般需要借助递归实现,如果对象的值还是个对象,要进一步的深入拷贝,完全替换掉每一个复杂类型的引用。 React需要尽可能的保证熟练。因…
「中高级前端面试」JavaScript手写代码无敌秘籍
1. 实现一个new操作符 它创建了一个全新的对象。 它会被执行[[Prototype]](也就是__proto__)链接。 它使this指向新创建的对象。。 通过new创建的每个对象将最终被[[Prototype]]链接到这个函数的prototype对象上。 如果函数没有返回…
【面试篇】寒冬求职之你必须要懂的Web安全
随着互联网的发展,各种Web应用变得越来越复杂,满足了用户的各种需求的同时,各种网络安全问题也接踵而至。作为前端工程师的我们也逃不开这个问题,今天一起看一看Web前端有哪些安全问题以及我们如何去检测和防范这些问题。非前端的攻击本文不会讨论(如SQL注入,DDOS攻击等),毕竟后…