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

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

各类技术文章~

专栏作者

789

文章

1035551

阅读量

37

订阅数

「走马灯」动画效果实战

我们先来弄清楚我们要实现的是怎样的动画效果，是走马灯吗？是弹幕吗？看着像瀑布流？我们暂且叫"走马灯"吧，接下来拆解一下要点：

玖柒的小窝

2021-12-11

7700

手撸移动端轮播图（内含源码）

移动端轮播图与PC段轮播图，在技术选择上是有区别的，因为移动端的浏览器版本非常好，对于H5和CSS3的支持非常完美，所以很多效果可以CSS3的方式实现，比如可以使用 Transorm 属性替代原来的动画函数

玖柒的小窝

2021-12-10

1.2K0

Gulp 自动化构建案例

gulp sass 打包 javascript css

我们要通过一个实际案例，去实现一个自动化的网页构建的自动化工作流构建用demo：gitee.com/liuyinghao1…

玖柒的小窝

2021-12-08

1.3K0

浏览器和Node.js的EventLoop事件循环机制知多少？

http css 渲染 api 编程算法

无论是浏览器端还是服务端Node.js，都在使用EventLoop事件循环机制，都是基于Javascript语言的单线程和非阻塞IO的特点。在EventLoop事件队列中有宏任务和微任务队列，分析宏任务和微任务的运行机制，有助于我们理解代码在浏览器中的执行逻辑。

玖柒的小窝

2021-12-08

1.4K0

原生JS实现组件式开发

html vue.js css

自定义标签通过扩展一个HTMLElement或HTMLElement的子类来定义一个新的html标签，是通过原生js实现的组件化。

玖柒的小窝

2021-12-07

3.5K0

来聊聊 Jetpack Compose 动画，一篇搞定（上篇）

// ContentTransform 的作用是会记录视图的进入/退出动画 infix fun EnterTransition.with(exit: ExitTransition) = ContentTransform(this, exit) 复制代码

玖柒的小窝

2021-12-06

9040

来聊聊 Jetpack Compose 动画，一篇搞定（下篇）

引言在上篇我们详细介绍了 Compose 封装的各种高级别的 API，让我们知道能用极少的代码来写出自己想要的动画效果，并且体会到了声明式编程的魅力。本篇会进一步深入了解 Compose 的动画使用，了解一些更底层的 API。一、动画的底层 API 调用我们建议结合协程来管理你的自定义动画（Coroutine-based Animations） Jetpack Compose 的动画，最终都离不开 Animation<T, V : AnimationVector> 这个接口，我们可以看下这张

玖柒的小窝

2021-12-06

5860

使用 CSS 轻松实现一些高频出现的奇形怪状按钮

在群里会有同学问相关的问题，怎么样使用 CSS 实现一个内切角按钮呢、怎么样实现一个带箭头的按钮呢？

玖柒的小窝

2021-12-03

1K0

总结一下CSS中变量的应用场景

编程算法 css

从写下第一篇关于CSS变量的文章《CSS中的变量》，我就爱上了使用这个小东西（呆在一家不需要考虑浏览器兼容性的公司真舒服啊），后来，我又去学习CSS的进阶知识，学会了如何给一个CSS变量，定义属性和默认值-《带有类型和默认值的CSS变量》。在项目中，我已经开始CSS变量，当然使用SCSS/LESS的项目除外。在日常的使用中，我总结了几个使用CSS变量的极佳场景，本文记录总结一下。

玖柒的小窝

2021-12-03

4110

啥？你的 Tap bar 不够花里胡哨，试试这个！

编程算法 css html

在HTML代码中，"bar" 类是点击栏的容器，"bar-item"类是触发动画的按钮。现在接着码 CSS。

玖柒的小窝

2021-12-03

1400

js打包时间缩短90%，bundleless生产环境实践总结

编程算法 npm es typescript css

