**Java Web–HTML、CSS、JavaScript学习笔记** HTML(Hyper Text Markup Language超文本标记语言):控制的是页面的内容,是由标签组成的语言,能够展示超文本的效果。CSS:控制的是页面的布局,视觉效果等C/S结构:Client—Server 客户端到服务器 B/S结构:Browser—Server 浏览器到服务器页面由三部分组成:内容(结构)、表
getStyle #div1{width:100px;height:200px;background:yellow;} window.onload = function (){ var oDiv = document.getElementById('div1'); function css(obj,name,value){
原创 10月前
43阅读
温馨提示:一下css封装,建议按需使用,否则会造成很大的代码冗余,且很多样式会造成不符合预期的效果,建议合理使用 <a href="https://meyerweb.com/eric/tools/css/reset/">Reset.css</a> common.css .icon { width:
原创 2021-07-19 16:42:52
538阅读
animate.css是一个有趣的,跨浏览器的css3动画库。一、首先引入animate css文件
原创 2022-07-19 20:33:36
183阅读
# JavaScript 封装 CSS 伪类 在现代前端开发中,CSS 伪类是赋予 HTML 元素特定状态样式的强大工具。然而,想要通过 JavaScript 动态地控制这些伪类的样式变得复杂。本文将逐步介绍如何通过 JavaScript 封装 CSS 伪类,帮助你更好地理解和实现这一过程。 ## 实现流程 为了清晰地展示实现过程中所需要的步骤,以下是整个流程的概览: | 步骤 | 描述
原创 8月前
27阅读
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阅读
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
332阅读
2评论
项目做的越来越多,重复的东西不断的封装成了组件,慢慢的,页面就组件化了,只需要定义组件配置数据,使用就好了,这是一件非常舒服的事情,这篇文章主要和大家讲讲如何对element-ui中的el-table进行二次封装。分析需求公有组件,可以被任何页面调用,首先要保证组件不和外部业务发生耦合,其次就是要设计合理的字段,使用时通过不同的配置即可使用。 那先大致来分析以下可能有的需求:动态表头嵌套表头表格显
日子一去不复返了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阅读
Java的面向对象有三大特征:封装、继承、多态。这里主要对封装进行讲解。封装可以理解为隐藏一个类的成员变量和成员函数,只对外提供需要提供的成员函数。Java封装主要通过访问权限控制符:private,默认,protected,public来实现。(这四个权限访问控制符的区别网上有很多,建议读者自行搜索学习,切记要亲自练习一下!)最明显的实现就是把类的成员变量私有(private),只能通过类的成
转载 2023-06-15 16:36:27
105阅读
Java 中的封装、继承、多态什么是多态多态的概念比较简单,就是同一操作作用于不同的对象,可以有不同的解释,产生不同  的执行结果。如果按照这个概念来定义的话,那么多态应该是一种运行期的状态。 多态的必要条件为了实现运行期的多态,或者说是动态绑定,需要满足三个条件。即有类继承或者接口实现、子类要重写父类的方法、父类的引用指向子类的对象。  简单来一段代码解释下:&nb
转载 2023-12-16 09:47:47
27阅读
java封装类共九个,分别是Boolean,Byte,Short,Integer,Long,Float,Double,Character,Void其中Void对于使用者并无多大意义,也不可以构造任何对象,代码如下:package java.lang; public final class Void { public static final Class<Void> TYPE
转载 2023-05-19 14:04:50
101阅读
封装首先,我们要想一个问题——为什么要进行封装?以下面代码为例:Person p = new Person(); p.age = 1000;在给属性赋值时,设置了一个不合理的值,这样就会导致对象的信息失效,为了避免出现这种问题,我们便要对齐进行封装封装的概念:封装(Encapsulation),是面向对象方法的重要原则,也是面向对象三大特征之一。其作用是将类的某些属性和操作(服务)结合成一个独立
转载 2023-07-18 17:35:08
12阅读
Java 封装Java 封装封装的优点Java封装的步骤实例 Java 封装在面向对象程式设计方法中,封装(英语:Encapsulation)是指一种将抽象性函式接口的实现细节部份包装、隐藏起来的方法。 封装可以被认为是一个保护屏障,防止该类的代码和数据被外部类定义的代码随机访问。 要访问该类的代码和数据,必须通过严格的接口控制。 封装最主要的功能在于我们能修改自己的实现代码,而不用修改那些调用
转载 2023-06-04 14:09:49
168阅读
一.封装1.封装的定义把封装私有化,实现了对外界的隐藏,然后通过共有的的getter和setter方法对属性进行获取和赋值,保证了操作的安全性2.封装的使用作用:提高代码的安全性public class A{ int age; } public static void main(String[] args){ A a = new A(); a.age = 500;
转载 2023-07-28 09:58:58
55阅读
目录第一关第一关答案第二关第二关答案第三关第三关答案第四关第四关答案 第一关 什么是封装,如何使用封装 任务描述 本关任务:构造一个类,把对象的属性封装起来,同时提供一些可以被外界访问属性的方法。相关知识 为了完成本关任务,你需要掌握:1.什么是封装;2.封装的意义;3.实现Java封装的步骤。什么是封装 封装:就是隐藏对象的属性和实现细节,仅对外提供公共访问方式。封装时的权限控制符区别如下:封
转载 2023-08-21 21:04:33
70阅读
面向对象有三大特性:封装、继承、多态。封装就是将类的信息隐藏在类的内部,不允许外部程序直接访问,而是通过该类提供的方法来实现对隐藏信息的操作和访问。如何去实现类的封装呢?修改属性的可见性,在属性的前面添加修饰符(private 后面会讲)创建 getter/setter 方法,用来读写属性在 getter/setter 方法里加入属性的控制语句,例如我们可以加一个判断语句,对于非法输入给予否定。定
  • 1
  • 2
  • 3
  • 4
  • 5