前端开发 Html/Css
刷新
视觉差缓动效果的轮播--React版

博主头像 React实现视觉差效果缓动轮播 效果如下（图片帧率低看起来有点卡顿，看个大概就行）： 分享一下思路： 1.正常引入一个轮播组件（站在巨人肩膀省时省力），去除指示点、引导箭头等不需要的元素，有些组件支持配置，不支持就手动覆盖CSS样式了 2.找到组件中用于显示展示当前图片的类名 3.添加transf ...

记录--居中为什么要使用 transform？

博主头像 这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 引言 居中是我们在前端布局中经常会遇到的问题，其中包括水平居中和垂直居中。居中的方法很多，比如说水平居中可以使用text-align: center或者margin: 0 auto等等来实现，垂直居中则需要使用一些其它的特殊的技巧。比如说 ...

一个古诗文起名工具

博主头像 古诗文起名 大家好，我是 Java陈序员，我们常常会为了给孩子取名而烦恼，取名不仅要好听而且要规避大众化。其实，我们中华文化博大精深，可以借鉴先辈文人们留下的经典诗词中的文字来起名。今天，给大家介绍一个古诗文起名的工具。 这个工具支持从《诗经》、《楚辞》、《唐诗》、《宋词》、《乐府诗集》、《古诗三百 ...

CSS选择器大全

博主头像 CSS选择器是一种用于选择HTML或XML文档中特定元素的模式。允许你根据元素的标签名、类名、ID、属性等来选择元素，并将样式应用于这些选中的元素 基本选择器 通配配选择器 通配选择器:可以选中所有的HTML元素 通配选择器使用 符号 *,命中页面所有的元素 语法 * { 属性名:属性值; } 通配 ...

最新demo版｜如何0-1开发支付宝小程序之前期准备篇（一）

博主头像 小程序作为目前一种轻量、便捷的应用、目前应用越来越广泛了。 很多没有开发经验的开发同学可能初次接触就是小程序开发，为了详细讲解下小程序开发的步骤，我会按照小程序的开发流程一步一步从零开始给大家介绍下如何开发支付宝小程序，后续教程中会更新最新版 demo 给到大家。 ...

全栈工程师必须要掌握的前端Html技能

博主头像 作为一名全栈工程师，在日常的工作中，可能更侧重于后端开发，如：C#，Java，SQL ，Python等，对前端的知识则不太精通。在一些比较完善的公司或者项目中，一般会搭配前端工程师，UI工程师等，来弥补后端开发的一些前端经验技能上的不足。但并非所有的项目都会有专职前端工程师，在一些小型项目或者初创公... ...

数栈产品中的代码编译器

博主头像 我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。 本文作者：奇铭 前言 目前数栈的多个产品中都支持在线编辑 SQL 来生成对应的任务。比如离线开发产品和实时开发产品。在使用 MonacoEditor 为编辑器的基础上， ...

CSS 也能实现 if 判断？实现动态高度下的不同样式展现

博主头像 最近在群里，有个小伙伴问了这么一道很有趣的问题： CSS 能否实现，容器再某个高度下是某种表现，一旦超出某个高度，则额外展示另外一些内容 为了简化实际效果，我们看这么一张示意效果图： 可以看到，当容器高度没有超过某一个值时，没有箭头图标。反之，箭头图标出现。 这个效果在很多场景都会出现，可以算是一个 ...

CSS基础：你必须要知道的行高属性 line-height

博主头像 作者:WangMin 格言:努力做好自己喜欢的每一件事 对于初学CSS的同学来说，会有很多属性相关的疑问，行高属性 line-height一定是其中一个，因为它是CSS中非常重要的一个属性，这个属性改变元素在网页中的行高，让你的网页看起来更加整洁，美观。 什么是行高？ CSS中的行高（line-he ...

记录--一个纯样式花里胡哨的动态渐变背景块

博主头像 这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 代码片段 闲来无事写了个有意思的东西，鼠标放在小方块上会放大并挤压周围方块，背景颜色会动态改变。这里没有用一行 js 代码，纯样式（Sass）实现。 <template> <div class="container"> <div clas ...

CSS选择器

元素选择器 /* 使用元素选择器为所有段落元素应用样式 */ p { color: blue; font-size: 16px; text-align: center; margin: 10px; padding: 5px; background-color: #f0f0f0; } 类选择器 /* ...

CSS必学：元素之间的空白与行内块的幽灵空白问题

博主头像 作者:WangMin 格言:努力做好自己喜欢的每一件事 CSDN原创文章 博客地址 WangMin 我们在开发的过程中，难免会出现一些难以预料的问题。那么其中，CSS空白现象就是非常常见的问题之一。虽然它已经被发现很久，但仍然有许多新手和经验丰富的开发者们忽略了它对页面布局的影响。我们一起来看 ...

记录--20行js就能实现逐字显示效果？？？-打字机效果

博主头像 这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 效果演示 横版 竖版 思路分析 可以看到文字是一段一段的并且独占一行，使用段落标签p表示一行 一段文字内，字是一个一个显示的，所以这里每一个字都用一个span标签装起来 每一个字都是从透明到不透明的过渡效果，使用css3的过渡属性tran ...

Molecule 在构建工具中的选择

博主头像 我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。 本文作者：修能 朝闻道，夕死可矣 何为 Molecule？ 轻量级的 Web IDE UI 框架——Molecule 我们开源了一个轻量的 Web IDE UI 框架 ...

【动画进阶】单标签下多色块随机文字随机颜色动画

博主头像 我的小册 《CSS 技术揭秘与实战通关》上线了，想了解更多有趣、进阶、系统化的 CSS 内容，可以猛击 - LINK。 在 CSS 还原拉斯维加斯球数字动画 - 掘金 一文中，我们利用纯 CSS，实现了一个非常 Amazing 的动画效果： 其中一个核心点就是，我们利用了如下的代码，在一个 DIV ...

HTML5前端标签练习

博主头像 前端标签 标签的分类 1. 单标签 img br hr <img /> 2. 双标签 a h p div <a></a> 3. 按照标签属性分类 1. 块儿标签 # 自己独自占一行 h1-h6 p div 2. 行内(内联)标签 # 自身文本有多大就占多大 a span u i b s div标签和 ...

记录--仿加入购物车飞入动画效果

博主头像 这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 近期对管理后台相关功能进行优化，其中导出功能涉及到查询数据过多导致查询很慢问题，决定采用点击后加入到下载中心方式，既解决了接口慢等待问题，也方便后期各种文件的重复下载，一举多得~ 功能上很好实现，调接口就可以了，主要涉及到一个小球飞入效果 ...

CSS色域、色彩空间、CSS Color 4新标准

博主头像 引言 近期，三大主流浏览器引擎均发布最新版本，支持W3C的CSS Color 4标准，包含新的取色方法color()和相应语法，可展示更多的色域及色彩空间，这意味着web端能展示更丰富更高清的色彩。虽然目前只有最新版本的现代浏览器才支持，我们可以先提前了解一下这项新标准。 本文首先会先简单介绍几个色 ...

关于 React 性能优化和数栈产品中的实践

博主头像 我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。 本文作者：的卢 引入 在日常开发过程中，我们会使用很多性能优化的 API，比如像使用 memo、useMemo优化组件或者值，再比如使用 shouldComponent ...

<1···567···17>