Web Component

现在的前端生态都推崇组件式开发，无论是 React，Vue 还是 Angular 都是组建开发的形式。原生的 HTML 其实也支持组建开发，所有的框架组件化都是在这个基础上做的二次改进。Web Component 就是前端组件化的一种社区实践，由模板、shadow DOM、自定义标签三部分组成

2020/10/10 posted in 原理笔记

JS 常问手写题汇总

总结了一些常见的 JS 手写面试题，分享给大家，也供自己复习的时候看。

2020/10/10 posted in 面试

JS 中的类与继承

这篇文章主要介绍 JS 面向对象的一些概念。很多人觉得前端面向对象没什么用，其实不然。如果你觉得前端就是写写页面写写样式，那是没什么用的。但是一但涉及到项目架构，或者封装什么库或者 SDK 之类的，面向对象就很有帮助了。

2020/10/10 posted in 面试

性能优化

从首屏优化，渲染优化两方面讲讲前端性能优化的那些事

2020/10/10 posted in 项目实践

UI交互

记录了一些工作中用到的 UI 交互和功能方案，包括适配方案、可配置主题、纵向瀑布流、h5拍照、沉浸式导航栏等

2020/10/10 posted in 项目实践

项目配置

docker有很多优势，启动快，资源利用率高，容灾和扩容方便等。这里不谈运维相关的优势，仅仅针对前端而言。

2020/10/10 posted in 项目实践

前端监控

这篇文章主要是介绍前端项目的各类指标监控，包括业务的数据埋点上报，性能上的数据监控，线上异常的监控，以及内存泄露的排查等。

2020/10/10 posted in 面试项目实践

Vue 实例方法 & Vue use

Vue use() 用于使用 Vue 插件，本质是调用 Vue 插件中的 install 方法。Vue 插件本身是一个对象，这个对象中必须包含 install 方法，install 是一个函数。本质上 Vue.use() 就是调用插件中定义的 install 方法，需要在 new Vue() 之前调用。

2020/10/09 posted in 原理笔记

插槽

插槽就是在组件内预留一个 slot 标签，用来容纳组件起始标签和结束标签之间的内容。如果没有 slot 标签，那么组件起始和结束标签件的内容将会被抛弃

2020/10/09 posted in 原理笔记

better-scroll 排坑指南

better-scroll 是移动开发中常用的滚动组件。在移动端做滚动有许多细节需要注意，一不小心就会踩坑。而 bs 的作者封装了一个适用于移动端的滚动组件，提供了一系列滚动的方法，开发者们不用再造轮子，踩雷。而这篇文章就是整理总结 bs 的正确打开方式

2020/10/09 posted in 原理笔记

CSS 硬件加速

硬件加速也叫 gpu 加速，就是利用图像处理芯片（俗称显卡）提高渲染性能

2020/10/09 posted in 面试

白屏优化与性能指标

工作中接到一个需求，需要对首屏的性能数据做分析。于是调研了一遍 `performance API`，并且结合实际情况做了一些性能数据埋点的实践。

2020/10/09 posted in 面试项目实践

常见 JS 面试题

总结了一些常见的 JS 面试题，分享给大家，也供自己复习的时候看。

2020/10/09 posted in 面试

常见 Vue 面试题

总结了一些常见的 Vue 面试题，分享给大家，也供自己复习的时候看。

2020/10/09 posted in 面试

Vue 响应式原理

Vue 响应式基本是面试必问的内容，但很多同学对响应式的理解仍仅仅停留在 `Object.definedProperty` 的阶段，一旦面试官稍微问深一点点，就答不出个所以然了。实际上 Vue 的响应式远不止这个简单的数据劫持而已。这篇文章会由浅入深，夹带部分源码，来介绍整个响应式的过程。看完这篇文章，不但对各位看官的面试有帮助，也能帮助你了解发布订阅的设计模式。

2020/10/09 posted in 面试

Web Component

JS 常问手写题汇总

JS 中的类与继承

性能优化

UI交互

项目配置

前端监控

Vue 实例方法 & Vue use

插槽

better-scroll 排坑指南

CSS 硬件加速

白屏优化与性能指标

常见 JS 面试题

常见 Vue 面试题

Vue 响应式原理

Evan的博客

Categories

Recent Posts