前端小凯

xss攻击 例如我在掘金评论区输入以下评论: 提交后再打开评论区，发现返回的HTML中可以看到这段代码评论, 但是并没有执行? 因为代码进行了转义,...

什么是Virtual DOM？react和vue如何对Virtual DOM进行diff计算？无代码，纯图片+文字讲解的方式尽可能简单的讲解diff是如何实现的...

本文没有很多体积压缩细节方面的干货，更多地是从一个实际项目中去发现、思考、落地和推广问题。不过这个方面也是一个通用能力，具备可迁移性，按需阅读。...

罗列一些浏览器很有用但是不明显的debug技巧，假定大家都对浏览器的开发者工具有一些了解为前提（前端开发很难不了解😄）。...

在编写vue的SPA（Single Page Application单页面应用）时，我们始终绕不开路由的使用，vue-router4.0里有一些重要更新，在这里分享给大家。...

同一个前端项目，支持多个不同域名访问，不同访问域名需要使用不同的cdn域名。举例来说使用使用a.com、b.com、c.com访问页面，对应的cdn域名为，a.cdn.co...

首屏加载和白屏时间： 如何优化以及怎么计算首屏加载和白屏时间...

通常来讲前端性能优化是指从用户开始访问我们的网站到整个页面完整的展现出来的过程中，通过各种优化策略和优化方法让页面加载的更快，让用户的操作响应更及时，给用户更好的使用体验。...

相信大家在平常的面试过程中或多或少都被问到过前端性能优化如何实现，但是大部分同学的回答可能说一说自己做了aa、bb、cc...配置；亦或是说了这些配置之后，没有量化的结果去...

高宽无效，对外边距（margin）和内边距（padding）仅设置左右方向有效上下无效。 高度、行高、外边距以及内边距都可以控制。...

这是我参与8月更文挑战的第22天，活动详情查看：8月更文挑战 元素是文档结构的基础，在 css 里面，每个元素生成了包含内容的框（box）, 大家都叫“盒子”。但是不同的元...

你没有办法辨别什么是机会，没有人能长一双慧眼，看到机会的来临。你只能做各种各样的准备，往往是准备之后你做了临时性的选择、不知深浅的决定，正是这些准备，让你的各种选择和决定改...

react diff 算法 diff算法的作用 计算出Virtual DOM中真正变化的部分，并只针对该部分进行原生DOM操作，而非重新渲染整个页面。 传统diff算法 R...

面试过程中面试官问到前端性能优化有哪些，当我咔咔一顿输出之后面试官追问：前端可以做的性能优化有哪些呢？ 前端优化大概可以有以下几个方向： 网络优化 页面渲染优化 JS优化 ...

JS 发起的请求可以暂停吗？ 这个问题非常有意思，这一句话当中有两个概念需要明确，一是什么样的状态才能称之为 `暂停`？二是 `JS 发起的请求` 是什么？...

在我司线上运行的是近亿级别的广告页面，这样线上如果裸奔，出现了什么问题不知道，后置在业务端发现，被业务方询问，这种场景很尴尬。...

本文分享如何自研前端监控系统之（一）性能监控；我们都听说过性能的重要性。但谈起性能，以及让网站"速度提升"时，我们具体指的是什么？而本篇文章将分享：如何准确地测量用户的网页...

DNS 的作用是将域名解析为 IP 地址，解析的过程是耗时的，转化后会做本地缓存，我们的优化的目标主要是针对用户第一次访问站点的时候陷入长时间白屏的问题。...

性能优化 ，每个工程师跑不掉的一个话题。这里是本人结合Mr.Max的一门课，总结的一些优化手法，希望对大家有所帮助，后续也会继续更新，想要看视频的可以直接去某课网搜。附 演...