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

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

QQ音乐技术团队的专栏

专栏作者

149

文章

474740

阅读量

302

订阅数

Vue打包优化之code spliting

打包 webpack javascript vue.js 编程算法

前言在http1的时代，比较常见的一种性能优化就是合并http的请求数量，通常我们会把许多js代码合并在一起，但是如果一个js包体积特别大的话对于性能提升来说就有点矫枉过正了。而如果我们对所有的代码进行合理的拆分，将首屏和非首屏的代码进行剥离，将业务代码和基础库代码进行拆分，在需要某段代码的时候再加载它，下次若再需要用则从缓存中读取，一来可以更好地使用浏览器缓存，再者就是可以提高首屏加载速度，很好提升用户的体验。核心思想业务代码和基础库的分离这个其实很好理解，业务代码通常更新迭代很频繁，而基础库通常

QQ音乐技术团队

2023-03-01

2K0

基于 Yarn WorkSpace + Lerna + OrangeCI 搭建 Typescript Monorepo 项目实践

npm 编程算法 javascript git github

Lerna 已然成为搭建 monorepo 工程的首选，然而官方文档[1]并没有给出构建 monorepo 项目最后一公里的解决方案。而在这次在迁移搭建全民 K 歌基础库的实践中，在诸如 Orange CI 自动发布 npm 包等问题上就遇到了不少阻碍，我们把经验总结记录如下。名词解释: Orange CI：腾讯内部开源的持续集成服务，类似于 Travis CI，一旦代码有变更，就自动运行构建和发布，并输出结果，是实现自动更新版本号及发布npm包的基础。 Monorepo：一种管理组织代码的方式，其主要

QQ音乐技术团队

2020-07-13

3.7K0

javascript c++打包 github https

简介 WebAssembly是由Mozilla、谷歌、微软和苹果共同开发的一种面向Web的二进制格式。该格式名为WebAssembly，可以作为任何编程语言的编译目标，使应用程序可以运行在浏览器或其它代理中。在WebAssembly之前，这四家公司已经分别自己开发了类似的技术来扩展浏览器的能力，比如微软的typescript、苹果的FLTJIT、谷歌的PNaCI以及Molliza的asm.js。最后这四家公司联起手来搞了个WebAssembly。现在主流的浏览器已经开始尝试支持WebAssemb

QQ音乐技术团队

2018-01-31

3.3K1

Webpack 实用技巧高效实战

打包 webpack javascript node.js

在项目中使用了一段时间的 Webpack ,得益于其多元的功能支持和配置定制，得到了很多本地编译和依赖管理的帮助。在搭建好配置和架构之后，开发过程中可以不再关注模块的组织、载入、转义、合并、精简、兼容等各种方面的工程问题，全部交给 Webpack 来处理。效率和体验都得到了不小的提升。本篇文章就是在对使用 Webpack 过程中的关键配置和方法做一些总结和沉淀。本文是一些零散的功能记录、关键点配置和 Tips，大部分从使用过程中总结而来，并不是手册翻译也不是入门讲解，正在入手 Webpack 或在使用中遇

QQ音乐技术团队

2018-01-31

1.6K0

JsBridge实现JavaScript和Java的互相调用

java jsp webview android javascript

前端网页JavaScript（下文简称Js）和Java互相调用在手机应用中越来越常见，JsBridge是最常用的解决方案。 1. Js调用Java，Java调用Js 在Android开发中，能实现Js调用Java，有4种方法： 1.JavascriptInterface 2.WebViewClient.shouldOverrideUrlLoading() 3.WebChromeClient.onConsoleMessage() 4.WebChromeClient.onJsPrompt() 1.1 Javas

QQ音乐技术团队

2018-01-30

2.2K0

Material Design技术分享

android css 编程算法 javascript

因项目需要接触了近一个月的Material Design，之前只觉得它美丽而神秘，真正接触起来发现确实不错。针对这段时间做个小总结，也给广大战友们分享点踩坑的经验。第一部分是针对Material Design的个人总结，第二部分是近段时间接触到符合Material Design风格的控件以及动画总结。 Part1:什么是Material design 自2014年谷歌在I/O大会发布Material Design，至今已经两年多，其遵循纸片与墨水的视觉设计，并将物理运动带入到UI设计中，google

QQ音乐技术团队

2018-01-30

2.1K0

RxJava的一些入门学习分享

android 数据库 javascript

最近在Android编程领域，RxJava这个框架的技术热度相当的高。团队对使用RxJava改进目前的项目代码也表示很有兴趣，所以我特地和团队伙伴一起对这套框架做了一下调研。现在就把目前对RxJava的一些理解和粗浅的分析做一下分享，欢迎大家拍砖。 1.什么是RxJava 要了解什么是RxJava，先需要了解一下它的理念来源：ReactiveX。 ReactiveX是Reactive Extensions的缩写，一般简写为Rx，最初是LINQ的一个扩展，由微软的架构师Erik Meijer领导的团队开发

QQ音乐技术团队

2018-01-30

1.2K0

没有更多了

社区活动

腾讯技术创作狂欢月

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

Python精品学习库

代码在线跑，知识轻松学

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

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

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

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