5 天前 / reesunhuang
全文建立在 MySQL 的存储引擎为 InnoDB 的基础上 先看一条 SQL 如何入库的： 这是一条很简单的更新 SQL，从 MySQL 服务端接收到 SQL 到落盘，先后经过了 MySQL Server 层和 InnoDB 存储引擎。 Server 层就像一个产品经理，分析客户的需求，并给出实现需求的方案。 InnoDB 就像一个基层程序员，实现产品经理给出的具体方案。 在 MySQL”分析需求，实现方案“的过程中，还夹杂着内存操作和磁盘操作，以及记录各种日志。 他们到底有什么用处？他们之间到底怎么配合的？MySQL 又为什么要分层呢？InnoDB 里面的那一块 Buffer Pool 又是什么？ 我们慢慢分析。
17 天前 / 冷星1024
前言一个合理的动画是良好用户体验中必不可少的一部分。我们平常是怎样写动画的？CSS 中的 animation 和 transition，还有 requestAnimationFrame？相信大家写动画的时候心里也是在万马奔腾。今天我们从一个另辟蹊径的角度来探索一个动画实现。 示例请看下面的示例： 这是一个可添加的数字的随机乱序列表。首先想一想，我们第一直觉可能会这样做：将这些数字的 DOM 节点用绝对定位来布局，数字变化后计算 top、left 的值，再配合 transition 实现该动画。
119 天前 / 冷星1024
关注公众号前端开发博客，领 27 本电子书 回复加群，自助秒进前端群 1. 前言以前在看微信视频号直播的时候，经常点击右下角的点赞按钮。看着它的数字慢慢从一位数变成五位数，还是挺有氛围感的。特别是长按的时候，有个手机震动的反馈，很带感。 虽然之前很好奇这些飘动的点赞动效是怎么实现的，但没有特别去钻研。直到前阵子投入腾讯课堂 H5 直播间的需求，需要自己去实现一个这样的效果时，才开始摸索。 先看看最后的效果： 相比视频号的点赞动效，轨迹复杂了很多。
151 天前 / 冷星1024
图片来源：https://colachan.com/post/3444 本文作者：Bermudarat[1] 前言在越来越多的业务中，前端页面除了展示数据和提供用户操作的 UI，也需要带给用户更丰富的交互体验。动画作为承载，已经成为日常前端开发，尤其是 C 端开发的必选项。设备硬件性能的提升、浏览器内核的升级也给在页面端实现流畅动画提供了可能。目前，常规设备的刷新频率通常是 60HZ，也就是说，如果要让用户感受不到明显卡顿，浏览器的渲染流水线需要每秒输出 60 张图片（60 FPS）。接下来，文章会从基础的渲染树出发，介绍浏览器渲染流水线，以及常用的优化动画性能的方法。
162 天前 / 虞大胆
PAG (Portable Animated Graphics) 是一套完整的动画工作流。它提供从 AE 导出插件，到桌面预览工具，再到各端的跨平台渲染 SDK，助力于将 AE 动画方便快捷的应用于各平台终端。PAG 目前是公司 AVGenerator OTeam 开源协同小组的核心组件之一，广泛应用于公司内外 40 余款主流 APP 或业务，涵盖 UI 动画、视频编辑、特效模板、服务端特效渲染等多个场景，于 2022 年 1 月开源至 GitHub。 PAG（Portable Animated Graphics）是腾讯自主研发的一套完整的动画工作流解决方案，助力于将 AE 动画方便快捷的应用于各平台终端。
189 天前 / 王键创生
阅读原文，体验更佳！ 周刊收集包括前端（但不限于前端）的文章、新闻、开源项目、工具等等，每周一更新。 发布 Taro 3.5 canary 发布：支持适配 鸿蒙 https://mp.weixin.qq.com/s/Hud405mLileIEzHX3Z-ueQ Next.js 强劲对手来了！ Remix 正式宣布开源 https://juejin.cn/post/7035952921208422436 文章为什么 Web3 与区块链有关互联网迄今有两个阶段：Web 1.0 和 Web 2.0。 下一个阶段自然就是 Web 3.0（简称 Web3）。本文谈谈我对 Web3 的一些初步理解，它到底是什么。
206 天前 / 公众号-Android开发编程
前言 动画的使用是 Android 开发中常用的知识 可是动画的种类繁多、使用复杂，每当需要采用自定义动画 实现 复杂的动画效果时，很多开发者就显得束手无策； 今天我们就来从源码中分析属性动画原理 一、动画简单应用 ValueAnimator 属性动画的最核心的类，原理：控制值的变化，之后手动赋值给对象的属性，从而实现动画； 对于控制的值的不同，Android 提供给我们三种构造方法来实例 ValueAnimator 对象： ValueAnimator.ofInt(int... values) -- 整型数值 ValueAnimator.ofFloat(float... values) -- 浮点型数值 ValueAnimator.ofObject(TypeEvaluator eval...
233 天前 / 冷星1024
动画在前端领域中的作用是提升用户体验、吸引用户注意力。在互联网行业中，它也是一个永久的热点话题。一般在电商平台或者娱乐类项目（快手、拼多多、淘宝、腾讯视频、抖音等）中会出现很多的动画场景。 那么通过本文，大家可以提高哪些方面的认知呢？ 前端人员实现动画的技术有哪些？每种动画的实现技术有什么特点，适合什么样的场景？拿到需求稿或者动画 demo 的时候，如何选择最合适的技术栈？（选择合适的技术栈在任何时候都是对程序员非常重要的一个考验）制作一系列的动画，各岗位的人该如何配合...
248 天前 / 公众号-Android开发编程
前言 所谓转场动画，通俗的讲就是一个 Activity 跳转到另一个 Activity 是的动画； Activity 的转场动画很早就有了，5.0 之前用的是 overridePendingTransition（）这个方法。在 5.0 之后，Google 使用 Material Design 设计风格，进而有了的新的转场转场动画的诞生，效果还是挺炫酷的； 今天我们就来讲解下； 一、转场动画兼容性 1、API21 之前 Activity 过渡动画使用 API21 之前 Activity 过渡动画通过两种方式来实现：style 主题里面统一设置、使用代码 overridePendingTransition 函数单独设置； style 文件主题里面统一定义...
402 天前 / Android开发编程
App 启动先进入一个闪屏页 (LaunchActivity)来展示应用信息， 当我们点击桌面图标启动 APP 时，有时会闪一下黑色背景，时间还比较长， 那我们该怎么办呢？怎么优化这个启动页呢？就有了今天这篇文章 一、APP 的启动方式：一般来说，APP 的启动方式主要分为两种：冷启动和热启动。 冷启动：启动应用时，后台没有该应用的进程，系统会重新创建一个新的进程分配给该应用，即冷启动； 热启动：启动应用时，后台已有该应用的进程（例如：点击 Back 键或 Home 键退出，此时应用的进程依然在后台存活），这时会在已有的进程中启动该应用...
654 天前 / 开发者头条
大家好，我是周刊菌。「码农周刊 VIP 会员」推出 21 周啦！感谢亲们的大力支持！第 021 期「码农周刊 VIP 会员专属邮件周报」已发送完毕，请注意查收。告诉大家一个好消息：已有数位上市公司 CTO 低调订阅了我们的「码农周刊 VIP 会员专属邮件周报」，感谢肯定！ 以下内容选自「码农周刊 VIP 会员」圈子，每日更新，精彩不断。 「码农周刊 VIP 会员」是什么？简介版码农周刊 VIP 会员 = 全年 52 期「VIP 会员专属邮件周报」 + 只限 VIP 会员加入的交流圈子 + 大厂「内推机会」 + N 多福利 详细版 点击「阅读原文」即可查看详细介绍 加入「码农周刊 VIP 会员...
716 天前 / semlinker
本文阿宝哥将给大家介绍十个 「“惊人"」 的文字动画效果，希望阿宝哥精心录制的十个 Gif 动画能让大家感到 「”惊艳“」，当然更希望这些特效能给大家实现文字动画效果时带来一些 「”灵感“」。 文字破碎动画示例说明：该示例会基于页面的设置的文字，产生文字破碎动画。 示例来源：Arsen Zbidniakov 在线地址：https://codepen.io/ARS/pen/pjypwd 「静态效果图」 「Gif 动态效果图」 文字彩虹效果示例说明：该示例会基于页面中的文字，产生文字效果。
724 天前 / semlinker
本文阿宝哥将给大家介绍十个 「“酷炫屌"」 的图像悬停效果，希望阿宝哥精心录制的十个 Gif 动画能让大家眼前一亮，当然更希望这些特效能给大家设计图片悬停效果带来一些 「”灵感“」。 感知方向的悬停效果示例说明：该示例会根据鼠标移入的方向展示不同的动画效果。 示例来源：Noel Delgado 在线地址：https://codepen.io/noeldelgado/pen/pGwFx 「静态效果图」 「Gif 动态效果图」 叠加运动悬停效应示例说明：当鼠标悬停在图片上时，会产生 3D 的堆叠运动效果。
856 天前 / 噶牛爱尚
哈哈将 个推安卓高级开发工程师 前言 APP 开发市场已经告别“野蛮生长”时代，人们不再满足于 APP 外形创新，而将目光转向全方面的用户体验上。在这过程中，动效化作为移动互联网产品的新趋势，如何实现酷炫丝滑的动画效果已然成为开发者们的新课题。实现方式其实很简单。本文将为你剖析理论基础以及具体应用。看完这篇文章，你的 App 也可以达到酷炫吊炸天的动画效果。 先看两个例子： 1. 手机 QQ 未读消息红点拖拽效果。 2. 小说阅读 APP 的翻页效果。 简介 在开始实战之前，我们还是先了解下理论基础。动画的终极武器就是贝塞尔曲线了。
926 天前 / 飞雪无情
最近遇到一种二维码，这种二维码是个动画，动画中的每个二维码都不同，不停的变，但是用微信扫描的时候还都可以用。这种二维码可以很好的吸引注意、可以节省图片空间（只需要发一个就好）。下面是我用自己的公众号做的二维码动画，不管你怎么扫描打开的都是我的公众号，但是不同的是会区分来源的渠道不同。 二维码动画 ——1—— 我们都知道gif动画是由一张张图片，按照一定的顺序排列，并且安排一定的速度切换形成的动画。那么要想做一个公众号的二维码动画，首先我们得有很多种公众号的二维码。