getStyle #div1{width:100px;height:200px;background:yellow;} window.onload = function (){ var oDiv = document.getElementById('div1'); function css(obj,name,value){
温馨提示：一下
css封装，建议按需使用，否则会造成很大的代码冗余，且很多样式会造成不符合预期的效果，建议合理使用 <a href="https://meyerweb.com/eric/tools/
css/reset/">Reset.
css</a> common.
css .icon { width:
原创
2021-07-19 16:42:52
538阅读
html,body { height: 100%; //overflow-y: auto; //position: relative;}#root { height: 100%; position: relative;}* { margin: 0; padding: 0; border: 0; font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft ...
原创
2021-06-17 14:28:52
212阅读
animate.css是一个有趣的，跨浏览器的css3动画库。一、首先引入animate css文件
原创
2022-07-19 20:33:36
183阅读
# JavaScript 封装 CSS 伪类
在现代前端开发中，CSS 伪类是赋予 HTML 元素特定状态样式的强大工具。然而，想要通过 JavaScript 动态地控制这些伪类的样式变得复杂。本文将逐步介绍如何通过 JavaScript 封装 CSS 伪类，帮助你更好地理解和实现这一过程。
## 实现流程
为了清晰地展示实现过程中所需要的步骤，以下是整个流程的概览：
| 步骤 | 描述
html,body { height: 100%; //overflow-y: auto; //position: relative;}#root { height: 100%; position: relative;}* { margin: 0; padding: 0; border: 0; font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft ...
原创
2021-06-17 14:28:52
295阅读
/* 色彩类 */ .red{ color:#f00; } /* 字体类 */ .fz-8{ font-size: 8px; } .fz-10{ font-size: 10px; } .fz-14{ font-size: 14px; } .fz-20{ font-size: 20px; } /* 布 ...
转载
2021-09-29 16:39:00
337阅读
2评论
项目做的越来越多，重复的东西不断的封装成了组件，慢慢的，页面就组件化了，只需要定义组件配置数据，使用就好了，这是一件非常舒服的事情，这篇文章主要和大家讲讲如何对element-ui中的el-table进行二次封装。分析需求公有组件，可以被任何页面调用，首先要保证组件不和外部业务发生耦合，其次就是要设计合理的字段，使用时通过不同的配置即可使用。 那先大致来分析以下可能有的需求：动态表头嵌套表头表格显
转载
2024-06-08 09:41:09
29阅读
**Java Web–HTML、CSS、JavaScript学习笔记** HTML（Hyper Text Markup Language超文本标记语言）：控制的是页面的内容，是由标签组成的语言，能够展示超文本的效果。CSS：控制的是页面的布局，视觉效果等C/S结构：Client—Server 客户端到服务器 B/S结构：Browser—Server 浏览器到服务器页面由三部分组成：内容（结构）、表
转载
2023-07-10 18:28:35
106阅读
日子一去不复返了HTML用于造型的网页。今天，CSS规则，很难想象没有它的任何网页设计。CSS在最近非常先进，用于创建复杂的Web设计和风格。那么，我们为什么要使用CSS框架？答案很简单。CSS框架主要包括预定义的书库，他们帮助你加快发展过程明显。无论你是开发Web应用程序，网站，甚至在CMS一样，WordPress的，这些框架会让你的生活更轻松。越来越多的开发商正在寻找CSS框架，小和轻。这些框
转载
2024-01-05 21:34:36
46阅读
前言之前公司设计的网站比较混乱，很多地方不统一，其中一个就是弹出层，导致这个原因是因为，公司的UI换了好几个人，而他们每个人做出来的都不太一样。最近公司开始整顿这个问题，对于统一的这种东西当然是做成一个模块，或者插件，而我打算做成插件。之所以写这篇文章是因为，当写完这个插件以后，发现其中有不少的理念，而这些理念我想把它总结一下，虽然这个插件并不复杂。该怎样架构？对于架构这个概念，接触的比较少，我的
@import '../../../styles/basic.css';
原创
2023-02-24 12:28:02
301阅读
前端
原创
2023-02-10 02:46:20
81阅读
原创
2023-03-14 07:15:30
115阅读
js类的操作，修改css1.弊端2.于是乎解决一下，也降低css与js耦合度3.封装3.1 addClass3.2 hasClass3.3 removeClass3.4 tog
原创
2023-05-25 11:05:59
69阅读
档案信息化行业的老兵想必对10多年前的EEP封装包印象深刻，其自包含、自描述、自证明的“洋葱结构”曾经火遍大江南北，为电子文件的真实性和完整性保证提供了一种重要手段，但其过分严谨刻板的封装结构也曾让很多档案从业人员抓狂。笔者曾经主导过国内第一款EEP封装工具的研发工作，那种又爱又恨的感觉至今难以忘怀。那为什么曾经这么火爆的EEP封装包现在销声匿迹了呢？我们今天就来聊聊这个话题。 #1：E
原创
精选
2023-03-01 14:16:30
1041阅读
Retrofit是Square公司基于restful风格推出的网络框架封装，截止目前github已经有了37.2kstart，可见他的受欢迎程度非常高，Retrofit基于Okhttp封装，具有非常强大的解耦特点，高度的灵活解耦导致使用起来不够简洁，下面对Retrofit进行一次二次的封装，在使用上更加简洁。封装之后具有一下特点：支持reftofit的单例模式配置，一次配置多处使用。支持动态切换b
转载
2023-09-25 03:32:42
732阅读
近世纪，随着集成电路的迅速发展，IC封装技术也随着提高，IC行业应用需求越来越大，集成度也越来越高，封装大致发展历程：TO→DIP→PLCC→QFP→PGA→BGA→CSP→MCM，技术指标一代比一代先进，芯片面积与封装面积比例越来越接近1，电器性能以及可靠性也逐渐提高，体积更加小型化和薄型化。一、MCM（多芯片组件）其实这是一种芯片组件，是一种最新技术，它是将多块半导体裸芯片组装在一块布线基板上
转载
2023-10-03 13:17:58
159阅读
封装封装（英语：Encapsulation）是指一种将抽象性函式接口的实现细节部份包装、隐藏起来的方法。封装可以被认为是一个保护屏障，防止该类的代码和数据被外部类定义的代码随机访问。要访问该类的代码和数据，必须通过严格的接口控制。封装最主要的功能在于我们能修改自己的实现代码，而不用修改那些调用我们代码的程序片段。适当的封装可以让程式码更容易理解与维护，也加强了程式码的安全性。封装的优点1. 良好的
转载
2024-05-16 07:22:25
81阅读
封装是啥子：在面向对象程式设计方法中，封装（英语：Encapsulation）是指一种将抽象性函式接口的实现细节部分包装、隐藏起来的方法。封装可以被认为是一个保护屏障，防止该类的代码和数据被外部类定义的代码随机访问。要访问该类的代码和数据，必须通过严格的接口控制。封装最主要的功能在于我们能修改自己的实现代码，而不用修改那些调用我们代码的程序片段。适当的封装可以让程式码更容易理解与维护，也加强了程式
转载
2024-04-11 13:26:49
86阅读
