本文为翻译 原文地址：2023 State of Web Components: Today's standards and a glimpse into the future. 最近，我写了关于如何构建你的第一个 Web Component，以及基本 v1 Web Component 规范...

? 在本篇文章中将介绍如何通过使用HTML、CSS和JavaScript创建大把awesome像素图像动画效果。这个动画效果会动态的逐渐显示一个由多个很多像素图像组成的图片，并对像素图像应用关键帧动画效果还...

美味值：????? 口味：葡茉美式 食堂技术周刊仓库地址：https://github.com/Geekhyt/weekly 大家好，我是童欧巴。欢迎来到前端食堂技术周刊，我们先来看下上周的技术资讯。 技术资讯 React 文档...

计算机网络中的OSI七层模型 计算机网络中的OSI（Open Systems Interconnection）七层模型是一种理论框架，用于描述计算机网络中数据通信的过程。OSI模型将计算机网络通信过程划分为七个层次，每...

配音圈配音的模块化 ES6的Class 类 在传统的js语法当中，如果我们想创建一个实例对象的时候一般会先定义一个构造函数，然后通过new运算符来创建一个实例对象，例如: function Person(name,age){...

前面 在现代网页设计中，网页的设计和交互扮演着至关重要的角色，当涉及到网页设计和用户交互时，创新和动感是吸引和保持用户注意力的关键，动画效果是吸引用户眼球和提升用户体验的关键元素之...

上文回顾-让小伙伴挠头的按钮微交互特效（上） 上文中我们已经帮小伙伴解决了一部分挠头的交互效果，接下来进行上次预告的部分。 形状变化微交互 形状变化微交互是一种通过改变按钮的形状来增强...

1 HTML5新特性 1.1 概述 HTML5 的新增特性主要是针对于以前的不足，增加了一些新的标签、新的表单和新的表单属性等。 这些新特性都有兼容性问题，基本是 IE9+ 以上版本的浏览器才支持，如果不考...

在物理世界中，有些东西在我们拨动或按下时会发出咔哒声，比如电灯开关。有些东西会亮起或发出蜂鸣声，比如自动取款机上的按钮。这些反应都是“微交互”，它们让我们知道我们成功地完成了某个操...

HTML5CSS3基础 1 2D 转换 转换（transform）是 CSS3 中具有颠覆性的特征之一，可以实现元素的位移、旋转、缩放等效果。 移动：translate 旋转：rotate 缩放：scale 1.1 二维坐标系 1.2 2D 转换...

背景 我们用手机的摄像头自拍，很容易实现 简单的自拍效果，如复古、黑白等等。其实我们使用web端的JavaScript也是可以实现的。接下来就带领小伙伴实现一个魔法摄像头。并且提供了截图下载功能...

HTML配置 文件应以“”首行顶格开始，推荐使用“”。 必须申明文档的编码charset，并且使用UTF-8编码。 移动端必须使用 viewport 适配 页面title是极为重要的不可缺少的一项。 以下是一个标准的...

欢迎关注我的公众号：前端侦探 之前在项目中做了一个图片对比的工具，演示如下 有一些有趣的小细节，一起看看如何实现的吧 一、布局 布局比较简单，两张图片上下重叠在一起就行了 <div class...

前面 在现代网页设计中，个人主页是一个展示个人信息、技能、事件等的重要载体。为了吸引访客的注意力并提供良好的用户体验，设计师通常会运用各种技巧和效果来增加页面的吸引力。本文将介绍如...

Algolia 是一个数据库实时搜索服务，能够提供毫秒级的数据库搜索服务，并且其服务能以 API 的形式方便地布局到网页、客户端、APP 等多种场景。 效果预览 欢迎访问我的博客：白雾茫茫丶 准备工作...

第一次渲染时都发生了什么 浏览器在渲染一个页面时都发生了什么，在这个过程中资源的加载会对页面造成什么影响呢? 页面初次渲染的最小渲染路径 浏览器从加载到渲染一个页面需要经过的最小的渲染...

一、前言： 提起长连接，我们并不陌生，最常见的长连接非websocket莫属了。即使没有在项目中实际用过，至少也应该有所接触。长连接指在一次网络通信中，客户端与服务器之间建立一条持久的连接，...