上周末，去参加了北京思否 hackathon，两天时间内从脑暴 & 挖掘软件 IDEA -> Demo 研发路演，这次经历让我难忘。这里我的看法是每个开发者圈友，都应该去参加一次 hackathon ~

双线程架构在这之前，我们先来思考一个问题，小程序在架构上为什么会选择双线程？为什么是双线程？加载及渲染性能小程序的设计之初就是要求快速，这里的快指的是加载以及渲染。目前主流的渲染方式有以下3种：Web技术渲染Native技术渲染Hybrid技术渲染（同时使用了web...

在过往，我们想要实现一个图片的渐隐消失。最常见的莫过于整体透明度的变化，像是这样： {代码...} {代码...} 但是，CSS 的功能如此强大的今天。我们可以利用 CSS 实现的渐隐效果已经不再是如此的简单。想想看，下面这样一个效果，是 CSS 能够实现的么？答案是肯定的...

提及噪点效果，首先想到的就是以前的旧电视机信号不稳定时或者画面不稳定时的效果。如果你没有看过那种旧电视，可以看下面的gif动图，真实的情况噪点的变化速度会快很多，这里为了gif的大小，截取的时间较短供参考。

迎冬奥，一起向未来！2022冬奥会马上就要开始了，本文使用 Three.js + React 技术栈，实现冬日和奥运元素，制作了一个充满趣味和纪念意义的冬奥主题 3D 页面。本文涉及到的知识点主要包括：TorusGeometry 圆环面、MeshLambertMaterial 非光泽表面材质、MeshDepthMate...

又到了年底，回顾一下整个2021年的前端历程，总体来说前端趋向到了一个比较稳定的发展阶段，虽然仍然有许多层出不穷的库及轮子，但整体来看其实今年最突出的前端发展其实可以概括为以下几个关键词，即：工程基建、低代码、多语言、云+边+端。从不同大厂对整个前端的...

大家好，我是零一。最近在社区看到一个让人惊讶的消息，近20k Star的构建工具库 Snowpack的作者 Fred K.Schott （文中简称Fred）表示已经没有精力去维护snowpack了，其使用量和下载量都开始呈现下降的趋势。Fred也借此回顾了Snowpack的一生，反思、总结，并且借助这...

好了,废话不多说,今天给大家带来是一个非常有意思的项目,通过切割目标图片,获得10000个方块,用我们所选择到的图片,对应的填充方块实现一个千图成像的效果.你可以用它来拼任何你想拼的有意义的大图.(比如我,就想用它把我和对象恋爱到结婚拍的所有照片用来做一个超级超...

1.Expanding Cards效果如图所示:源码在线示例[ ] 知识点总结:CSS:弹性盒子布局中的flex属性:让所有弹性盒模型对象的子元素都有相同的长度，且忽略它们内部的内容。JavaScript:利用[].filter.call()方法可快速实现简单的选项卡切换。如上述示例源码: {代码...} 2.Prog...

偏中后台管理系统或者集成平台的应用入口，经常需要在应用入口进行个性化的展示。从用户角度来看，支持个性化的定制，可以有效提升用户的幸福感，提升使用或工作效率；从产品提供商来看，提供个性化定制服务的能力，也是提升产品力的一种方式。

本文并不会从头开始介绍 Web Worker 的基础知识和基本 API 的使用等（只是部分有涉及），若还未了解过 Web Worker，可参考查阅 W3C 标准 Workers 文档 中的相关介绍。

想写一篇关于 SVG 滤镜的文章已久，SVG 滤镜的存在，让本来就非常强大的 CSS 如虎添翼。让仅仅使用 CSS/HTML/SVG 创作的效果更上一层楼。题图为袁川老师使用 SVG 滤镜实现的云彩效果 -- CodePen Demo -- Cloud (SVG filter + CSS)。

React Fiber 是Facebook花费两年余时间对 React 做出的一个重大改变与优化，是对 React 核心算法的一次重新实现。从Facebook在 React Conf 2017会议上确认，React Fiber 会在React 16 版本发布至今，也已过去三年有余，如今，React 17 业已发布，社区关于Fiber的优秀...

今天逛博客网站 -- shoptalkshow，看到这样一个界面，非常有意思：觉得它的风格很独特，尤其是其中一些边框。嘿嘿，所以来一篇边框特辑，看看运用 CSS，可以在边框上整些什么花样。border 属性谈到边框，首先会想到 border，我们最常用的莫过于 solid，dashed，上图...

又到了年底，想简单谈谈这一年前端的发展，以及21年可能会出现的一些趋势。毋庸置疑，2020年确实是不平凡的一年，对前端来说，私以为可以用“大前端持续深耕，泛前端兼容并包”这十四个字来形容。这里需要明确一下我对“大前端”以及“泛前端”这两个概念的理解：首先大前...

在数字经济时代，数据正在成为企业极其重要的战略性资产。在政府方面，数据第一次作为新型生产要素，列为比肩土地、劳动力、资本、技术的“第五要素”。随着数据增多，越来越难弄清楚这些数据背后的具体含义，从而引发一些下列问题：

大家好，我是你们的 超级猫，一个不喜欢吃鱼、又不喜欢喵 的超级猫 ~如果 CSS 是女孩子，肯定如上图那样吧 🤩 ~简介一般人没事的时候刷刷朋友圈、微博、电视剧、知乎，而有些人是没事的时候刷刷 GitHub ，看看最近有哪些流行的项目。久而久之，这差距就越来越大，因此...

会场是每年双十一的主角之一，会场的用户体验自然也是每年最关注的点。在日趋复杂的业务需求下，如何保障我们的用户体验不劣化甚至能更优化是永恒的命题。

下面我们来一起学习一下 HTTPS ，首先问你一个问题，为什么有了 HTTP 之后，还需要有 HTTPS ？我突然有个想法，为什么我们面试的时候需要回答标准答案呢？为什么我们不说出我们自己的想法和见解，却要记住一些所谓的标准回答呢？技术还有正确与否吗？

故障艺术它模拟了画面信号出现故障导致成像错误的感觉。青色色块与红色色块无法重合就是这种故障的体现。从胶片时代开始到今天的数码时代，这种故障一直是观众非常熟悉的现象。即使抖音的 LOGO 只是静态的，大脑也会自己补完整个效果，甚至还会自己脑补信号干扰的噪音。