最近尝试将bundleless的构建结果直接用到了线上生产环境，因为bundleless只会编译代码，不会打包，因此构建速度极快，同比bundle模式时间缩短了90%以上。得益于大部分浏览器都已经支持了http2和浏览器的es module,对于我们没有强兼容场景的中后台系统，将bundleless构建结果应用于线上是有可能的。本文主要介绍一下，本人在使用bundleless构建工具实践中遇到的问题。

玖柒的小窝

2021-11-28

8060

backface-visibility在翻转特效的妙用

css 开源容器

这应该是第6篇关于我开发个人博客的文章了。这次主要谈一谈我在做开源项目展示遇到的问题。个人博客除了博文，我觉得开源项目也应该被展示出来。类似github，这样的界面。

玖柒的小窝

2021-11-21

9010

你写过的所有代码都逃不过这两方面：API 和抽象

node.js css 网站 api mvc

作为前端，你可能开发过 Electron 桌面应用、小程序、浏览器上的 web 应用、基于 React Native 等跨端引擎的 app，基于 Node.js 的工具或者服务等各种应用，这些都是 JS 的不同的 runtime，开发也都是基于前端那套技术。

玖柒的小窝

2021-11-21

2520

Three.js实现脸书元宇宙3D动态Logo

javascript css html 图像处理 bash

📷 Three.js实现脸书元宇宙3D动态Logo 背景 Facebook 近期将其母公司改名为 Meta，宣布正式开始进军元宇宙 🪐领域。本文主要讲述通过 Three.js + Blender 技术栈，实现 Meta 公司炫酷的 3D 动态 Logo，内容包括基础模型圆环、环面扭结、管道及模型生成、模型加载、添加动画、添加点击事件、更换材质等。什么是元宇宙元宇宙 Metaverse 一词源于 1992 年尼尔·斯蒂芬森的《雪崩》，该书描述了一个平行于现实世界的虚拟世界 Metaverse，所有现实

玖柒的小窝

2021-11-21

2.5K0

CSS 3D世界，纯CSS如何绘制三棱锥

css 图像处理

三棱锥，大家看图，应该能看到它共有4个面，分别是3个侧面，1个底面。我们将其细分为，前面、左面、右面和底面。用html表示如下：

玖柒的小窝

2021-11-16

8900

从零开始摸索VUE，配合Golang搭建导航网站（十六.CSS动画初探）

上篇完善了一下一些CSS的问题。今天想锦上添花学习加点特效，很不幸最初想模仿的名叫馨客栈的网站倒闭了。网络域名过期了，只能根据最初的印象做了。等再找找其他的网站再继续模仿其他优秀的细节~

玖柒的小窝

2021-11-16

6120

来看看 px、em、rem的介绍和使用吧！

em 是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。(引自CSS2.0手册)

玖柒的小窝

2021-11-16

7000

[浏览器]浏览器是怎么渲染页面的？

html css javascript 渲染

前端这个岗位的出现最根本的原因是互联网的出现，浏览器是最早互联网的唯一入口。人们通过浏览器浏览各种不同网站的内容。这些内容来自服务器中，但浏览器从服务器拿到这些内容之后，应该怎么展示给用户，这就是前端的职责。所以，最早的时候前端工作者本质上做的是告诉浏览器怎么展示数据。

玖柒的小窝

2021-11-07

4920

unocss，（原子化css），项目初体验

原子化 CSS 是一种 CSS 的架构方式，它倾向于小巧且用途单一的 class，并且会以视觉效果进行命名。

玖柒的小窝

2021-11-06

6.2K0

你了解CSS吗？——rules汇总(上)

大家好，我是fire，上一篇汇总了At-rule的内容，这一篇我们汇总一下rules部分。rules也是我们平常开发中，写的最多的内容，比如：

玖柒的小窝

2021-11-06

7390

点击加载更多

社区活动

腾讯技术创作狂欢月

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

Python精品学习库

代码在线跑，知识轻松学

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

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

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

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