一.2023兔年大吉HTML，兔兔动态代码「兔了个兔」 1.1 资源获取和效果预览 1.效果预览： 2.如何打开：（电脑端，解压后双击index.html打开！） 二.代码讲解（主要代码） 需要完整源码请到文章开头处下载： 观察下面的构成图，主要分为俩个部分： 1.背景加圆圈圈。 2.兔兔和提示字。 1.1 背景加圆圈圈 这里我为了代码的简便性，直接使用了section标签。 section

Read More

不知不觉已经迈入2023年，今年是兔年，想到兔子就会联想到玉兔，中秋，胡萝卜，兔子不吃窝边草，这就越扯越远了，今天的主题是用纯CSS来实现各种不错的文字效果，文字则摘录古诗词中有关《兔》相关的诗词，让我们一边欣赏古诗词的同时一边走进CSS的世界。 效果一 兔苑词才去不还，兰亭水石空明月。 —— 陈陶 《 将进酒 》 文字从清晰到模糊到彻底看不见，给人一种若隐若现的朦胧美，其核心代码就是在an

Read More

项目介绍2020 年 7 月 13 日，我第一次提交了 ferry 工单系统的代码，当时其实就是想将自己心中构思的工单系统实现出来。出乎意料的收到了大家关注，同时登上了 github 和 gitee 的榜单，让这个系统让更多的人知道了。由于之前架构设计的有些许潦草，所以部分地方其实拓展起来是有点乏力的。且技术大版本的更新换代，让我有了使用新技术重构下这个系统的想法。下面就来简单介绍下 ferry

Read More

Flexbox 布局（Flexible Box）模块（截至 2017 年 10 月的 W3C 候选推荐）旨在提供一种更有效的方式来布局、对齐和分配容器中 item 元素之间的空间，即使它们的大小未知和/或动态，这就是布局名称中 弹性 的由来。 flex 布局背后的主要思想是让容器能够改变其项目的宽度/高度（和顺序）以自适应地填充可用空间（主要是为了适应所有类型的显示设备和屏幕尺寸）。弹性容器扩展

Read More

前言我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷 微信公众号前端小歌谣 log.js/* 日志的容器 */import LogItem from "./LogItem/LogItem";import Card from "

Read More

原文链接 ：Hexo + Butterfly 自定义页脚 推荐阅读 基于 Hexo 从零开始搭建个人博客（一）: 环境准备 基于 Hexo 从零开始搭建个人博客（二）: 项目初识 基于 Hexo 从零开始搭建个人博客（三）: 主题安装 基于 Hexo 从零开始搭建个人博客（四）: 基础配置 基于 Hexo 从零开始搭建个人博客（五）: 详细配置 基于 Hexo 从零开始搭建个人博客（六）:

Read More

什么是jQuery？ jQuery是目前最流行的JavaScript程序库，它是对JavaScript对象和函数的封装；jQuery能做什么？ 访问和操作DOM元素 控制页面元素 对页面事件进行处理 扩展新的jQuery插件 与Ajax技术完美结合jQuery的优势： 体积小，压缩后只有10kb左右 强大的选择器 出色的DOM封装 出色的游览器兼容性 使用隐式选带简化编程

Read More

前言我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷 微信公众号前端小歌谣 关注公众号带你进入前端学习交流群js部分 model.jsimport './ComfirmModal.css';import Card from "

Read More

前言我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷 微信公众号前端小歌谣 关注公众号带你进入前端学习交流群log.js/* 日志的容器 */import LogItem from "./LogItem/LogItem";im

Read More

本文将继续更新那些炫酷交互效果系列文章，今天带来的是有关 toggle 开关相关的组件。以下是本次文章涉及到的开关组件总览图，总计收集12款不同交互效果，相信总有一款适合你。 那些你不知道的炫酷交互效果系列： 那些你不知道的炫酷按钮交互效果 那些你不知道的炫酷导航交互效果 那些你不知道的炫酷开关交互效果 效果1 基于普通的开关效果增加了向内部延伸的3D效果，核心是通过设置内阴影box-sh

Read More

前言我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷 微信公众号前端小歌谣 关注公众号带你进入前端学习交流群state注意事项/* * state * - state实际就是一个被React管理的变量 *

Read More

双向绑定:不同表单元素使用v-model的原理有差异单选按钮单选按钮的特点    ​​<input type="radio" value="1" name="sex">男​​   ​​<input type="radio" value="0" name="sex">女​​     a. 单选按钮的value是写死的！等待用户来选择的！     b. 当用户选择单选按钮时，改

Read More

前言我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷 微信公众号前端小歌谣 关注公众号带你进入前端学习交流群state简介import './App.css';import {useState} from "react";co

Read More

前言我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷 微信公众号前端小歌谣 关注公众号带你进入前端学习交流群主组件/* 日志的容器 */import LogItem from "./LogItem/LogItem";impor

Read More

前言我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷 微信公众号前端小歌谣 父子组件传值 日期组件data.jsimport React from 'react';import MyDate from "./MyDate/My

Read More

前言我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷 微信公众号前端小歌谣 关注公众号带你进入前端学习交流群显示日期父组件/* 日志的容器 */import LogItem from "./LogItem/LogItem";i

Read More

优维低代码技术专栏，是一个全新的、技术为主的专栏，由优维技术委员会成员执笔，基于优维7年低代码技术研发及运维成果，主要介绍低代码相关的技术原理及架构逻辑，目的是给广大运维人提供一个技术交流与学习的平台。连载第三十一期《高级指引：Theme & Mode 页面主题和模式》▽⊙ NOTEBrick Next 从 2.7.1 开始支持页面主题和模式。Brick Next 支持两种主题：light

Read More

本文翻译自 CSS Grid and Custom Shapes, Part 3，略有删改 原作者：Temani Afif 基于CSS自定义网格已发布第一部分和第二部分，本文将开始第三部分探讨更多的奇特自定义形状，与之前的文章一样，核心还是基于CSS grid，clip 和 mask来自定义网格形状布局。 CSS网格和自定义形状系列 第1部分 第2部分 第3部分（当前文章） 三部分文章不一

Read More

目标是实现webpack打包零配置（配置在内部已默认设置，可重写覆盖）创建脚手架cli包括创建项目、本地运行项目、打包线上项目基本功能SPA/MPA 单选Router、Vuex 多选eslint 默认安装自动安装依赖，无需​​npm i​​默认别名​​'@'​​ 指向​​'./src'​​ 如：​​import home from "@/pages/home"​​创建命令新建一个项目如: tes

Read More

前言我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷 微信公众号前端小歌谣 关注公众号带你进入前端学习交流群主界面import ReactDOM from 'react-dom/client';// 引入样式表import '

Read More