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

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

QQ音乐前端团队专栏

QQ音乐前端博客

专栏作者

39

文章

112612

阅读量

65

订阅数

一篇文章入门 redis（万字长文干货）

缓存云数据库 Redis lua 数据库数据结构

之前给团队的同事做了一次超容易理解的 Redis 入门分享，这里加以整理修改成文章分享给需要的童鞋。本文将会从：Redis 使用场景与介绍 -> 数据结构与简单使用 -> 小功能大用处 -> 持久化、主从同步与缓存设计 -> 知识拓展来书写，初学的童鞋只要能记住 Redis 是用来干嘛，各功能的使用场景有哪些，然后对 Redis 有个大概的认识就好啦，剩下的以后有需要的时候再来查看和实践吧！欢迎各位大佬交流指导～目录 Redis 介绍 Redis 是什么？ Redis 特性 Redis 典型使用场景

QQ音乐前端团队

2022-02-17

8071

QUIC：下一代通信协议

http https 网络安全 udp

一. 前言自 2015 年以来，QUIC 协议开始在 IETF 进行标准化并被国内外各大厂商相继落地。鉴于 QUIC 具备“0RTT 建连”、“支持连接迁移”等诸多优势，即将成为下一代互联网协议。阅读完本文你将了解和学习到： HTTP协议发展史 HTTP各版本存在的问题，以及各版本解决了哪些问题 QUIC协议特性再也不怕面试官问HTTP相关的问题了！行文思路：从历史使用最广泛的HTTP1.1开始，介绍各版本存在的问题，以及新版本如何解决旧版本存在的问题二. HTTP协议发展史 HTTP

QQ音乐前端团队

2021-11-22

8350

nginx 最全操作总结

nginx 编程算法文件存储缓存 http

在复习 nginx 的知识的时候把常用的 nginx 操作整合出来，方便查阅，这里分享给大家：本文将会从：安装 -> 全局配置 -> 常用的各种配置来书写，其中常用配置写的炒鸡详细，需要的童鞋可以直接滑倒相应的位置查看。安装 nginx 下载 nginx 的压缩包文件到根目录，官网下载地址：nginx.org/download/nginx-x.xx.xx.tar.gz yum update #更新系统软件 cd / wget nginx.org/download/nginx-1.17.2.tar.g

QQ音乐前端团队

2021-06-25

8490

都2021年了，你怎么还在说webassembly？

https 网络安全 ide json javascript

What is webssembly 首先，按照惯例，科普下啥是 webssembly 一种新的、抽象的虚拟机指令集（W3C）标准；四大浏览器已经支持该标准 MVP 版本的所有特性；一种以.wasm未后缀的二进制格式；可以通过标准的Web API接口在浏览器中加载、解析和执行； Why is webssembly 那么，这玩意是为啥而诞生的呢？那就得从1995年说起了，那一年，我刚学会走路，Javascript 诞生了，并且从此一发不可收拾，推动了web的迅速发展。如果把WEB看作是一辆车，那

QQ音乐前端团队

2021-05-28

14.4K1

Roam Research 最佳实践——知识管理与任务管理

markdown flutter block 笔记

自去年 8 月以来，Roam Research 是我唯一使用的笔记软件，使用 Roam Research 之后自己摸索出一套较为舒适的知识管理与任务管理模式，并使用 Roam Research 产出了几篇文章，以及管理自己日常工作的内容。我发现使用这套方法之后，无论任务管理还是知识研究，它们都开始变得极其高效且逐渐有趣了起来。可惜的是，我在网上搜了一圈发现社区内没有高质量的 Roam Research 的使用讲解文章，可能因为它在国内的使用门槛有些过高了（只有 Web 版+要求翻墙+高昂的订阅价格），导

QQ音乐前端团队

2021-05-11

1.7K0

Flutter 产物分析与减包方案

dart 编程算法打包 java flutter

在混合开发场景下，Flutter 的包增量略大一直是被大家诟病的一点，但 Google 官方明确表示了 Flutter 不会支持动态化，而且目前 Flutter SDK 官方还没有提供一套定制方案。因此想要瘦身，那么只能自己动手丰衣足食了。所谓减包，前提条件是必须知道产物内容有什么？产物里有哪些部分可以减？被减掉的部分我们要怎么加回来？因此本文将围绕“产物分析”与“减包方案”两个主题来分别论述 iOS 与 Android 两端的 Flutter 减包原理与方案。那么，先从 iOS 端开始吧。注：本

QQ音乐前端团队

2021-05-07

2.4K0

java javascript 正则表达式 node.js

