摘要：
01-InheritableThreadLocal和TransmittableThreadLocal 1.ThreadLocal存在的问题 public class TheadTest { private static final ThreadLocal<String> THREAD_LOCAL = 阅读全文
posted @ 2022-11-27 10:26
行稳致远方
阅读(137)
评论(0)
推荐(0)
摘要：
11-弹性布局常见属性+less 1.练习-过度、2d综合案列 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style type="text/css"> .box { width: 360px; height: 24 阅读全文
posted @ 2022-11-27 09:27
行稳致远方
阅读(109)
评论(0)
推荐(0)
摘要：
10-动画+常见页面布局+媒体查询语句+弹性布局常见属性 1.练习-太阳与海 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style type="text/css"> * { padding: 0; margin: 阅读全文
posted @ 2022-11-27 09:26
行稳致远方
阅读(64)
评论(0)
推荐(0)
摘要：
09-渐变+过度+2D(位移+旋转+缩放) 1.过滤黑白网页 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style type="text/css"> .box { width: 100px; height: 100 阅读全文
posted @ 2022-11-27 09:26
行稳致远方
阅读(43)
评论(0)
推荐(0)
摘要：
08-圆角属性+标准盒子模型和怪异盒子模型+文字和盒子的阴影、剪裁属性+背景属性 1.练习-边框模拟三角形 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style type="text/css"> /* 边框模拟三角 阅读全文
posted @ 2022-11-27 09:25
行稳致远方
阅读(67)
评论(0)
推荐(0)
摘要：
07-H5新增属性、标签和伪类 1.练习-京东定位下拉菜单 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="font/iconfont.css"> <style t 阅读全文
posted @ 2022-11-27 09:25
行稳致远方
阅读(68)
评论(0)
推荐(0)
摘要：
06-定位+交集选择器+图标字体 1.相对定位 <html lang="en"> <head> <style type="text/css"> /* 1 定位：将元素设置到网页中的一个具体的坐标位置。 2 相对定位也叫占位定位，相对定位通过偏移量以元素在标准流的自身位置为参考点移动， 在移动时，是在 阅读全文
posted @ 2022-11-27 09:24
行稳致远方
阅读(42)
评论(0)
推荐(0)
摘要：
05-外边距塌陷+并集选择器+块元素的宽度+img底部留白的问题 1.外边距塌陷 <html lang="en"> <head> <style type="text/css"> /* 1 嵌套的两个块元素，给第一个子元素设置外边距，此时父元素会跟着掉下来，形成外边距塌陷。 2 外边距塌陷的解决方法。 阅读全文
posted @ 2022-11-27 09:24
行稳致远方
阅读(26)
评论(0)
推荐(0)
摘要：
04-浮动+一级后代选择器 1.浮动 <html lang="en"> <head> <style type="text/css"> /* 1 行内显示模式、行内块显示模式、块级显示模式称为标准流。 2 浮动通过float属性实现，浮动是一个脱离标准流的状态，也叫浮动流。 3 当元素设置浮动之后，元 阅读全文
posted @ 2022-11-27 09:23
行稳致远方
阅读(38)
评论(0)
推荐(0)
摘要：
03-状态伪类+复合属性+外边距合并 1.四种状态伪类 <html lang="en"> <head> <style type="text/css"> /* 1 状态伪类的权重是10，当四种状态同时存在时要遵循lvha的顺序。 */ /* 未访问状态 */ a { font-size: 50px; 阅读全文
posted @ 2022-11-27 09:22
行稳致远方
阅读(30)
评论(0)
推荐(0)
摘要：
02-CSS常用属性+显示模式+选择器 1.CSS常用文件属性 color，字体颜色。 font-size，字体大小。Chrome默认字体大小16px。 font-family，字体，chrome默认字体是微软雅黑。 text-align，字体水平居中。text-align有三个值：left，居左， 阅读全文
posted @ 2022-11-27 09:22
行稳致远方
阅读(90)
评论(0)
推荐(0)
摘要：
01-HTML常用标签+特殊字符 1.HTML简介 HTML，Hyper Text Markup Language的缩写，中文译为超文本标记语言。 HTML4+CSS2常用于PC端；HTML5+CSS3常用于移动端。 2.HTML基本标签 <!DOCTYPE html>用于声明文档类型，让浏览器按照 阅读全文
posted @ 2022-11-27 09:21
行稳致远方
阅读(337)
评论(0)
推荐(0)
摘要：
Vue09-浏览器本地存储+组件自定义事件 1.浏览器本地存储-WebStorage 浏览器存储内容一般支持在5M左右，不同的浏览器可能不同。 浏览器通过window.localStorage和window.sessionStorage实现本地存储。 关于localStorage和sessionSt 阅读全文
posted @ 2022-11-27 09:03
行稳致远方
阅读(49)
评论(0)
推荐(0)
摘要：
Vue08-TodoList案例 1.TodoList案例 TodoList案例是一个未完成事情和已经完成事情管理的案例。 TodoList中总共包含五个组件。App.vue；MyHeader.vue；MyFooter.vue；MyList.vue；MyItem.vue。 2.main.js imp 阅读全文
posted @ 2022-11-27 09:02
行稳致远方
阅读(47)
评论(0)
推荐(0)
摘要：
22-中介模式 1.中介模式总结 <<设计模式：可复用面向对象软件的基础>>对中介模式的定义：中介模式定义了一个单独的（中介）对象来封装一组对象之间的交互；将这组对象之间的交互委派给与中介对象交互来避免对象之间的直接交互。 中介模式通过引入中间层，来将一组对象之间的交互关系（或者成为依赖关系）从多对 阅读全文
posted @ 2022-11-27 08:57
行稳致远方
阅读(44)
评论(0)
推荐(0)
摘要：
19-备忘录模式 1.备忘录模式 没有使用备忘录模式实现数据的显示、追加和撤销操作，存在的问题：InputText中定义了setText()函数，该函数可能被其他业务误用；快照本身是不能修改的，但是InputText中定义了一些列修改内部状态的函数，违反了封闭原则。 // 服务端代码 public 阅读全文
posted @ 2022-11-27 08:56
行稳致远方
阅读(35)
评论(0)
推荐(0)
摘要：
21-解释器模式 1.解释器模式 不使用解释器模式实现简单的加减乘除。 public class ExpressionInterpreter { private final Deque<Long> numbers = new LinkedList<>(); public long interpret 阅读全文
posted @ 2022-11-27 08:56
行稳致远方
阅读(38)
评论(0)
推荐(0)
摘要：
20-命令模式 1.命令模式 命令模式服务端。 // 事件对象，不同的事件对象对应不同的命令。 public class Event { public static final Event GOT_DIAMOND = new Event(); public static final Event GO 阅读全文
posted @ 2022-11-27 08:56
行稳致远方
阅读(27)
评论(0)
推荐(0)
摘要：
18-访问者模式 1.访问者模式 访问者模式基础代码，该代码主要实现的功能是：从PPT、Pdf和Word中提取文字；存在的问题是：违反了开闭原则，当需要添加压缩功能时，即根据不同的文件类型，使用不同的压缩算法来压缩文件（压缩PPT、Pdf和Word文件）。 public class Extracto 阅读全文
posted @ 2022-11-27 08:55
行稳致远方
阅读(27)
评论(0)
推荐(0)
摘要：
17-迭代器模式 1.迭代器模式 迭代器模式服务端 public interface Iterator<E> { boolean hasNext(); E next(); } public class ArrayIterator<E> implements Iterator<E> { private 阅读全文
posted @ 2022-11-27 08:55
行稳致远方
阅读(18)
评论(0)
推荐(0)
摘要：
16-状态模式 1.分支判断法实现状态机 public enum State { SMALL(0), SUPER(1), FIRE(2), CAPE(3); private final int value; private State(int value) { this.value = value; 阅读全文
posted @ 2022-11-27 08:54
行稳致远方
阅读(46)
评论(0)
推荐(0)
摘要：
15-职责链模式 1.职责链模式 职责链模式服务端。 public interface IHandler { boolean handler(); } public class HandlerA implements IHandler { @Override public boolean handl 阅读全文
posted @ 2022-11-27 08:54
行稳致远方
阅读(28)
评论(0)
推荐(0)
摘要：
14-策略模式 1.策略模式 策略模式服务端。 // 订单 public class Order { // 订单价格 private double orderPrice; // 订单类型 private String orderType; public Order(double orderPrice 阅读全文
posted @ 2022-11-27 08:53
行稳致远方
阅读(78)
评论(0)
推荐(0)
摘要：
13-模板方法模式 1.模板方法模式 public abstract class AbstractClass { public final void templateMethod() { method01(); method02(); } public abstract void method01( 阅读全文
posted @ 2022-11-27 08:52
行稳致远方
阅读(43)
评论(0)
推荐(0)
摘要：
12.观察者模式 1.观察者模式 服务端代码。 public interface Subject { void registerObserver(Observer observer); void removeObserver(Observer observer); void notifyObserv 阅读全文
posted @ 2022-11-27 08:51
行稳致远方
阅读(23)
评论(0)
推荐(0)
摘要：
11-享元模式 1.享元模式 传统的方式实现棋牌游戏，传统的方式可能会消耗较大的内存。 // 棋子类 public class ChessPiece { private int id; private String text; private Color color; private int pos 阅读全文
posted @ 2022-11-27 08:51
行稳致远方
阅读(44)
评论(0)
推荐(0)
摘要：
10-组合模式 1.使用组合模式实现一个文件系统 文件系统服务端。 public abstract class FileSystemNode { protected String path; public FileSystemNode(String path) { this.path = path; 阅读全文
posted @ 2022-11-27 08:50
行稳致远方
阅读(27)
评论(0)
推荐(0)
摘要：
09-门面模式 01.门面模式 public class UserController { public void a() { System.out.println("== a =="); } public void b() { System.out.println("== b =="); } } 阅读全文
posted @ 2022-11-27 08:50
行稳致远方
阅读(24)
评论(0)
推荐(0)
摘要：
08-桥接模式 1.桥接模式 /** * 桥接模式可以将M*N的继承关系简化为M+N中组合关系。 * 如汽车Car的天窗SunProof有M中选择，轮毂Hub有N中选择， * 如果使用继承则需要M*N中继承关系，但是通过组合可以简化为M+N中组合关系。 */ public class Car { p 阅读全文
posted @ 2022-11-27 08:49
行稳致远方
阅读(36)
评论(0)
推荐(0)
摘要：
07-适配器模式 1.类适配器-基于继承 // 对外接口 public interface ITarget { void f1(); void f2(); } // 内部接口 public class Adaptee { public void fa() { System.out.println(" 阅读全文
posted @ 2022-11-27 08:49
行稳致远方
阅读(26)
评论(0)
推荐(0)
摘要：
06-装饰器模式 1.装饰器模式 public interface IPersonService { void getName(String name); } public class PersonService implements IPersonService { @Override publi 阅读全文
posted @ 2022-11-27 08:48
行稳致远方
阅读(29)
评论(0)
推荐(0)
摘要：
05-代理模式 01.基于接口实现代理模式 性能统计代码和业务代码在一起存在的问题。 /** * 如下在登录代码中收集性能数据存在两个问题： * 1 性能统计代码侵入业务代码。 * 2 性能统计的代码与业务代码无关，业务代码最好只聚焦业务处理。 */ public class UserControl 阅读全文
posted @ 2022-11-27 08:47
行稳致远方
阅读(36)
评论(0)
推荐(0)
摘要：
04-原型模式 1.原型模式 当对象的创建成本比较大，而同一个类的不同对象之间的差别不大（大部分字段都是相同的），就可以利用对已有对象（原型）进行复制（或者成为拷贝）的方法来创建新对象，以达到节省创建时间的目的。这种基于原型创建对象的方式成为原型设计模式。 当对象的创建耗时很多，对象中的数据需要经过 阅读全文
posted @ 2022-11-27 08:47
行稳致远方
阅读(22)
评论(0)
推荐(0)
浙公网安备 33010602011771号