一.2023兔年大吉HTML,兔兔动态代码「兔了个兔」
1.1 资源获取和效果预览
1.效果预览:
2.如何打开:(电脑端,解压后双击index.html打开!)
二.代码讲解(主要代码)
需要完整源码请到文章开头处下载:
观察下面的构成图,主要分为俩个部分:
1.背景加圆圈圈。
2.兔兔和提示字。
1.1 背景加圆圈圈
这里我为了代码的简便性,直接使用了section标签。
section
Read More
moregeek program
那些炫酷的css文字效果之诗词《兔》-多极客编程
不知不觉已经迈入2023年,今年是兔年,想到兔子就会联想到玉兔,中秋,胡萝卜,兔子不吃窝边草,这就越扯越远了,今天的主题是用纯CSS来实现各种不错的文字效果,文字则摘录古诗词中有关《兔》相关的诗词,让我们一边欣赏古诗词的同时一边走进CSS的世界。
效果一
兔苑词才去不还,兰亭水石空明月。 —— 陈陶 《 将进酒 》
文字从清晰到模糊到彻底看不见,给人一种若隐若现的朦胧美,其核心代码就是在an
Read More
Read More
使用 vue3 + element plus + go 重构 ferry 工单系统-多极客编程
项目介绍2020 年 7 月 13 日,我第一次提交了 ferry 工单系统的代码,当时其实就是想将自己心中构思的工单系统实现出来。出乎意料的收到了大家关注,同时登上了 github 和 gitee 的榜单,让这个系统让更多的人知道了。由于之前架构设计的有些许潦草,所以部分地方其实拓展起来是有点乏力的。且技术大版本的更新换代,让我有了使用新技术重构下这个系统的想法。下面就来简单介绍下 ferry
Read More
Read More
css flex 布局的引入背景-多极客编程
Flexbox 布局(Flexible Box)模块(截至 2017 年 10 月的 W3C 候选推荐)旨在提供一种更有效的方式来布局、对齐和分配容器中 item 元素之间的空间,即使它们的大小未知和/或动态,这就是布局名称中 弹性 的由来。
flex 布局背后的主要思想是让容器能够改变其项目的宽度/高度(和顺序)以自适应地填充可用空间(主要是为了适应所有类型的显示设备和屏幕尺寸)。弹性容器扩展
Read More
Read More
#yyds干货盘点# react笔记之学习之空列表提示-多极客编程
前言我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷 微信公众号前端小歌谣 log.js/* 日志的容器 */import LogItem from "./LogItem/LogItem";import Card from "
Read More
Read More
hexo + butterfly 自定义页脚-多极客编程
原文链接 :Hexo + Butterfly 自定义页脚
推荐阅读
基于 Hexo 从零开始搭建个人博客(一): 环境准备
基于 Hexo 从零开始搭建个人博客(二): 项目初识
基于 Hexo 从零开始搭建个人博客(三): 主题安装
基于 Hexo 从零开始搭建个人博客(四): 基础配置
基于 Hexo 从零开始搭建个人博客(五): 详细配置
基于 Hexo 从零开始搭建个人博客(六):
Read More
Read More
初识jquery-多极客编程
什么是jQuery? jQuery是目前最流行的JavaScript程序库,它是对JavaScript对象和函数的封装;jQuery能做什么? 访问和操作DOM元素 控制页面元素 对页面事件进行处理 扩展新的jQuery插件 与Ajax技术完美结合jQuery的优势: 体积小,压缩后只有10kb左右 强大的选择器 出色的DOM封装 出色的游览器兼容性 使用隐式选带简化编程
Read More
Read More
#yyds干货盘点# react笔记之学习之添加弹框提示-多极客编程
前言我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷 微信公众号前端小歌谣 关注公众号带你进入前端学习交流群js部分 model.jsimport './ComfirmModal.css';import Card from "
Read More
Read More
#yyds干货盘点# react笔记之学习之空列表提示-多极客编程
前言我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷 微信公众号前端小歌谣 关注公众号带你进入前端学习交流群log.js/* 日志的容器 */import LogItem from "./LogItem/LogItem";im
Read More
Read More
那些你不知道的炫酷开关交互效果(12种)-多极客编程
本文将继续更新那些炫酷交互效果系列文章,今天带来的是有关 toggle 开关相关的组件。以下是本次文章涉及到的开关组件总览图,总计收集12款不同交互效果,相信总有一款适合你。
那些你不知道的炫酷交互效果系列:
那些你不知道的炫酷按钮交互效果
那些你不知道的炫酷导航交互效果
那些你不知道的炫酷开关交互效果
效果1
基于普通的开关效果增加了向内部延伸的3D效果,核心是通过设置内阴影box-sh
Read More
Read More
#yyds干货盘点# react笔记之学习之state注意事项-多极客编程
前言我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷 微信公众号前端小歌谣 关注公众号带你进入前端学习交流群state注意事项/*
* state
* - state实际就是一个被React管理的变量
*
Read More
Read More
vue-双向绑定、绑定样式-多极客编程
双向绑定:不同表单元素使用v-model的原理有差异单选按钮单选按钮的特点 <input type="radio" value="1" name="sex">男 <input type="radio" value="0" name="sex">女 a. 单选按钮的value是写死的!等待用户来选择的! b. 当用户选择单选按钮时,改
Read More
Read More
#yyds干货盘点# react笔记之学习之state组件-多极客编程
前言我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷 微信公众号前端小歌谣 关注公众号带你进入前端学习交流群state简介import './App.css';import {useState} from "react";co
Read More
Read More
#yyds干货盘点# react笔记之学习之修改log组件-多极客编程
前言我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷 微信公众号前端小歌谣 关注公众号带你进入前端学习交流群主组件/* 日志的容器 */import LogItem from "./LogItem/LogItem";impor
Read More
Read More
#yyds干货盘点# react笔记之学习之props父子传值-多极客编程
前言我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷 微信公众号前端小歌谣 父子组件传值 日期组件data.jsimport React from 'react';import MyDate from "./MyDate/My
Read More
Read More
#yyds干货盘点# react笔记之学习之显示日期-多极客编程
前言我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷 微信公众号前端小歌谣 关注公众号带你进入前端学习交流群显示日期父组件/* 日志的容器 */import LogItem from "./LogItem/LogItem";i
Read More
Read More
优维低代码:theme & mode 页面主题和模式-多极客编程
优维低代码技术专栏,是一个全新的、技术为主的专栏,由优维技术委员会成员执笔,基于优维7年低代码技术研发及运维成果,主要介绍低代码相关的技术原理及架构逻辑,目的是给广大运维人提供一个技术交流与学习的平台。连载第三十一期《高级指引:Theme & Mode 页面主题和模式》▽⊙ NOTEBrick Next 从 2.7.1 开始支持页面主题和模式。Brick Next 支持两种主题:light
Read More
Read More
那些你不知道的 css 自定义形状网格布局 3-多极客编程
本文翻译自 CSS Grid and Custom Shapes, Part 3,略有删改
原作者:Temani Afif
基于CSS自定义网格已发布第一部分和第二部分,本文将开始第三部分探讨更多的奇特自定义形状,与之前的文章一样,核心还是基于CSS grid,clip 和 mask来自定义网格形状布局。
CSS网格和自定义形状系列
第1部分
第2部分
第3部分(当前文章)
三部分文章不一
Read More
Read More
目标是实现webpack打包零配置_mb6392def4c2a44的博客-多极客编程
目标是实现webpack打包零配置(配置在内部已默认设置,可重写覆盖)创建脚手架cli包括创建项目、本地运行项目、打包线上项目基本功能SPA/MPA 单选Router、Vuex 多选eslint 默认安装自动安装依赖,无需npm i默认别名'@' 指向'./src' 如:import home from "@/pages/home"创建命令新建一个项目如: tes
Read More
Read More
#yyds干货盘点# 歌谣学前端之react笔记之学习日历样式的设置_前端歌谣的博客-多极客编程
前言我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷 微信公众号前端小歌谣 关注公众号带你进入前端学习交流群主界面import ReactDOM from 'react-dom/client';// 引入样式表import '
Read More
Read More