在开发前端BFF框架的时候，需要将团队后台使用的JCE协议（类似ProtoBuff协议）转换成nodejs对应的语法，这里参考@tencent/jce2node-cli的实现，使用PEG.js解析生成AST，下面就来介绍一下PEG.js是如何进行解析的？我们在对文本进行解析的时候，通常可以使用正则表达式从目标文本中提取所需信息。但是仅使用正则表达式来解析，会发现非常难以阅读，可维护性比较差，而PegJs 则是一种更加简便可维护的 parser 工具。 PEG.js是一个JavaScript的词法解析器，

QQ音乐前端团队

2021-04-19

1.3K0

从渲染原理剖析如何提高 Flutter 应用性能

网站 flutter ios 编程算法 listview

1. Flutter 性能概述 1.1 Flutter 基本渲染原理在我们讨论如何对 Flutter 进行性能优化之前，首先得掌握 Flutter 的渲染原理，这样才能更好的对症下药。本文将主要讲讨论 UI 线程中的性能优化，由于 GPU 线程涉及底层 Skia 图形引擎的调用，相较于 UI 线程而言更加繁琐，对其感兴趣的同学可以观看 Google 官方的《深入了解 Flutter 的高性能图形渲染》。渲染流程图.png 根据上图，我们可知 Flutter 的主要渲染流程：在初次渲染时，我们会根据

QQ音乐前端团队

2021-04-07

1.3K0

2021 年值得期待的 Flutter 数据流管理方案

flutter ios android 编程算法网站

不像 Redux 在 React 中独占鳌头，Flutter 的数据流管理方案层出不穷，本文旨在介绍在2021年值得使用的 Flutter 数据流管理方案，除了大家都比较熟悉的 InheritedWidget 和 provider, 还有 Remi Rousselet 新推出的、令人十分期待的 Riverpod。希望读者对Flutter 已经有一定的基础，并且了解声明式UI。下面就一起开始吧 1. 什么状态才需要使用数据流管理方案？对于声明式的 UI 而言，UI = f(state)，f 是 build

QQ音乐前端团队

2021-03-29

1.9K0

前端工程化-Feflow实践

javascript npm node.js 编程算法网站

前言前端工程化是指将开发阶段的代码转变成生产环境的代码的一系列步骤。主要包括构建，分支管理，自动化测试，部署等步骤。本文将介绍团队在前端工程化的实践，主要采用feflow作为前端工作流，并结合Git工作流，将前端开发流程中的各个步骤进行流程化，从而提高开发效率。 Feflow 简介 Feflow是一个用于提升开发效率的前端工作流和规范工具，托管在Github上：Tencent/feflow，目前start 941，官网：https://feflowjs.com/zh/ 设计思想 Feflow 借鉴了 P

QQ音乐前端团队

2021-03-22

1.4K0

测试驱动开发 Test-Driven Development

自动化测试腾讯云测试服务单元测试

本篇文章阅读时间：10min 读者预期的收获是：认识测试驱动开发非常简单开启你的TDD之旅可以编写自动化测试重构、重新设计旧的代码更加自信引子（压抑背景音乐渐入——）旁白：为何深夜的办公室传来程序员的哀嚎？为何说好的一刀999，砍下去伤害为0？为何程序员好基友反目成仇，因代码调用出问题后甩锅大打出手？当个程序员，好难！（捂着铮亮的脑门）程序员甲：自从用了TDD，测试驱动开发之后，每天下班早了，BUG变少了，基友不吵了。程序员乙丙丁：真的吗？有这么神奇吗？！（集体星星眼）程序员甲

QQ音乐前端团队

2021-03-15

1.5K0

React16之useCallback、useMemo踩坑之旅

缓存 react 渲染编程算法

背景 react性能优化的一个主要方向就是减少组件重复渲染，避免没有必要的渲染以提升性能，而减少组件重复渲染的重要方式就是利用缓存。根据这个思路react推出了React.memo、hook函数useCallback、useMemo等方法，但官方文档也提出不要滥用这些hook，不然很有可能适得其反，那具体怎么使用才能提高性能呢？在开始之前先简单介绍下Memoization的概念，在密集型操作中通过将初始的操作结果‘缓存’起来,并在下一次操作中利用缓存来加速计算的技术。换人话就是通过对象把函数每次执行的

QQ音乐前端团队

2021-03-05

1.9K0

Flutter 异常处理方案——灰度与降级

flutter ios android dart 编程算法

1. Flutter 异常概述关于 Flutter 异常类型与捕获的文章网上已经有许多了，本文不再详细赘述，此处仅做个小结以保证文章的完整性。 Flutter 异常具体可分为以下几类： Dart 异常同步异常异步异常 App 异常 Framework 异常 Engine 异常所谓 Dart 异常，根据来源又可以细分为 App 异常和 Framework 异常，而 App 异常指的是。根据异常代码的执行时序，App 异常可以分为两类，即同步异常和异步异常：同步异常可以通过 try-catch 机制

