摘要: 01-InheritableThreadLocal和TransmittableThreadLocal 1.ThreadLocal存在的问题 public class TheadTest { private static final ThreadLocal<String> THREAD_LOCAL = 阅读全文
posted @ 2022-11-27 10:26 行稳致远方 阅读(129) 评论(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 行稳致远方 阅读(98) 评论(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 行稳致远方 阅读(59) 评论(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 行稳致远方 阅读(37) 评论(0) 推荐(0)
摘要: 08-圆角属性+标准盒子模型和怪异盒子模型+文字和盒子的阴影、剪裁属性+背景属性 1.练习-边框模拟三角形 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style type="text/css"> /* 边框模拟三角 阅读全文
posted @ 2022-11-27 09:25 行稳致远方 阅读(61) 评论(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 行稳致远方 阅读(60) 评论(0) 推荐(0)
摘要: 06-定位+交集选择器+图标字体 1.相对定位 <html lang="en"> <head> <style type="text/css"> /* 1 定位:将元素设置到网页中的一个具体的坐标位置。 2 相对定位也叫占位定位,相对定位通过偏移量以元素在标准流的自身位置为参考点移动, 在移动时,是在 阅读全文
posted @ 2022-11-27 09:24 行稳致远方 阅读(33) 评论(0) 推荐(0)
摘要: 05-外边距塌陷+并集选择器+块元素的宽度+img底部留白的问题 1.外边距塌陷 <html lang="en"> <head> <style type="text/css"> /* 1 嵌套的两个块元素,给第一个子元素设置外边距,此时父元素会跟着掉下来,形成外边距塌陷。 2 外边距塌陷的解决方法。 阅读全文
posted @ 2022-11-27 09:24 行稳致远方 阅读(15) 评论(0) 推荐(0)
摘要: 04-浮动+一级后代选择器 1.浮动 <html lang="en"> <head> <style type="text/css"> /* 1 行内显示模式、行内块显示模式、块级显示模式称为标准流。 2 浮动通过float属性实现,浮动是一个脱离标准流的状态,也叫浮动流。 3 当元素设置浮动之后,元 阅读全文
posted @ 2022-11-27 09:23 行稳致远方 阅读(28) 评论(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 行稳致远方 阅读(27) 评论(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 行稳致远方 阅读(85) 评论(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 行稳致远方 阅读(320) 评论(0) 推荐(0)
摘要: Vue09-浏览器本地存储+组件自定义事件 1.浏览器本地存储-WebStorage 浏览器存储内容一般支持在5M左右,不同的浏览器可能不同。 浏览器通过window.localStorage和window.sessionStorage实现本地存储。 关于localStorage和sessionSt 阅读全文
posted @ 2022-11-27 09:03 行稳致远方 阅读(46) 评论(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 行稳致远方 阅读(40) 评论(0) 推荐(0)
摘要: 22-中介模式 1.中介模式总结 <<设计模式:可复用面向对象软件的基础>>对中介模式的定义:中介模式定义了一个单独的(中介)对象来封装一组对象之间的交互;将这组对象之间的交互委派给与中介对象交互来避免对象之间的直接交互。 中介模式通过引入中间层,来将一组对象之间的交互关系(或者成为依赖关系)从多对 阅读全文
posted @ 2022-11-27 08:57 行稳致远方 阅读(38) 评论(0) 推荐(0)
摘要: 19-备忘录模式 1.备忘录模式 没有使用备忘录模式实现数据的显示、追加和撤销操作,存在的问题:InputText中定义了setText()函数,该函数可能被其他业务误用;快照本身是不能修改的,但是InputText中定义了一些列修改内部状态的函数,违反了封闭原则。 // 服务端代码 public 阅读全文
posted @ 2022-11-27 08:56 行稳致远方 阅读(23) 评论(0) 推荐(0)
摘要: 21-解释器模式 1.解释器模式 不使用解释器模式实现简单的加减乘除。 public class ExpressionInterpreter { private final Deque<Long> numbers = new LinkedList<>(); public long interpret 阅读全文
posted @ 2022-11-27 08:56 行稳致远方 阅读(29) 评论(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 行稳致远方 阅读(23) 评论(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 行稳致远方 阅读(15) 评论(0) 推荐(0)
摘要: 18-访问者模式 1.访问者模式 访问者模式基础代码,该代码主要实现的功能是:从PPT、Pdf和Word中提取文字;存在的问题是:违反了开闭原则,当需要添加压缩功能时,即根据不同的文件类型,使用不同的压缩算法来压缩文件(压缩PPT、Pdf和Word文件)。 public class Extracto 阅读全文
posted @ 2022-11-27 08:55 行稳致远方 阅读(21) 评论(0) 推荐(0)