web前端 - 随笔分类 - Young Dreamer

前端页面性能指标与采集方式

摘要：主要用于测试html的页面性能采集。介绍了传统的性能指标和采集方式，此外介绍了Google正在力推的以用户为中心的性能指标，以及相应的采集方式。阅读全文

posted @ 2019-07-09 11:48 Young Dreamer 阅读(7286) 评论(0) 推荐(5)

前端页面统计beacon调研

摘要：主要讲解页面统计中使用到的beacon特性，为什么要用beacon，并给出了实际案例。阅读全文

posted @ 2019-07-05 10:32 Young Dreamer 阅读(952) 评论(0) 推荐(0)

数据管理工具Flux、Redux、Vuex的区别

摘要：主要讲解一下前端为什么需要进行数据管理，有效的数据管理应该是什么样子的，最后挑选Flux、Redux、Vuex进行对比讲解。阅读全文

posted @ 2019-06-27 15:01 Young Dreamer 阅读(1793) 评论(0) 推荐(2)

Vue Router的懒加载路径

摘要：单页应用产出的入口chunk大小随着业务的复杂度线性增加，导致后期加载速度越来越慢。后面就需要对不同路径下的模块进行拆分，打包到相应的chunk下，按需加载，找到chunk的大小、个数和页面加载速度的平衡点。阅读全文

posted @ 2018-06-21 10:52 Young Dreamer 阅读(2472) 评论(0) 推荐(0)

webpack4：连奏中的进化

摘要：webpack4在2月底的时候发布，这次webpack4有了一个名字"Legato"，也就是"连奏"的意思，寓意webpack在不断进化，而且是无缝(no-gaps)的进化。webpack的进化点是通过捐赠者和用户投票来决定的，之前在介绍webpack3的时候，曾给出过投票数在前几名的优化点，集中在用户体验、构建性能（速度和产出大小）、通用和适配性（es module、typescript、web assemble）等。webpack4发布了，下面将结合文档和实践，验证一下webpack是否兑现了当初的诺言阅读全文

posted @ 2018-05-16 10:48 Young Dreamer 阅读(10885) 评论(2) 推荐(7)

webpack中tree-shaking技术介绍

摘要：本文结合实例介绍了一下webpack如何使用tree-shaking技术，以及tree-shaking的若干局限性。阅读全文

posted @ 2017-11-27 22:35 Young Dreamer 阅读(9805) 评论(0) 推荐(2)

好用的前端页面性能检测工具—sitespeed.io

摘要：本文简单的介绍了sitespeed.io对web页面的分析结果、sitespeed.io的基本工作原理。阅读全文

posted @ 2017-10-02 17:46 Young Dreamer 阅读(15051) 评论(2) 推荐(2)

HTTPS静态服务搭建过程详解

摘要：本文主要从HTTPS基本原理、证书的获取和httpd的https配置三个方面介绍了HTTPS静态服务的搭建过程。阅读全文

posted @ 2017-09-13 20:54 Young Dreamer 阅读(6230) 评论(1) 推荐(1)

基于Webkit的浏览器关键渲染路径介绍

摘要：本文主要参考google开发者文档，就Webkit渲染过程的关键路径进行概念介绍，同时结合开发者工具进行实际验证。阅读全文