腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

前端迷

专栏作者

215

文章

346231

阅读量

68

订阅数

回归 HTTP 协议本质：前端还能做哪些性能优化？

文件存储 http 打包 webpack javascript

上篇文章聊到：在 HTTP 2.0 时代以后，不需要额外担心由于 TCP 连接数带来的前端性能问题，因此我们不再需要雪碧图等优化手段了。于是前端工程师在 HTTP 协议这层能做的性能优化似乎只有「尽可能地减小资源体积」这一方向。

2021-09-30

6050

一年前端的面试分享

react vue.js 缓存 http webpack

以上是五点非常致命的，毫不客气的说，我可能连简历都过不了HR初筛，当然也没有告诉家人自己的境况，不过竟然自己做出的决定，那么就不要懊恼自己的做法，一股脑准备复习吧

2020-09-30

1.1K0

聊一聊面试中经常被问到的Tree Shaking

https 网络安全编程算法 linux webpack

天下武功，唯快不破！最新版的 antd 以及 vue 都对 Tree Shaking 提供了支持。我们内部的组件在支持这部分功能时，也专门梳理了相关的特性。这是四月份写的文章了，长时间不用就会忘，复习一下！

2020-08-28

2K0

前端性能优化总结

webpack javascript 打包缓存 http

最近花了一些时间在项目的性能优化上，背后做了很多工作，但是最后依然没有达到自己想要的结果，有些失望，但是还是记录下自己的执着。

2020-07-02

1.2K0

基于 Express 应用框架的技术方案选型浅谈

express webpack javascript 打包 html

现在的 Node 对于前端而言可以涵盖各个方面，包括命令行接口、插件、依赖库、脚手架以及 Web 服务等。本文是一篇对于 Node 使用的浅谈文章，会简单讲解一些个人使用 Node 的经验，分享的内容主要可分为三个方面：

2020-06-01

6.9K0

揭秘webpack插件工作流程和原理

网站 webpack 打包 api html

通过插件我们可以扩展webpack，在合适的时机通过Webpack提供的 API 改变输出结果，使webpack可以执行更广泛的任务，拥有更强的构建能力。本文将尝试探索 webpack 插件的工作流程，进而去揭秘它的工作原理。同时需要你对webpack底层和构建流程的一些东西有一定的了解。

2020-05-26

1.7K0

webpack的几个常见loader源码浅析，以及动手实现一个md2html-loader

webpack 编程算法打包 https babel.js

本文会带你简单的认识一下webpack的loader，动手实现一个利用md转成抽象语法树，再转成html字符串的loader。顺便简单的了解一下几个style-loader，vue-loader，babel-loader的源码以及工作流程。

2020-04-26

1.6K0

爱奇艺号微前端架构实践

vue.js 容器 json 网站 webpack

近来，微前端的概念非常火爆，那么什么是微前端架构？微前端架构是一种架构风格类似于微服务的架构，它将微服务的理念应用于浏览器端，即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。由此带来的变化是，这些前端应用可以独立运行、独立开发、独立部署。微前端所具备的便于引入新框架，代码简洁、易维护等特点使其应用愈发广泛。

2020-02-21

8740

2020 前端面试 | 第一波面试题总结

webpack javascript 打包 vue.js 网站

https://juejin.im/post/5e3d898cf265da5732551a56

2020-02-19

1.7K0

webpack深入浅出实战系列

webpack css postcss java babel.js

https://github.com/luoxue-victor/learn_webpack/

2020-02-19

1.5K0

记一次webpack构建提速

webpack javascript babel.js npm 打包

由于业务调整需要，最近接手了公司内部云平台的项目H。看了代码，开发了几个需求，我的第一感觉是，H项目真的是严肃又有历史感！因为它经过了好多位前端同学多年的开发与维护，“前任”小伙伴们在里面花费了大量的时间与精力。这里面涉及到的技术栈也错综复杂，包含了react、webpack、reflux、mobx以及不少手动封装的类库和组件，日积月累，已经包含了十几个子项目，代码体积可见一斑。

2020-01-02

7740

vue-cli首屏优化技巧

打包 css webpack javascript https

之前用 vuecli做了个博客，是一个单页面项目，大概有十个路由直接 npm run build打包出来，有一个 1M的巨大 js文件

2019-11-14

9280

[译] webpack 5 更新日志

webpack 缓存 javascript node.js ide

早期，webpack 的目的是允许在浏览器中运行大多数 node.js 模块，但是模块整体格局发生了变化，现在许多模块的主要用途是以编写前端为目的。webpack <= 4 附带了许多 Node.js 核心模块的 polyfil，一旦模块中使用了任何核心模块（即 ”crypto“ 模块），这些模块就会被自动启用。

2019-10-22

1.4K0

webpack性能优化总结大全

webpack 打包 node.js javascript 文件存储

由于 Loader 对文件的转换操作很耗时，所以需要让尽可能少的文件被 Loader 处理。可以通过 test/include/exclude 三个配置项来命中 Loader 要应用规则的文件。

2019-10-22

1.7K0

Electron实践笔记

https 网络安全 electron webpack javascript

社交魔方平台是京东的 SNS 活动搭建平台，其内置了很多模板，每一个模板都有一个模板 JSON 用于生成表单，运营同学、商家配置了这个表单后就可以生成活动页面了。模板 JSON 是标准的结构化数据，包含名称、类型、控件类型、校验器、默认值等等字段。以往都是采用手写 JSON 的方式，这是非常低效的，而且容易出错。针对其结构化数据的特点可以用 GUI 的方式去编辑，我们基于 Electron[1] 参考 Github Desktop 客户端[2] 的架构编写了一个 JSON 编辑器(参见下图)，通过填写表单的方式生成 JSON。所以在这里记录下这个 Electron 编辑器开发过程中可以记录的点和从 Github Desktop 客户端代码中值得学习的点。

2019-10-22

9200

webpack的运行机制详解

webpack 打包 javascript node.js

webpack是现代前端开发中最火的模块打包工具，只需要通过简单的配置，便可以完成模块的加载和打包。那它是怎么做到通过对一些插件的配置，便可以轻松实现对代码的构建呢？

2019-10-17

1.2K0

Vue SSR入门实战

ajax 渲染网站 vue.js webpack

最近接手一个老项目，典型的 Vue 组件化前端渲染，后续业务优化可能会朝 SSR 方向走，因此，就先做些技术储备。如果对 Vue SSR 完全不了解，请先阅读官方文档。

2019-08-09

3K0

webpack4配置详解之慢嚼细咽

webpack javascript jsp java node.js

经常会有人会问起 webpack、 react、 redux、甚至 create-react-app配置等等方面的问题，有些是我也不懂的，慢慢从大家的相互交流中，也学到了不少。

2019-08-01

7210

React App 性能优化总结

react 网站 cdn webpack javascript

在 React 内部，React 会使用几项巧妙的小技术，来优化计算更新 UI 时，所需要的最少的更新 DOM 的操作。在大多数情况下，即使你没有针对性能进行专项优化，React 依然很快，但是仍有一些方法可以加速 React 应用程序。本文将介绍一些可用于改进 React 代码的有效技巧。

2019-07-19

7.7K0

webpack学习笔记（原理，实现loader和插件）

ide 网站 webpack 打包 api

在以上过程中，Webpack 会在特定的时间点广播出特定的事件，插件在监听到感兴趣的事件后会执行特定的逻辑，并且插件可以调用 Webpack 提供的 API 改变 Webpack 的运行结果。

2019-07-08

1.6K0

点击加载更多

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态