首页
学习
活动
专区
工具
TVP
发布

前端自习课

每日清晨,享受一篇前端优秀文章。
专栏作者
540
文章
710953
阅读量
65
订阅数
【优化】1962- 京东快递小程序分包优化实践
随着项目规模增大,小程序分包优化是必须要面对的问题。分包不合理,不仅影响项目迭代和上线计划,还关乎用户体验,甚至因此导致 C 端用户流失。本文主要介绍京东快递小程序分包过程中踩过的坑,以及小程序分包优化的一些建议。
pingan8787
2024-02-26
1440
【Vite】1934- Vite打包性能优化以及填坑
最近在使用 Vite4.0 构建一个中型前端项目的过程中,遇到了一些坑,也做了一些项目在构建生产环境时的优化,在这里做一个记录,以便后期查阅。(完整配置在后面)
pingan8787
2024-01-23
6370
【总结】1761- 了解并实践 Monorepo 和 pnpm
简单来说就是,将多个项目或包文件放到一个git仓库来管理。 目前比较广泛应用的是yarn+lerna的方式实现monorepo的管理。 一个简单的monorepo的目录结构类似这样:
pingan8787
2023-08-29
3220
【Webpack】1453- Webpack5 的一些知识
在webpack 5之前,webpack是没有提供持久化缓存,我们开发的时候需要使用类似 cache-loader 来做缓存方面的处理。
pingan8787
2022-11-15
6000
【微前端】1174- 有赞美业微前端的落地总结
想要回答这个问题直接给一个定义其实没那么难,但是没接触过的同学未必理解。所以需要先介绍一下背景,再解释会更容易明白。
pingan8787
2021-12-17
8500
【Webpack】1083- 分享15个Webpack实用的插件!!!
用途: 将css样式从js文件中提取出来最终合成一个css文件,该插件只支持webpack4之前的版本,如果你当前是webpack4及以上版本那么就会报错。
pingan8787
2021-10-08
4950
【Vuejs】1082- Vue 项目前端多语言方案
前端的国际化是一个比较常见的需求。但网上关于这一方面的直接可用的方案却不多。最近刚做了一版基于Vue.js的多语言实现,在此简单作一小结。
pingan8787
2021-10-08
1.5K0
【总结】1086- 如何搭建适合自己团队的构建部署平台
前端业界现有的构建部署方案,常用的应该是 Jenkins,Docker,GitHub Actions 这些,而恰巧,我们公司现在就并存了前两种方案。既然已经有了稳定的构建部署方式,为什么还要自己做一套前端自己的构建平台呢?当然不是为了好玩啊,原因听我慢慢分析。
pingan8787
2021-10-08
7450
【Vuejs】1094- 你真的了解vue模版编译么?
本文的初衷是想让更多的同学知道并了解vue模版编译,所以文中主要以阶段流程为主,不会涉及过多的底层代码逻辑,请耐心观看。
pingan8787
2021-10-08
9160
【Vue.js】900- Vue 3.0 进阶之 VNode 探秘
本文是 Vue 3.0 进阶系列 的第五篇文章,在这篇文章中,阿宝哥将介绍 Vue 3 中的核心对象 —— VNode,该对象用于描述节点的信息,它的全称是虚拟节点(virtual node)。与 “虚拟节点” 相关联的另一个概念是 “虚拟 DOM”,它是我们对由 Vue 组件树建立起来的整个 VNode 树的称呼。通常一个 Vue 应用会以一棵嵌套的组件树的形式来组织:
pingan8787
2021-04-07
1.1K0
【Webpack】867- Webpack 优化阻塞的 CSS
随着浏览器的日新月异,网页的性能和速度越来越好,并且对于用户体验来说也越来越重要。
pingan8787
2021-02-26
1.1K0
【Vuejs】866- Vuex 4 正式发布:打包现在与 Vue 3 一致
Vuex 是一个专门为 Vue.js 应用程序开发的状态管理模式。Vuex 采用集中式存储管理应用的所有组件组件的状态。换句话说,Vuex 就是帮开发者存储多个组件共享的数据,方便开发者对其读取的更改的工具。
pingan8787
2021-02-26
6100
【Web技术】839- React Native 原理与实践
React Native 是一个由 Facebook 于 2015 年 9 月发布的一款开源的 JavaScript 框架,它可以让开发者使用 JavaScript 和 React 来开发跨平台的移动应用。它既保留了 React 的开发效率,又同时拥有 Native 应用的良好体验,加上 Virtual DOM 跨平台的优势,实现了真正意义上的:Learn Once,Write Anywhere.
pingan8787
2021-01-28
2.4K0
【Web技术】848- 超棒的 Babel 上手指南
Babel 是一个用于 JavaScript 的通用多用途编译器,使用 Babel 可以使用(或创建)下一代 的JavaScript,以及下一代 JavaScript 工具。
pingan8787
2021-01-28
5200
【JS】784- 14 个 JS 优化建议
JavaScript 已经成为当下最流行的编程语言之一。根据 W3Tech,全世界几乎 96% 的网站都在使用它。关于网站,你需要知道的最关键的一点是,你无法控制访问你网站的用户的硬件设备规格。访问你的网站的终端用户也许使用了高端或低端的设备,用着好的或差的网络连接。这意味着你必须确保你的网站是尽可能优化的,你能够满足任何用户的要求。
pingan8787
2020-11-30
1.2K0
【Webpack】654- 了不起的 Webpack Scope Hoisting 学习指南
Scope Hoisting 是 webpack3 的新功能,直译为 "「作用域提升」",它可以让 webpack 打包出来的「代码文件更小」,「运行更快」。
pingan8787
2020-07-16
1K0
【Webpack】627- 了不起的 Webpack HMR 学习指南(含源码分析)
Hot Module Replacement(以下简称:HMR 模块热替换)是 Webpack 提供的一个非常有用的功能,它允许在 JavaScript 运行时更新各种模块,而无需完全刷新。
pingan8787
2020-06-19
1.1K0
了不起的 Webpack HMR 学习指南(含源码分析)
学习时间:2020.06.14 学习章节:《Webpack HMR 原理解析》 [了不起的 Webpack HMR 学习指南.png]
pingan8787
2020-06-16
1.1K0
了不起的 tsconfig.json 指南
在 TypeScript 开发中,tsconfig.json 是个不可或缺的配置文件,它是我们在 TS 项目中最常见的配置文件,那么你真的了解这个文件吗?它里面都有哪些优秀配置?如何配置一个合理的 tsconfig.json 文件?本文将全面带大家一起详细了解 tsconfig.json 的各项配置。
pingan8787
2020-06-02
2.5K0
【JS】547- 200行JS代码,带你实现代码编译器(人人都能学会)
先问大家一句,日常项目开发中你能离开 ES6 吗? 一、前言 对于前端同学来说,编译器可能适合神奇的魔盒?,表面普通,但常常给我们惊喜。 编译器,顾名思义,用来编译,编译什么呢?当然是编译代码咯?。
pingan8787
2020-03-31
2.6K0
点击加载更多
社区活动
腾讯技术创作狂欢月
“码”上创作 21 天,分 10000 元奖品池!
Python精品学习库
代码在线跑,知识轻松学
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档