面向对象编程（OOP）给软件开发领域带来了新的设计思想。很多开发人员在进行面向对象编程过程中，往往会在一个类中将具有相同目的/功能的代码放在一起，力求以最快的方式解决当下的问题。但是，这种编程方式会导致程序代码混乱和难以维护。因此，Robert C. Martin制定了面向对象编程的五项原则。这五个 ...
分类：
其他好文 时间：
2020-02-12 11:03:34
阅读次数：
70
绘制平行线&线模糊的问题 1. 准备画布 <!-- 1. 画布 --> <canvas width="600" height="400"></canvas> 2. 加边框，让画布凸显出来 <style> canvas { border: 1px solid #ccc; } </style> 3. 获 ...
分类：
其他好文 时间：
2020-02-11 14:21:13
阅读次数：
146
四种方法 1. Border Radius .circle { background: #456BD9; border: 0.1875em solid #0F1C3F; border-radius: 50%; box-shadow: 0.375em 0.375em 0 0 rgba(15, 28, ...
分类：
Web程序 时间：
2020-02-10 10:12:46
阅读次数：
138
<template> <div> <el-container style="height: 500px; border: 1px solid #eee"> <el-aside width="200px" style="background-color: rgb(238, 241, 246);"> < ...
分类：
Web程序 时间：
2020-02-09 14:30:26
阅读次数：
142
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>注册页面重新布局</title> <style type="text/css"> .top { border: 1px solid red; width: 32.9%; heigh ...
分类：
其他好文 时间：
2020-02-02 21:31:50
阅读次数：
74
1、边框属性（默认边框不可见） （1）border 设置边框的样式 格式：宽度 样式 颜色 线条样式：solid 实线，none 无边，double 双线 （2）width 用于设置标签的宽度 格式： width：300px； （3）height 用于设置标签的高度 格式; height:300px ...
分类：
Web程序 时间：
2020-01-20 20:54:39
阅读次数：
99
我们经常希望一段文本中的字符逐个显示，模拟出一种打字的效果。类似于终端命令行的感觉。最终效果 用JS去实现： html： <span class="text"></span> <i class="cursor" style="display: none; border-right:2px solid ...
分类：
Web程序 时间：
2020-01-20 14:44:11
阅读次数：
93
css: 1 body{ 2 padding: 0 10%; 3 } 4 ul,li{ 5 margin: 0; 6 padding: 0; 7 list-style: none; 8 } 9 .flex-box{ 10 display: flex; 11 border: 1px solid; 12 ...
分类：
Web程序 时间：
2020-01-15 19:11:53
阅读次数：
97
常见的设计原则： 一：SOLID 原则 1.单一职责原则（SRP）--Single Responsibility Principle 一个类只负责完成一个职责或者功能。不要设计大而全的类，要设计粒度小、功能单一的类。单一职责原则是为了实现代码高内聚、低耦合，提高代码的复用性、可读性、可维护性。 判断 ...
分类：
其他好文 时间：
2020-01-13 17:58:21
阅读次数：
86
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <style> div { width:100px; height:100px; border:1px solid black; ...
分类：
Web程序 时间：
2020-01-07 18:32:06
阅读次数：
95
