w AO模式 Append Overwrite 附加重写
转载
2017-02-24 10:05:00
59阅读
2评论
按钮 1 定义按钮 <!--使用<button>元素定义按钮--> <button class="btn">Button</button> <!--使用<a>元素定义按钮--> <a class="btn" href="#">Link</a> <!--使用<input>元素定义按钮--> <!--没 ...
转载
2021-08-06 21:13:00
79阅读
本小节主要讲述在 React中使用css scss 以及其他第三方如bootstrap的css样式配置
1 前言在 JSX 中，如果需要写行内样式，不能为 style 设置字符串的值，而是应该写成 style={{ color:'red',zIndex:3}} 在一个使用案例中上一篇中有写到，未设置样式前 设置style 样式后 import React
转载
2024-07-03 20:25:43
38阅读
目前前端三大框架（Vue.js, Angular.js, React.js）都在引领着前端的组件化开发方向，组件化的前端开发方式的确为业务实现带来了前所未有的方便，其实组件化开发早已经具有（YUI），但如何封装一个优秀的组件，可能并不是每位前端开发者都能够做好的。组件封装有一定的不确定性，更多时候是在做几个方面的权衡，并且在业务不断变化中，可能还会面临一些调整和重构。组件化开发的意义有很多，一些新
转载
2023-12-02 21:56:08
100阅读
徽章 1 定义徽章 通常使用标签，添加badge类来设计徽章。 徽章可以嵌在标题中，并通过标题样式来适配其大小，因为徽章的大小是使用em单位来设计的，所以有良好的弹性。 徽章还可以作为链接或按钮的一部分来提供计数器。 提示：徽章不仅仅只能在标题、链接和按钮中添加，可以根据场景在其他元素中添加，以实现 ...
转载
2021-08-07 12:16:00
530阅读
表单 1 定义表单控件 表单控件（例如<input>、<select>、<textarea>）统一采用**.form-control**类样式进行处理优化，包括常规外观、focus选中状态、尺寸大小等。并且表单一般都放在表单组（form-group）中，表单组也是bootstrap 4为表单控件设置 ...
转载
2021-08-07 19:40:00
135阅读
在很多人眼里，CSS只能用来设置文字的字体、颜色，好像功能一般。其实CSS如果和JavaScript结合使用可以制作出非常出色的页面效果。大家知道，要想制作出条理清晰的网站，使用框架页是一种简便的方法，可是框架页的制作相当繁琐，而且在对齐上经常有些困难。本文将介绍如何使用CSS实现框架页效果。A、介绍原理使用CSS制作框架页的基本原理是将多个页面的内容集合到一个文件中，每个页面的内容占据一个表格，
转载
2023-10-06 14:13:49
69阅读
推送技术干货/优秀开源/技术思维作者：诚身https://zhuanlan.zhihu.com/p/2903401一个成熟的组件库通常都由数十...
转载
2022-01-11 16:41:41
169阅读
一个成熟的组件库通常都由数十个常用的 UI 组件构成，这其中既有按钮（Button），输入框（Input）等基础组件，也有表格（Table），日期选择器（DatePicker），轮播（Carousel...
转载
2021-07-26 10:43:02
165阅读
amazeui中css组件、js组件、web组件的区别 一、总结 一句话总结： 1、可直接像调用js插件那样调用：在AmazeUI（妹子UI）中，Web组件可以不编写模板而直接使用，若如此，则与JS插件没什么太大区别，官方原话也说可以这么调用的。 2、能编写自定义模板通过js代码调用：Web组件与J
转载
2018-06-06 12:43:00
149阅读
2评论
文章目录第十四章：使用 CSS 设计网页14.1 CSS 样式表简介14.2 CSS 的基本语法14.3 伪类、伪元素以及样式表的层叠顺序14.3.1 伪类和伪元素14.3.2 样式表的层叠顺序14.4 CSS 中的属性14.4.1 CSS 中的字体及文本控制14.4.2 CSS 中的颜色及背景控制14.4.3 CSS 中的方框的控制属性14.4.4 CSS 中的分类属性14.5 添加 CSS
转载
2024-04-20 21:13:45
33阅读
这篇文章大致是为了回答几个问题：迁移到微前端，我们到底要什么？业界的「微前端」体系通常包括哪些部分？贴近研发同学侧的「微前端框架」通常用什么样的技术？我们团队的项目现在能上「微前端」吗？需要做什么改造、到什么地步？作者 zthxxx(以下全文读完大约 20 min)微前端已经不是一个新概念了，大家或多或少都听说过接触过，这里不再去做一堆定义，只是对目前业界做法的调研总结 / 概览，这篇文章面向的是
作为一名UI设计师，我们经常要进行PC端和移动端的设计任务，上一次给大家分享了：《最全Web端UI组件设计详解》，这次给大家带来移动端UI组件设计详情，尤其在我们APP、小程序、H5页面设计中，我们要使用和熟知各种的 UI组件，今天给大家总结了关于移动端UI组件，希望可以在工作中帮到你。什么是UI组件UI 设计组件（UI KIT），直译过来就是用户界面成套元件，是界面设计常用控件或元
转载
2023-11-06 14:17:44
72阅读
# CSS 设计架构入门指南
随着前端开发的不断发展，清晰的 CSS 设计架构变得尤为重要。建立良好的 CSS 架构可以提高团队的工作效率、代码维护性和可读性。本文将带您了解如何实现 CSS 设计架构。
## 流程步骤
下面是实现 CSS 设计架构的基本流程，您可以参考以下表格：
| 步骤 | 描述
原创
2024-09-06 07:01:19
27阅读
<!doctype html><html><head><meta charset="utf-8"><title>css设计栏目</title> <style type="text/css"> body{ /*页面初始化*/ background-co
原创
2022-02-09 09:58:04
113阅读
CSS实现垂直居中的5种方法网页阶级配色：http://tools.jb51.net/tools/peise.htm
原创
2021-07-21 13:58:32
139阅读
【写在前面】这两天还是比较痴迷于CSS特效的，甚至还想着去用CSS做动画片呢，希望后面能做到，今天主要讲的是我们页面常见的元素-按钮，很多时候按钮也需要高级化，但是很多人苦于没有途径去寻找，于是乎借这个机会给大家分享一下如何实现高级的按钮动态效果，主要线条动态化按钮，及悬浮倒影效果。【涉及知识点】：CSS3实现高级按钮，CSS实现按钮动画特效，CSS实现动态按钮效果，CSS实现按钮光影效果，box
转载
2023-10-20 14:43:34
203阅读
一、项目来源慕课网—手把手从0打造电商网页开发
网址：https://www.imooc.com/learn/1236
源码：右侧资料下载
二、摘要1.基本框架搭建(三、1-3)
2.实现html+css效果，一些要点笔记(三、4-8)
3.js效果步骤分析（三、9-10）
4.做完感受(四)
三、开始构建1.先搭建基本页面结构，并用link连接到首页
2.搭建页面骨骼
页面分为三大块，导航，首部
转载
2024-01-26 08:39:15
30阅读
vue 组件设计
转载
2021-04-21 14:48:00
79阅读
2评论
前言组件化思想并不是前端独有的，但却是前端技术的延伸 任何软件开发过程，或多或少都有那么一些组件化的需求随着三大框架崛起，前端组件化逐渐成为前端开发的迫切需求，一种主流，一种共识，它不仅提高开发效率，同时也降低了维组件内聚原则护成本 开发者们不需要再面对一堆晦涩难懂的代码，转而只需要关注以组件⽅式存在的代码⽚段 这是一场新的挑战！文章开始之前，明确本文的边界从前端工程谈到组件化开发组件的设计原则组
转载
2024-08-17 15:19:53
53阅读