QQ音乐前端团队

2021-02-26

2.4K0

Vue 3.0 源码分析-数据侦测

vue.js api android 网络安全 react

2020年前端大事件之一，Vue 3.0终于正式发布了。作为一个大的版本更新，Vue 3 与 Vue 2相比，实现原理，使用方式等均有着不小的改动。本文主要会介绍讲述二块内容，分别是Vue 3.0 的简要介绍，Vue 3.0 数据侦测源码分析。小伙伴们可以根据自己的需求，查看对应的内容，也欢迎各位一起探讨，一起学习。 Vue 3.0 简要介绍 Vue 3 的 “前世今生” 2016年，Vue 2.0 正式发布，时至今日，已经过去了四年的时光。诚然，在这四年中，Vue 2的社区建设一直呈现出一副蓬勃向上的态

QQ音乐前端团队

2021-01-11

6880

代码重构之道

android https 网络安全编程算法

导语最近看到有同学提问：“代码重构有意义吗？”，“关于代码重构有什么好的方法论吗？”，个人对代码重构非常感兴趣，在13年就开发接触代码重构的概念，学习相关理论方法，一直在坚持实践，现在基本已养成一种习惯了，所以周末系统梳理了重构原理、相关概念和操作技巧，抛砖引玉，跟大家分享交流。什么是重构？ Refactoring是对软件内部结构的一种调整，目的是在不改变外部行为的前提下，提高其可理解性，降低其修改成本。为什么重构？ 1.改进软件的设计《重构》里有一段话非常有启发性：“一开始我所做的重构都像这样停

QQ音乐前端团队

2020-07-21

1K0

彻底弄懂浏览器缓存策略

缓存网站 http https 网络安全

浏览器缓存策略对于前端开发同学来说不陌生，大家都有一定的了解，但如果没有系统的归纳总结，可能三言两语很难说明白，甚至说错，尤其在面试过程中感触颇深，很多候选人对这类基础知识竟然都是一知半解，说出几个概念就没了，所以重新归纳总结一下，温故而知新

QQ音乐前端团队

2020-07-14

2.4K0

Flutter 混合开发框架模式探索

flutter android 容器 dart

由于 Google 官方提供的 Flutter 混合式开发方案过于简单，仅支持打开一个 Flutter View 的能力，而不支持路由间传参、统一的生命周期、路由栈管理等业务开发中必要的能力，因此我们需要借助第三方混合开发框架（如 Flutter Boost、Thrio、QFlutter 等）的整合能力才能将 Flutter 混合开发模式投入与生产环境。本文中，我们来研究一下这类混合开发框架的职能、架构与源码。 1. 核心职能与框架目标一个合格的混合开发框架至少需要支持到以下能力：混合路由栈的管理

QQ音乐前端团队

2020-05-07

2.2K0

Flutter Boost 接入实践（iOS 篇）

flutter 编程算法 cocoa ios

我们给 Android 接入 Flutter Boost 之后，现在我们来看看如何给 iOS 工程（OC）接入 Flutter Boost。

QQ音乐前端团队

2020-04-22

2.8K0

Flutter Boost 混合开发实践与源码解析（ Android ）

flutter android 容器 dart

1. 简介 Flutter Boost 是闲鱼团队开发的一个 Flutter 混合开发框架，项目背景可以看看闲鱼的这篇文章：码上用它开始Flutter混合开发——FlutterBoost。文章中主要讲述了多引擎存在一些实际问题，所以闲鱼目前采用的混合方案是共享同一个引擎的方案。而 Flutter Boost 的 Feature 如下：可复用通用型混合方案支持更加复杂的混合模式，比如支持主页Tab这种情况无侵入性方案：不再依赖修改Flutter的方案支持通用页面生命周期统一明确的设计概念 Flu

QQ音乐前端团队

2020-04-07

2.2K0

React Hooks 源码解析（4）：useEffect

react javascript

React 源码版本: v16.11.0 源码注释笔记：airingursb/react 1. useEffect 简介 1.1 为什么要有 useEffect 我们在前文中说到 React Hooks 使得 Functional Component 拥有 Class Component 的特性，其主要动机包括：在组件之间复用状态逻辑很难复杂组件变得难以理解难以理解的 class 对于第二点，首先，针对 Class Component 来说，我们写 React 应用时经常要在组件的各种生命周期中编

QQ音乐前端团队

2019-12-24

2.2K0

点击加载更多

社区活动

RAG七天入门训练营

鹅厂大牛手把手带你上手实战

Python精品学习库

代码在线跑，知识轻松学

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

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

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

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