Solid

实现样式 准备工作，先实现 树状组件的基本样式 <span style="height:500px; display:block; overflow-y:auto;" class="mytree"> <el-tree :data="data" show-checkbox node-key="id" :default-expand-all="true" :props="defaultProps" ></el-tree> </span> 　 接下来修改css ，注： 我使用的是 scss，less 也行 .mytree /deep/ { .el-tree > .el-tree-node:after { border-top: none; } .el-tree-node { position: relative; padding-left: 16px; } //节点有间隙，隐藏掉展开按钮就好了,如果觉得空隙没事可以删掉 .el-tree-node__expand-icon.is-leaf { display: none; } .el-tree-node__children { padding-left: 16px; } .el-tree-node :last-child:before { height: 38px; } .el-tree > .el-tree-node:before {

某些时候，当需要引入无效的 CSS 语法或 Less 不能识别的字符，就需要使用转义字符。Less 中的转义字符就是在字符串前面加上一个 ~ 符号，并将需要转义的字符串放在 "" 或 '' 中，例如 ~"xkd" 。转义允许你使用任意字符串作为属性或变量值。 转义的使用 一般情况下我们是不需要用到转义的，只有在代码不能被正常编译的情况下，才需要使用转义。下面我们来举一个例子说明一下。 示例： 例如 border-radius 属性，在 CSS 中我们可以使用斜杆 / 来设置属性值， / 前面的是水平半径，后面的是垂直半径。但是在 Less 中，则不支持使用 / ，如下所示： .box{ width: 100px; height: 100px; border: 1px solid #000; border-radius: 0px 25px 25px 0 / 0 25px 25px 0px; } 执行 lessc index.less index.css 命令编译代码： 可以看到上图中报了一个语法错误，这种情况下，我们就可以使用转义符将斜杆 / 进行转义，如下所示： .box{ width: 100px; height: 100px; border: 1px solid #000; border-radius: 0px 25px 25px 0 ~"/" 0 25px 25px 0px;

传统文本存储 泥版/钟鼎/甲骨/莎草纸/羊皮纸等文字存储 传统的考古学家和历史学家认为，楔形文字起源于美索不达米亚特殊的渔猎生活方式。这是较为通行的看法，西方的各种百科全书大都持这一观点。约在公元前3400年左右，楔形文字雏形产生，多为图像。到公元前 500 年左右， 这种文字甚至成了西亚大部分地区通用的商业交往媒介。楔形文字一直被使用到公元元年前后，使用情景如同现今的拉丁文。 有了文字后，人类有又了记录过往数据的能力。但是，都是靠手工存储。 这些历史，这里不做过多种赘述 造纸与活字印刷术 造纸术与应刷术是中国四大发明之一。 公元105年（西汉），蔡伦改进了造纸术，随后就是对造纸术的改进过程，唐朝利用竹子为原料制成的竹纸，标志着造纸技术取得了重大的突破。随后就是西方一些列的改进了。 公元1041年-1048年(北宋)，毕昇发明的泥活字。标志着活字印刷术的诞生。随后也是漫长的改进，传入欧洲400以后， 1440年到1445年之间，德国人约翰内斯·古腾堡的铅活字，凸版印刷技术——维克多·雨果称印刷术为世界上最大的发明。 在中世纪初期，书是财富的象征。如果谁家有一个图书室。那实在是太富有了，因为在当时书是人们用手工辛辛苦苦抄写出来的。僧侣和抄写员经常被雇来做这项工作，当然费用相当可观。印刷机的出现改变了这一切，并在文艺复兴时期加快了知识和文化的传播。 穿孔卡带纸存储 最早期的存储媒介—

# coding=utf-8 from tkinter import * import os import time def printInfo(): for root, dirs, files in os.walk(entry1.get(), topdown=0): for name in dirs: dirname = os.path.join(root, name) if not os.listdir(dirname): print('删除 ' + dirname) os.rmdir(dirname) item = dirname + ' deleted' list1.insert(0, item) list1.insert(0, time.strftime("%Y-%m-%d %H:%M:%S", time.localtime())) myWindow = Tk() myWindow.title('空目录清理') Label(myWindow, text="输入目录：").place(x=10, y=10) entry1 = Entry(myWindow, relief=SOLID) entry1.place(x=10, y=50, width=380) Button(myWindow, text='RUN', command=printInfo, relief

前面一篇文章《 最近架构随想 》，我提到架构设计的一些构想，其实也是对之前项目经验的一些归纳及总结。今天我们就以权限系统作为切入点，谈一谈怎么设计权限系统以及怎么做到系统具有以下特性： Organized：如果系统组织比较好，可以起到事半功倍的效果。 Encapsulated：对功能，结构，数据进行有效的封装，会使系统维护变得更加容易。 Reusable：对常用功能以及组件进行有效的封装，可以使系统变得结构清晰且方便维护。 Extensible：在设计系统的时候，如果很好的遵守OO的设计理念（OO的五大原则SOLID），即使系统做得很大，也会像火箭一样直冲云霄！ Replaceable：在很多时候我们需要考虑到系统，组件或者功能的可替换性，因为需求是会变的。 Testable：做到系统的可测性，会大大帮助开发以及维护，对团队开发以及分工协作起着非常重要的作用。 Loose Coupling：隔离耦合是架构设计必须要考虑的一个因素，如果系统不能做到高内聚、低耦合，那么在维护，升级，新功能开发方面就会是一场噩梦！ High Performance：高性能是系统设计必须重视的要点，用户不可能忍受简单页面加载超过十秒，也不可能接受页面操作频繁卡死的情形，所以在架构设计的时候必须从数据库，逻辑，服务以及UI进行合理的优化。 Scalability：如果能做到前面的几点

flex 基本概念 　　flex布局（flex是flexible box的缩写）， 也称为弹性盒模型 。 将属性和属性值（display:flex; ）写在哪个标签样式中，谁就是 容器；它的所有子元素自动成为容器成员，称为项目。 当一个元素的display 取值为flex，所有项目(子元素)会在一行显示；如果所有项目的尺寸之和大于容器，也不会超出父元素的宽、高度。不会换行(每个项目都会自动缩小相应的比例)。 <! DOCTYPE html > < html lang ="en" > < head > < meta charset ="UTF-8" > < meta name ="viewport" content ="width=device-width, initial-scale=1.0" > < title > 布局之:flex </ title > < link rel ="stylesheet" href ="./CSS/normalize.css" > < style > section { width : 500px ; height : 800px ; border : 2px solid black ; margin : 50px auto ; display : flex ; } div { width : 100px ; height : 100px ;

简介： 软件工程也是工程，因此传统工程制图的一些基本理论，在软件行业同样适用。但另一方面，软件与实体制造业之间还是有着本质区别，所以在制图方面的需求和方式也大相径庭，无法直接套用。作为软件行业的从业者，你可以完全不懂工程制图，但你不得不懂架构制图 —— 这是任何程序员职业生涯的的必修课。 作者 | 楚衡 前言 “架构制图”这词乍一听似乎有些晦涩，但如果提起“工程制图”，相信绝大部分工科背景的程序员们都不会陌生，甚至还能共同感慨下那些年一起伏在宿舍左手圆规，右手直尺，徒手作图到深夜的日子。 软件工程也是工程 ，因此传统工程制图的一些基本理论，在软件行业同样适用。但另一方面，软件与实体制造业之间还是有着本质区别，所以在制图方面的需求和方式也大相径庭，无法直接套用。作为软件行业的从业者，你可以完全不懂工程制图，但你不得不懂架构制图 —— 这是任何程序员职业生涯的的必修课。 本文在后半段将介绍如何用图去 描述 （describe）和 传达 （communicate）你的架构设计。值得强调的是，本文并不会侧重于单一的方法和工具，而是更希望关注那些优秀方法背后的通用方法论，即架构制图的 本质 、 共性 和 最佳实践 。希望本文能起到引子作用，激发大家对自己日常工作中关于架构和制图部分的关注、审视与思考；如果还真能帮助大家提升一点点制图效率和效果，那就更好不过了。 什么是软件架构？ 1.

jQuery 1.9/2.0/2.1及其以上版本无法使用live函数了，然而jQuery 1.9及其以上版本提供了on函数来代替。本文讲解了jQuery on函数的使用方法，以及在使用jQuery函数中遇到的一些问题。 jQuery on函数语法 1 $(selector).on(event,childSelector,data,function,map) 各个参数说明如下： 参数 描述 event 必需。规定要从被选元素移除的一个或多个事件或命名空间。由空格分隔多个事件值。必须是有效的事件。 childSelector 可选。规定只能添加到指定的子元素上的事件处理程序（且不是选择器本身，比如已废弃的 delegate() 方法）。 data 可选。规定传递到函数的额外数据。 function 可选。规定当事件发生时运行的函数。 map 规定事件映射 ({event:function, event:function, …})，包含要添加到元素的一个或多个事件，以及当事件发生时运行的函数。 按照上面的语法下面的例子是可以实现的 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <!DOCTYPE html> <html> <head> <script src="http://libs.baidu.com/jquery/1.10.2

1．制作一个气球 设页面中有<div class="balloon"></div>，为. balloon设置样式规则如下： .balloon { height: 96px; width: 80px; background: hsla(0, 100%, 50%, 0.8); border-radius: 50% 50% 50% 50% / 45% 45% 55% 55%; position: absolute; top: 30%; left:50%; } .balloon:before { content: ''; position: absolute; width: 20%; height: 30%; top: 8%; left: 16%; border-radius: 50%; transform: rotate(40deg); background: hsla(0, 0%, 100%, 0.75); } 可在页面中显示如图1所示的图形。 图1 气球 这个图形像一个气球，其中，样式.balloon绘制大的红色填充圆形，.balloon:before绘制里面的小圆形。再为这个气球加上一个手把。在生成气球形状的div中加入一个子层，定义如下： <div class="balloon"> <div class=" handle"></div> </div> 为.

东塔安全快讯，10分钟带你了解最新网络安全大事件，多喝水，多睡觉，多挖洞，还有最重要的就是，别忘了准时来看东塔每周快讯哦！ 很多人总以为网络安全是件与自己没多大关系的事，其实并非如此。在我们的日常生活中，但凡和手机相关的内容，例如聊天、刷抖音、微信支付等等都与网络安全息息相关。随着5G技术的发展，中国移动互联网的普及率来看，网络安全已经与国家、企业、普通用户的利益已经完全分不开，不注重网络安全，小则可能会给我们带来一些麻烦，大则可能让我们产生金钱损失。 本期快讯 01 2020中国(济南)网络安全高峰论坛举行 02 ******挪威议会电子邮件窃取数据 03 “2020 LINKUP+ 网络安全峰会”在南京成功举办 04 Microsoft Defender新功能被爆安全漏洞：可下载恶意程序 详情看点 01 2020中国(济南)网络安全高峰论坛举行 <figcaption data-action="image_caption" class="opt" contenteditable="true" style="display: inline-block; position: relative; min-width: 20%; max-width: 686px; margin: 8px 0px 0px; padding: 0px 0px 5px 14px; border-bottom