前端技术
HTML
CSS
Javascript
前端框架和UI库
VUE
ReactJS
AngularJS
JQuery
NodeJS
JSON
Element-UI
Bootstrap
Material UI
服务端和客户端
Java
Python
PHP
Golang
Scala
Kotlin
Groovy
Ruby
Lua
.net
c#
c++
后端WEB和工程框架
SpringBoot
SpringCloud
Struts2
MyBatis
Hibernate
Tornado
Beego
Go-Spring
Go Gin
Go Iris
Dubbo
HessianRPC
Maven
Gradle
数据库
MySQL
Oracle
Mongo
中间件与web容器
Redis
MemCache
Etcd
Cassandra
Kafka
RabbitMQ
RocketMQ
ActiveMQ
Nacos
Consul
Tomcat
Nginx
Netty
大数据技术
Hive
Impala
ClickHouse
DorisDB
Greenplum
PostgreSQL
HBase
Kylin
Hadoop
Apache Pig
ZooKeeper
SeaTunnel
Sqoop
Datax
Flink
Spark
Mahout
数据搜索与日志
ElasticSearch
Apache Lucene
Apache Solr
Kibana
Logstash
数据可视化与OLAP
Apache Atlas
Superset
Saiku
Tesseract
系统与容器
Linux
Shell
Docker
Kubernetes
[设置JFrame窗口字体风格 加粗 斜体...]的搜索结果
这里是文章列表。热门标签的颜色随机变换,标签颜色没有特殊含义。
点击某个标签可搜索标签相关的文章。
点击某个标签可搜索标签相关的文章。
Java
...体验的重要手段之一。设置窗口标题字体便是其中基础且关键的一环。通过上述文章中的setFont()方法,开发者可以灵活地将字体名称、风格(如加粗、斜体)以及大小应用于JFrame窗口标题,实现丰富的视觉效果。 近期,随着跨平台应用需求的增长和JavaFX等新一代GUI工具包的发展,对于字体管理的研究与实践也更为深入。例如,在JavaFX中,CSS样式表被广泛应用以统一管理和定制所有UI组件的字体样式,这不仅包括窗口标题,还包括按钮、标签、文本框等各种控件。 同时,值得注意的是,尽管代码示例中使用了“微软雅黑”这一字体,但在跨平台环境中,不同操作系统可能并不支持同一字体。因此,在实际项目开发中,程序员需确保所选字体在目标系统上的可用性,或者采用动态检测并加载字体的方法,以保证应用在各种环境下的兼容性和一致性。 另外,Java 17及后续版本对图形用户界面的支持持续增强,引入了更多关于字体渲染和管理的API改进,使得开发者能够更加精细地控制字体显示效果,比如支持可变字体和高级排版特性,进一步丰富了Java桌面应用的界面设计空间。 总的来说,从简单的setFont()方法开始,深入探索Java GUI编程中字体的运用与优化,不仅可以提升软件的美感与专业度,也是紧跟技术发展潮流,实现跨平台友好交互的关键步骤。
2024-01-10 15:44:21
386
软件工程师
CSS
...者可以控制网页元素的字体、颜色、间距、尺寸、定位等样式特性。 background-image 属性 , 在CSS中,background-image属性用于设置一个元素的背景图片。文章中提到,通过给.icon、.header等类设置background-image属性,并指定图片URL,可以在页面元素上显示相应的背景图片。同时,结合background-size、background-repeat等其他背景属性,能够进一步控制背景图片的大小、重复方式以及适应容器尺寸的方式,以达到理想的视觉效果。 响应式布局 (Responsive Design) , 响应式布局是一种网页设计方法,旨在使网站能够根据用户所使用的设备环境(系统平台、屏幕尺寸、屏幕方向等)进行灵活调整,提供最佳的浏览体验。在本文的上下文中,使用CSS中的max-width属性以及其他相关布局技术,使得图片元素能够自适应不同浏览器窗口大小的变化,保持良好的宽高比例,从而实现响应式图片展示,确保在任何设备上都能获得美观且易于阅读的界面效果。
2023-08-24 23:36:58
468
编程狂人
Saiku
...u被用于生成包含样式设置的数据报表,并通过其内置功能将报表导出为Excel格式。 CSS样式类 , CSS(层叠样式表)是一种设计网页样式的样式表语言,它允许开发者定义元素的外观属性如字体、颜色、布局等。在Saiku报表环境中,CSS样式类被用来控制报表的各种视觉表现,包括但不限于字体样式、单元格背景色、边框样式等。然而,当报表导出至Excel时,由于Excel不支持直接应用动态加载的CSS类,这些样式信息可能会丢失。 VBA宏 , Visual Basic for Applications (VBA) 是一种内置于Microsoft Office应用程序中的编程语言,允许用户编写自定义函数、子程序以及事件驱动代码来自动化任务或扩展Office软件的功能。在本文中,VBA宏被用于手动修复从Saiku导出至Excel后丢失样式的单元格,通过遍历并检查Excel工作表中的每个单元格,然后根据需要恢复样式设置,例如加粗、斜体等效果。
2023-10-07 10:17:51
74
繁华落尽-t
转载文章
...理各种GUI组件,如JFrame、JPanel、JButton等,并通过ActionListener实现事件处理机制,完成界面布局切换、图片显示以及响应用户操作等功能。 JPanel , 在Java Swing库中,JPanel是一个轻量级容器组件,它是所有容器类的基础。在本文实例中,作者创建了多个不同颜色边框的JPanel对象(如jpRed、jpPink、jpBlueRightBottom1等),并通过编程方式设置它们的位置、大小及可见性,以实现在同一窗口内动态切换不同的子界面或面板。 JTree , JTree是Swing库提供的一个组件,它主要用于展示树形结构的数据,每个节点可以包含文本、图标或者其他数据。在本文示例代码中,JTree组件(JTree1和JTree2)被添加到窗体中,并实现了TreeSelectionListener接口,当用户点击树节点时,会触发相应事件并弹出新的登录窗体,展示了如何利用JTree与用户进行交互并根据用户选择做出反应。 ActionListener , 在Java Swing编程框架中,ActionListener是一个监听器接口,它用于监听按钮、菜单项等UI组件上的动作事件(如点击)。在本文的上下文中,通过实现ActionListener接口并注册到按钮anNiu1和anNiu2上,程序能够捕捉到用户对按钮的点击动作,并执行相应的事件处理方法,从而实现界面布局的动态切换功能。
2023-01-18 08:36:23
525
转载
JQuery插件下载
...ootstrap模态窗口扩展jQuery插件是一款增强版的模态窗口工具,旨在提升Bootstrap框架中模态窗口的用户体验。此插件不仅继承了Bootstrap模态窗口的基础功能,还通过CSS3技术实现了流畅的动画效果,让弹出窗口的展现与关闭过程更加平滑自然,增强了视觉吸引力和交互体验。除了视觉上的改进,该插件还引入了AJAX获取数据的功能,允许模态窗口动态加载内容,无需页面刷新,提升了用户体验的连续性和页面加载效率。这意味着用户可以在不离开当前页面的情况下,查看或编辑各种数据,极大地提高了网站或应用的交互性和实用性。此外,这款插件还可能包括其他实用功能,如自定义样式设置、事件监听、模态窗口大小调整等,以满足不同场景下的需求。通过这些增强功能,开发人员可以更灵活地定制模态窗口的外观和行为,使其更好地适应特定的应用场景和设计风格。总之,Bootstrap模态窗口扩展jQuery插件通过丰富功能和优化体验,为基于Bootstrap框架的Web项目提供了强大的模态窗口解决方案,有助于提升用户的操作效率和满意度。无论是用于展示信息、收集反馈还是引导用户完成特定任务,这款插件都能提供高效、美观且功能丰富的模态窗口实现方案。 点我下载 文件大小:198.98 KB 您将下载一个JQuery插件资源包,该资源包内部文件的目录结构如下: 本网站提供JQuery插件下载功能,旨在帮助广大用户在工作学习中提升效率、节约时间。 本网站的下载内容来自于互联网。如您发现任何侵犯您权益的内容,请立即告知我们,我们将迅速响应并删除相关内容。 免责声明:站内所有资源仅供个人学习研究及参考之用,严禁将这些资源应用于商业场景。 若擅自商用导致的一切后果,由使用者承担责任。
2024-10-10 21:06:15
56
本站
HTML
...世界”游戏页面,包括设置标题、插入Logo图片、添加游戏内容区域以及底部版权信息等。 WebAssembly , 一种可移植的、体积紧凑且加载快速的二进制格式,设计用于在现代网络浏览器中运行高性能客户端和服务器应用。文中虽然未直接提及WebAssembly,但作为一种前沿技术趋势,它可以使得像“我的世界”这样的大型游戏直接在浏览器中运行,无需下载安装,增强了网页游戏的便捷性和可访问性。 WebGL , Web图形库(Web Graphics Library),是一种JavaScript API,允许开发者在任何兼容的Web浏览器中无需插件就能渲染高质量的3D图形和2D图形。结合文章语境,在当前Web技术的发展背景下,WebGL的优化升级显著提升了网页游戏的画面渲染效果和性能表现,使得网页游戏能够达到与原生应用相近甚至相同的视觉体验,如《Astroneer》的成功案例所示。 CSS3 , 层叠样式表版本3(Cascading Style Sheets Level 3),是对CSS规范的最新修订版,提供了一系列增强网页布局、颜色、字体和其他设计元素的新特性。在制作“我的世界”游戏页面时,CSS3可以用来实现Logo动态展示、游戏界面丰富化和交互性的提升,进一步优化用户体验,例如通过动画效果吸引用户注意或通过自定义样式展现独特的游戏主题风格。
2023-12-24 15:52:14
527
数据库专家
CSS
...态框是一种临时弹出的窗口或面板,用于聚焦用户的注意力并展示重要信息、请求用户进行决策或填写表单等交互操作。模态框在展现时会遮盖住页面的其他内容,通常包含一个可关闭的元素,并且只有当用户完成与模态框的交互后,才能继续与页面的其他部分进行交互。 CSS(Cascading Style Sheets) , CSS是一种样式表语言,被广泛应用于网页设计以控制HTML或其他XML文档的呈现方式,如布局、颜色、字体等视觉表现。在本文语境中,CSS用于设置模态框的初始隐藏状态、定位、尺寸、背景色以及内容区域的样式属性,实现对模态框组件外观和行为的精细控制。 JavaScript , JavaScript是一种轻量级的解释型编程语言,常用于网页和网络应用客户端的脚本编写,为用户提供丰富的动态功能。在本文中,JavaScript与CSS配合使用,通过动态添加或移除CSS类(如.modal-show),来改变模态框的显示状态,即从隐藏变为显示,实现了响应用户操作的功能需求。
2023-09-25 10:35:23
468
数据库专家
CSS
...户界面的视觉表现,如字体、颜色、布局等。在本文语境中,CSS是设置横向菜单背景的关键技术手段,通过CSS代码可以实现对导航栏背景颜色、图片、平铺方式等多种样式的控制。 background-color属性 , 在CSS中,background-color属性用来指定一个元素的背景颜色。文章中提到,通过设置background-color: FFF;为导航栏nav元素赋予白色背景,这是构建和定制横向菜单背景风格的基础步骤之一。 background-image属性 , CSS中的background-image属性用于向元素添加背景图像。文中示例展示了如何使用background-image: url( menu-bg.png );引入一个名为 menu-bg.png 的图片作为导航栏的背景,并通过background-repeat: repeat-x;属性让图片在水平方向上重复平铺,从而创建出具有独特视觉效果的横向菜单背景图案。 display: inline-block属性 , 在CSS布局中,display属性决定元素应该以何种方式显示。其中,inline-block值使得元素表现为内联块级元素,既保持了像内联元素一样的水平布局(即在同一行显示),又能像块级元素一样设置宽度、高度和顶部/底部边距。在本文中,这一属性被应用于nav下的li元素,使得菜单项能够水平排列,形成横向菜单布局。
2023-08-01 19:49:41
493
码农
VUE
...等,更是将图片排版和其他复杂布局封装成了易用的组件,开发者可以便捷地引入并快速实现美观且响应式的图片画廊或轮播图效果。 近期,Vue 3.x版本的发布进一步优化了性能,并提供了Composition API使得代码组织更为灵活。同时,Vue团队倡导的“无障碍”(a11y)理念,在图片排版上亦有所体现,鼓励开发者关注图片alt属性的设置,以提升网站对视障用户的友好度。 此外,对于大规模图片项目的管理和优化,诸如使用Vue配合Webpack进行图片懒加载、预加载等技术方案,已成为前端开发者的必备技能。例如,Vue官方文档推荐的vue-lazyload插件,就可以轻松实现图片的按需加载,有效提高了页面加载速度和用户体验。 深入探究,Vue与现代CSS Grid布局结合,能够创造出更多样化的布局形态,包括复杂的网格系统、瀑布流布局等。在实际项目中,熟练掌握这些技术将极大地丰富前端界面设计的可能性,让Vue在图片排版乃至整个Web应用构建领域大放异彩。 综上所述,Vue框架及其生态系统为前端图片处理提供了强大的支持,从基本的图片排版到更高级的图片优化策略,都展现出Vue作为主流前端框架的强大实力和广泛适用性。
2023-10-22 16:29:35
173
算法侠
CSS
...以帮助我们装饰网页的风格。不同的设备像素密度不同,在编写网页时需要根据不同的像素密度设定缩放比例,以适应各种设备。 在CSS中,我们可以使用 @media 准则根据不同的像素密度设定不同的风格。其中,关键词分别为 min-width、max-width、min-height 和 max-height,表示起码和最大宽度范围和高度范围。这些特性可用于任何组件,包含html、body、div等,也可以使用它们来设定缩放比例。 @media (min-width: 300px) { body { zoom: 0.75; } } @media (min-width: 600px) { body { zoom: 1; } } @media (min-width: 1024px) { body { zoom: 1.5; } } 在上面的代码中,我们设定了三个不同的像素密度下的缩放比例。当显示器宽度范围小于300px时,缩放比例为0.75,适合于移动设备。当宽度范围大于等于300px且小于600px时,缩放比例为1,适合于平板设备。当宽度范围大于等于1024px时,缩放比例为1.5,适合于电脑等大屏设备。 除了 zoom 特性外,还可以使用 transform:scale() 特性来达成缩放。例如: @media (min-width: 300px) { body { transform: scale(0.75); } } @media (min-width: 600px) { body { transform: scale(1); } } @media (min-width: 1024px) { body { transform: scale(1.5); } } 使用 transform: scale() 特性时,需要注意调节组件的宽度范围和高度范围,以保证缩放后的组件尺寸不会超出窗口。 在开发过程中,根据不同的设备像素密度设定缩放比例可以有效适应各种设备,提高用户体验。通过使用 CSS 的 @media 准则和 zoom 或 transform:scale() 特性,可以轻松达成页面的自适应缩放效果。
2023-12-07 22:51:38
487
码农
CSS
...ables)动态调整字体大小、颜色等样式属性,使得数字和其他内容能在各类界面中保持高度可读性和视觉吸引力。 深入研究,CSS Houdini项目也在不断推进,它允许开发者直接操作底层CSS引擎,为自定义布局、动画以及其他高级功能提供了可能。这意味着未来我们可能会看到更多创新的方式来实现诸如数字在正方形内动态展示的效果,甚至创造出更丰富多样的交互体验。 此外,对于网页性能优化,合理运用Flexbox布局还能有效减少冗余代码,提高页面渲染速度。鉴于浏览器对于Flexbox的良好支持度,掌握并灵活应用此技术无疑将大大提升前端开发者的实战能力,并有助于打造高质量的用户体验。 综上所述,从基础的正方形数字布局到前沿的CSS技术和设计理念,不断跟进学习和实践,是每一位前端开发者保持与时俱进的关键所在。
2023-06-14 12:07:04
426
软件工程师
CSS
...页内容的布局、颜色、字体和其他视觉表现形式。通过将样式与结构分离,CSS使得开发者可以独立控制网页的内容和表现。 块级元素 , 在HTML和CSS中,块级元素是指默认情况下占据其父元素整个宽度,并从新行开始渲染的元素类型。例如,段落 <p>、标题 <h1> 至 <h6> 以及 <div> 等都是块级元素。块级元素可以通过CSS中的text-indent属性实现首行缩进,且可以设置width、height、margin、padding等属性。 text-indent属性 , 在CSS中,text-indent是一个用于指定元素内文本首行缩进量的样式属性。它允许开发者设置一个绝对长度值(如px、em)或者百分比值作为缩进量,若取负值,则文本会向左移动。例如,在文章中提到的示例代码“p text-indent: 2em; ”,表示将所有段落(<p>元素)的首行文本缩进2个em单位。 list-style属性 , 在CSS中,list-style属性用于一次性设置列表项目的符号、图像或编号样式。它包含了三个子属性。 list-style-position属性 , 这是CSS中list-style属性的一个子属性,用于确定列表项目符号相对于列表内容的位置。当list-style-position设置为inside时,列表项符号会被放置在内边距区域内,与文本内容对齐,这可能导致文本缩进效果,如同文章所展示的例子,实现了符号列的缩进效果。而当其设为outside时,列表项符号会出现在外边距区域,不影响文本的常规缩进。
2023-02-27 22:17:26
523
逻辑鬼才
Tesseract
...样一个问题:“使用的字体不在支持范围内”。这可能是因为你用的字体比较独特,或者你正在处理的语言在Tesseract那里还没得到充分的支持。 二、理解这个问题 首先,我们需要明白什么是OCR。OCR,全称为Optical Character Recognition,光学字符识别。它是将印刷体或手写的文本图像转换为可编辑、可搜索的文本的技术。Tesseract这个家伙,其实是一款开源的OCR神器,最早是HP实验室的大佬们捣鼓出来的,现在嘛,已经归Google接手,负责给它保驾护航啦! 然而,尽管Tesseract是一种功能强大的OCR工具,但它并不是万能的。就像咱们没法儿人人都掌握世界上每种语言一样,Tesseract这家伙也没法识别所有字体。它可不是万能字典,也有认不出的字体呢!这是因为每种字体都有它独一无二的长相和特点,就像每个人都有自己的独特面孔一样,想要认出它们,得专门练练眼力,才能做到准确无误地辨识! 三、如何解决这个问题 那么,如果你遇到了“使用的字体不在支持范围内”的问题,该怎么办呢?这里有一些建议: 1. 尝试其他OCR工具 如果你的字体不是特别复杂或者特殊,你可以尝试其他的OCR工具。市面上有很多优秀的OCR工具,比如Adobe Acrobat DC,ABBYY FineReader等。 2. 自定义字体训练 如果上述方法不能解决问题,你可能需要自定义字体训练。这事儿确实需要你掌握一些编程技巧,同时也要花费些时间捣鼓一下。不过别担心,一旦搞定,你的Tesseract就能像认亲一样,准确识别出你那特有的字体风格啦! 3. 联系开发者 最后,你也可以联系Tesseract的开发者,看看他们是否可以帮助你解决这个问题。他们的官方邮件列表是一个很好的地方开始。 四、总结 总的来说,“使用的字体不在支持范围内”是一个常见的OCR问题。虽然解决这个问题可能需要一些时间和努力,但是通过尝试其他OCR工具、自定义字体训练或者联系开发者,你应该能够找到一个解决方案。 五、代码示例 以下是使用Python调用Tesseract进行OCR的基本步骤: python import pytesseract from PIL import Image 打开图片 img = Image.open('test.png') 使用Tesseract进行OCR text = pytesseract.image_to_string(img, lang='eng') print(text) 在这个例子中,我们首先导入了必要的库,然后打开了一个图片。然后,我们动用了pytesseract这个小工具里的image_to_string函数,对图片进行了OCR识别处理,而且还特意告诉它这次要用英语('eng')来识字。最后,我们打印出了识别出的文字。 以上就是一个简单的Tesseract OCR的例子。当然,实际的代码可能需要根据具体的需求进行调整。例如,你可能需要设置更多的参数,如输出格式、页面区域等。
2023-04-18 19:54:05
392
岁月如歌-t
HTML
...ript创建一款网红风格的钟表之后,我们可以进一步探讨现代网页设计中实时动态效果的重要性以及前端技术的最新发展。 近期,随着Web Components、WebGL与CSS Houdini等前沿技术的发展,网页设计师和开发者能够创造出更为复杂且互动性强的用户界面。例如,通过WebGL可以在浏览器中实现3D渲染,为时钟设计带来全新的视觉体验,如立体旋转的时钟效果。同时,CSS Houdini则允许开发者深入底层CSS渲染管道,自定义动画和其他图形效果,这意味着未来可以更加精细地控制时钟指针运动轨迹及交互反馈。 此外,对于时钟这样的功能性组件,响应式设计与无障碍访问也是不可忽视的方面。根据不同的设备和用户需求,时钟设计应当具备良好的适应性和易用性,确保所有用户都能清晰获取时间信息。最近,W3C正积极推动WCAG 2.2标准更新,对网页可访问性要求进一步提高,这将指导我们在设计类似网红钟表这类可视化元素时充分考虑视障人士等特殊群体的需求。 综上所述,在实际项目中运用本文所学知识的同时,紧跟前端技术和设计趋势,不仅能让我们的网红钟表更具吸引力,还能提升整体用户体验,使网页功能与美观并存,真正实现设计的价值。
2023-12-18 18:42:28
505
编程狂人
转载文章
...来了现代化、流畅设计风格的用户界面元素,其中包含高度可定制的列表视图组件,能够更便捷地实现如文章所述的ListBox美化效果。 同时,随着跨平台开发需求的增长,MAUI(Multi-platform App UI)作为.NET的下一代跨平台UI框架,也为自定义绘制列表项提供了更为丰富的API和更高的性能优化空间。开发者可以利用最新的XAML Hot Reload技术,在运行时即时预览并调整UI设计,包括对列表框项目的个性化样式设置。 此外,对于深入理解自定义绘制原理及提升图形渲染效率,可参考《Professional C and .NET: Build a Career in .NET Development》一书中的相关章节,作者通过详尽实例剖析了如何利用GDI+进行高效图形绘制,并结合现代GPU加速技术提升界面渲染速度。 总之,紧跟技术发展趋势,结合最新的开发工具与框架,不仅能让ListBox乃至其他WinForms控件的美化效果更加出众,也能更好地满足现代应用对于高性能、高交互性和美观界面的需求。
2023-10-22 22:21:02
667
转载
CSS
...点击文本框、按钮或者其他可编辑元素的时候会出现,目的是为了提示用户当前正在与哪个地方交互。 老实说,这根竖线本身并没有什么错,但有时候它会显得特别突兀,尤其是在设计需要极简风格的网站或者应用程序中。想象一下,你辛辛苦苦设计了一个界面,背景颜色柔和,字体优雅,结果一聚焦就蹦出来一根刺眼的竖线,是不是有点扫兴? 所以,今天我们不仅要解决这个问题,还要深入探讨一下它的原理以及如何优雅地移除它。别急,咱们一步一步来! --- 2. 原理揭秘 光标竖线是怎么来的? 首先,让我们搞清楚这根竖线到底是怎么冒出来的。其实,它是由浏览器默认样式决定的。当你给某个东西设置了“被选中”的状态(比如你点了一下那个东西让它高亮),浏览器就会自动画一道竖线出来。这可不是为了好看,而是为了告诉咱们:嘿!这里就是现在焦点所在的地方! 从技术上讲,这个竖线是由 CSS 中的 outline 属性控制的。outline 是一种特殊的边框属性,专门用来表示元素的焦点状态。默认啊,浏览器总会给输入框这些能编辑的东西自动加上一根蓝线或者灰线,就是那个让你一眼就能看出“这是可以输入的地方”的小标志。 不过,这也带来了一个问题:虽然 outline 的初衷是为了提升用户体验,但在某些场景下,它可能会破坏整体的设计效果。比如: - 影响视觉美感:如果页面的颜色搭配非常讲究,那根竖线可能会显得格格不入。 - 无障碍问题:对于一些用户来说,这根竖线可能并不是必要的,甚至会分散注意力。 所以,如果我们想要更精致的设计,就需要学会如何自定义或者完全移除这个竖线。 --- 3. 解决方案 如何优雅地去掉光标竖线? 现在我们知道了问题的根源,接下来就是动手解决问题啦!这里有几种方法可以帮助你去掉或者自定义光标竖线,每种方法都有其优缺点,大家可以结合自己的需求选择适合的方式。 方法一:直接移除 outline 最简单粗暴的方法就是直接通过 CSS 将 outline 设置为 none。这个方法能直接去掉那些烦人的竖线,不过得小心点!因为用完之后,当你切换焦点的时候,可能就分不清到底哪个东西是被选中的了。所以啊,不到万不得已,还是别轻易尝试啦! css input:focus { outline: none; } 优点:操作简单,立刻生效。 缺点:失去焦点时可能会影响用户的体验。 方法二:自定义 outline 样式 与其完全移除 outline,不如换个方式让它变得更和谐。你可以调整那个竖线的“轮廓”——比如它的颜色、粗细,还有样子,让它跟你的整体设计更搭,看起来不那么突兀。 css input:focus { outline: 2px solid FFD700; / 黄色外框 / outline-offset: 4px; / 外框距离内容的距离 / } 优点:既保留了焦点提示功能,又能让竖线看起来更美观。 缺点:需要额外的时间去调整样式。 方法三:用 box-shadow 替代 outline 如果你不想用传统的 outline,可以尝试用 box-shadow 来模拟焦点效果。这样弄出来的效果特别自然,而且跟那种传统的“轮廓线”比起来,完全不会显得死板或突兀,看着就舒服多了! css input:focus { box-shadow: 0 0 5px rgba(0, 0, 255, 0.5); / 蓝色阴影 / border: none; / 移除原有边框 / } 优点:灵活性高,可以根据需求定制阴影效果。 缺点:需要更多的测试来确保兼容性。 --- 4. 实战演练 结合实际案例看看效果 为了让大家更好地理解这些方法的实际效果,我准备了一些简单的代码示例,大家可以复制到本地试一试。 示例一:完全移除 outline html Remove Outline 示例二:自定义 outline 样式 html Custom Outline 示例三:用 box-shadow 模拟焦点 html Box Shadow Example --- 5. 总结与反思 做设计还是做用户体验? 写到这里,我觉得有必要停下来聊一聊设计和用户体验之间的平衡。很多时候,我们追求极致的视觉效果,却忽略了用户的实际感受。虽然去掉光标竖线可以让界面更整洁,但也可能让用户感到困惑。 所以,在决定是否去掉竖线之前,不妨问问自己:这样做真的对用户更好吗?如果答案是肯定的,那就大胆去做吧!但如果不确定,不妨先测试一下,看看用户的反馈如何。 总之,技术永远是为了服务于人,而不是让人迁就技术。希望今天的分享能给大家带来一些启发,同时也希望大家能在实践中不断探索和成长! 好了,今天的分享就到这里啦!如果你还有什么疑问或者想法,欢迎在评论区留言交流哦~咱们下次再见!
2025-04-27 15:35:12
46
风轻云淡_
Saiku
...。 3. 在弹出的新窗口中,你可以看到一个预览窗口。在这里,你可以通过拖拽的方式来选择需要展示的数据字段。 4. 当你选择了所有需要的字段后,可以点击右下角的"Add to Dashboard"按钮将其添加到你的仪表板上。 5. 最后,点击右上角的"Save Dashboard"按钮,保存你的工作。 现在,你已经成功地创建了一个新的报表! 五、高级设置 除了基本的报表创建功能外,Saiku还提供了许多高级设置,让你能够更好地定制你的报表。比如说,你完全可以按照自己的想法,通过更换图表样式、挑选不同的颜色搭配方案,或者调整布局结构等方式,让报表的视觉效果焕然一新。就像是给报表精心打扮一番,让它看起来更加吸引人,更符合你的个性化需求。此外,你还可以通过编写SQL查询来获取特定的数据。这些高级设置使得Saiku成为一个真正的强大工具。 六、总结 总的来说,Saiku的报表功能非常强大,无论是初学者还是专业人员都能从中受益。虽然最开始学起来可能有点费劲,感觉像是在爬一座小陡山,但只要你舍得花点时间,下点功夫,我打包票,你绝对能玩转这个工具的所有功能,把它摸得门儿清。所以,如果你现在还在为找不到一个给力的报表工具头疼不已,那我真的建议你试一试Saiku这个神器!我跟你保证,它绝对会让你眼前一亮,大呼惊喜! 七、问答环节 下面是我们收集的一些常见问题以及解答: 问:我在创建报表时遇到了困难,怎么办? 答:首先,你可以查阅Saiku的官方文档或者在网上搜索相关的教程。如果这些都无法解决问题,你也可以在Saiku的论坛上寻求帮助。社区里的其他用户都非常热心,他们一定能够帮你解决问题。 问:我能否自定义报表的颜色和样式? 答:当然可以!Saiku提供了丰富的自定义选项,包括颜色方案、字体、布局方式等。你只需点击相应的按钮,就可以开始自定义了。 问:我可以将报表导出吗? 答:当然可以!你可以将报表导出为PDF、PNG、SVG等多种格式,以便于分享或者打印。
2023-02-10 13:43:51
119
幽谷听泉-t
转载文章
...strong>加粗文本</strong><br><dfn>定义项目</dfn><br><code>一段电脑代码</code><br><samp>计算机样本</samp><br><kbd>键盘输入</kbd><br><var>变量</var></body></html 2、HTML <audio> 标签 <audio> 标签是 HTML5 提供的用来播放音频文件的。 <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>W3Cschool(w3cschool.cn)</title> </head><body><audio controls><source src="/statics/demosource/horse.ogg" ><source src="/statics/demosource/horse.mp3" >您的浏览器不支持 audio 元素。</audio></body></html> 3、HTML <area> 标签 <area> 标签可以在图像上划分区域,这些区域是可以点击的,并且对应不同的操作。 <!DOCTYPE html><html><head><meta charset="utf-8"><title>W3Cschool(w3cschool.cn)</title></head><body><p>点击太阳或其他行星,注意变化:</p><img src="/statics/images/course/planets.gif" width="145" height="126" alt="Planets" usemap="planetmap"><map name="planetmap"><area shape="rect" coords="0,0,82,126" target="_blank" alt="Sun" href="/statics/images/course/sun.gif"><area shape="circle" coords="90,58,3" target="_blank" alt="Mercury" href="/statics/images/course/merglobe.gif"><area shape="circle" coords="124,58,8" target="_blank" alt="Venus" href="/statics/images/course/venglobe.gif"></map></body></html> 4、HTML <select> 标签定义及使用说明 <select> 元素用来创建下拉列表。 <!DOCTYPE html><html><head><meta charset="utf-8"> <title>W3Cschool(w3cschool.cn)</title> </head><body><select><option value="volvo" style="display:none">Volvo</option><option value="saab">Saab</option><option value="opel">Opel</option><option value="audi">Audi</option></select></body></html> 5、HTML <style> 标签 <style> 标签包含了 HTML 文档的样式详细,在默认情况下,在该元素内写入的样式指令将被认为是CSS。 <!DOCTYPE html><html><head><meta charset="utf-8"> <title>W3Cschool(w3cschool.cn)</title><style type="text/css">h1 {color:red;}p {color:blue;}</style></head><body><h1>这是一个标题</h1><p>这是一个段落。</p></body></html> 7、HTML <sub> 标签 包含在 <sub> 标签和其结束标签 </sub> 中的内容会以正常内容的一半的高度显示在下方,而且通常较小,请参见下述例子: <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>W3Cschool教程(w3cschool.cn)</title> </head><body><p>这个文本包含 <sub>下标</sub>文本。</p><p>这个文本包含 <sup>上标</sup> 文本。</p></body></html> 8、HTML <summary> 标签 <summary> 标签元素作为一个<datails>元素的标题,该标题可以包含详细的信息,但是默认情况下不显示,需要单击才能显示详细信息,请参考下述示 <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>W3Cschool(w3cschool.cn)</title> </head><body><details><summary>Copyright 1999-2011.</summary><p> - by Refsnes Data. All Rights Reserved.</p><p>All content and graphics on this web site are the property of the company Refsnes Data.</p></details><p><b>注意:</b>目前只有 Chrome 和 Safari 6 支持 summary 标签。</p></body></html> 9、HTML <table> 标签 <table> 标签用来定义 HTML 表格,一个简单的 HTML 表格应该包括两行两列,如下述示例所示: <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>W3Cschool教程(w3cschool.cn)</title> </head><body><table border="1"><tr><th>Month</th><th>Savings</th></tr><tr><td>January</td><td>$100</td></tr><tr><td>February</td><td>$80</td></tr></table></body></html> 10、HTML <textarea> 标签 <textarea> 标签表示多行纯文本编辑控件,用户可在其文本区域中写入文本,请参考下述示例: <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>W3Cschool 在线教程(w3cschool.cn)</title> </head><body><textarea rows="10" cols="30">我是一个文本框。</textarea></body></html> 11、HTML <tt> 标签 - HTML5 不支持 <tt> 标签用来改变字体样式,使标签中的文本显示为打字机文本,请参考下述例子: <!DOCTYPE html><html><body><p>This text is normal.</p><p><tt>This text is teletype text.</tt></p></body></html> 12、HTML <u> 标签 <u> 标签可以用来对标签内的文本实现下划线样式,请参考下述示例: <!DOCTYPE html><html><body><p>This is a <u>parragraph</u>.</p></body></html> 13、HTML <ul> 标签 <ul> 标签表示HTML页面中项目的无序列表,一般会以项目符号列表呈现,请参考下述例子: <!DOCTYPE html><html><head><meta charset="utf-8"> <title>W3Cschool(w3cschool.cn)</title> </head><body><h4>无序列表:</h4><ul><li>咖啡</li><li>茶</li><li>牛奶</li></ul></body></html> 14、HTML <video> 标签 <video> 标签可以将视频内容嵌入到HTML文档中,请参考下述示例: <!DOCTYPE html><html><body><video width="320" height="240" controls><source src="/statics/demosource/movie.mp4" type="video/mp4"><source src="/statics/demosource/movie.ogg" type="video/ogg">您的浏览器不支持 HTML5 video 标签。</video></body></html> 15、HTML <ol> 标签 <ol> 标签在 HTML 中表示有序列表,是 ordered lists 的缩写。您可以自定义有序列表的初始序号,请参考下面的实例: <!DOCTYPE html><html><head><meta charset="utf-8"> <title>W3Cschool(w3cschool.cn)</title> </head><body><ol><li>咖啡</li><li>茶</li><li>牛奶</li></ol><ol start="50"><li>咖啡</li><li>茶</li><li>牛奶</li></ol></body></html> 16、HTML <noframes> 标签HTML5不支持该标签 <noframes> 标签用于支持不支持 <frame> 元素的浏览器,请参考下面的示例: <html><head><meta charset="utf-8"> <title>W3Cschool(w3cschool.cn)</title> </head><frameset cols="25%,50%,25%"><frame src="/statics/demosource/frame_a.htm"><frame src="/statics/demosource/frame_b.htm"><frame src="/statics/demosource/frame_c.htm"><noframes>抱歉,您的浏览器不支持 frame 属性!</noframes></frameset></html> 17、HTML <hr> 标签 <hr> 标签表示段落级元素之间的主题划分。例如,在下面的实例中我们对具有主题变化的内容使用了 <hr> 标签: <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>W3Cschool(w3cschool.cn)</title> </head><body><h1>HTML</h1><p>HTML 是用于描述 web 页面的一种语言。</p><hr><h1>CSS</h1><p>CSS 定义如何显示 HTML 元素。</p></body></html> 18、HTML <h1> - <h6> 标签 <h1> - <h6> 标签用来定义 HTML 标题,表示了 HTML 网页中六个级别的标题。您可以通过下面的这个实例来看看每个级别的标题有什么区别: <!DOCTYPE html><html><head><meta charset="utf-8"><title>W3Cschool(w3cschool.cn)</title></head><body><h1>这是标题1</h1><h2>这是标题2</h2><h3>这是标题 3</h3><h4>这是标题 4</h4><h5>这是标题 5</h5><h6>这是标题 6</h6></body></html> 19、HTML <center> 标签 - HTML 5 不支持 <center> 标签控制文本的居中显示,不能在 HTML5 中使用。 <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>W3Cschool(w3cschool.cn)</title> </head><body><p>这是一些文本。</p><center>这个文本居中对齐。</center><p>这是一些文本</p></body></html> 20、HTML <button> 标签 <button> 标签用来设置 HTML 中的按钮。 <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>W3Cschool(w3cschool.cn)</title> </head><body><button type="button" onclick="alert('Hello world!')">Click Me!</button></body></html> 21、HTML <br> 标签 <br> 标签是空标签,可插入一个简单的换行符。 <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>W3Cschool(w3cschool.cn)</title> </head><body><p>使用br元素<br>在文本中<br>换行。</p></body></html> 22、HTML <dt> 标签 <dt> 标签只能够作为 <dl> 标签的一个子元素出现,常常后跟一个 <dd> 标签。 <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>W3Cschool(w3cschool.cn)</title> </head><body><dl><dt>咖啡</dt><dd>黑色的热饮</dd><dt>牛奶</dt><dd>白色的冷饮</dd></dl></body></html> 23、HTML <fieldset> 标签 <fieldset> 标签内的一组表单元素会在 WEB 浏览器中以特殊的方式显示,比如不同样式的边界、3D效果等。 <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>W3Cschool(w3cschool.cn)</title> </head><body><form><fieldset><legend>个人信息:</legend>姓名: <input type="text"><br>邮箱: <input type="text"><br>生日: <input type="text"></fieldset></form></body></html> 24、HTML <embed> 标签 <embed> 标签用来定义在页面中嵌入的内容,比如插件。比如,在下面的实例中我们嵌入了一个 flash 动画: <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>W3Cschool(w3cschool.cn)</title> </head><body><embed src="/statics/demosource/helloworld.swf" tppabs="http://W3Cschool.com/tags/helloworld.swf"></body></html> 25、HTML <font> 标签 - HTML5 不支持 <font> 标签的使用示例如下所示,该标签已经过时,因此我们不建议您使用该标签。 <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>W3Cschool(w3cschool.cn)</title> </head><body><p><font size="3" color="red">这是一些文本!</font></p><p><font size="2" color="blue">这是一些文本!</font></p><p><font face="verdana" color="green">这是一些文本!</font></p></body></html> 26、HTML <label> 标签 <label> 标签是一种常见的表单控件,触发对应表单控件功能,让用户在使用表单的时候能够有更好的体验。参考下述的实例: <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>W3Cschool(w3cschool.cn)</title> </head><body><p>点击其中一个文本标签选中选项:</p><form action="/statics/demosource/demo-form.php"><label for="male">Male</label><input type="radio" name="sex" id="male" value="male"><br><label for="female">Female</label><input type="radio" name="sex" id="female" value="female"><br><br><input type="submit" value="提交"></form></body></html> 记录一些重要标签! 本篇文章为转载内容。原文链接:https://blog.csdn.net/chehec2010/article/details/85060460。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-10-11 23:43:21
296
转载
转载文章
...需要被源码形式包含到其他项目中进行统一编译使用(例如腾讯的开源Json解析库RapidJSON,就是纯C++头文件形式)。在开源领域有如GPL等规约对此进行规范,下游开发者遵循协议,引用代码,强制或可选地显式保留其GPL声明,可以进行使用和更改。这样的源码依赖关系,结合规范化的changelog声明代码改动,侧面也是为开发过程中跟进考虑。但是一个成型的产品,比如企业自有的服务端底层产品、中间件,新版本的发版更新是复杂的过程,开发者在旧版本仍然“功能正常”的情况下往往倾向于不跟进新版本;而上游代码如果进行安全漏洞修复,通常也都只在其最新版本代码中改动,安全修复与功能迭代并存,如果没有类似Linux发行版社区的努力,旧版本代码完全没有干净的安全更新patch可用。 ·在特定场景下,有些开发实践可能不严格遵循开源代码协议限定,引入了GPL等协议保护的代码而不做声明(以规避相关责任),丢失了引入和版本的信息跟踪;在另一些场景下,可能存在对开源代码进行大刀阔斧的修改、剪裁、定制,以符合自身业务的极端需求,但是过多的修改、人员的迭代造成与官方代码严重的失同步,丧失可维护性。 ·更一般的情况是,在开发中,开发者个体往往心照不宣的存在对网上代码文件、代码片段的复制-粘贴操作。被参考的代码,可能有上述的开源代码,也可能有各种Github作者练手项目、技术博客分享的代码片段、正式开源项目仅用来说明用法的不完备示例代码。这些代码的引入完全无迹可寻,即便是作者自己也很难解释用了什么。这种情况下,上面两条认定的那些与官方安全更新失同步的问题同样存在,且引入了独特的风险:被借鉴的代码可能只是原作者随手写的、仅仅是功能成立的片段,甚至可能是恶意作者随意散布的有安全问题的代码。由此,问题进入了最大的发散空间。 在Synopsys下BLACKDUCK软件之前发布的《2018 Open Source Security and Risk Analysis Report》中分析,96%的应用中包含有开源组件和代码,开源代码在应用全部代码中的占比约为57%,78%的应用中在引用的三方开源代码中存在历史漏洞。也就是说,现在互联网上所有厂商开发的软件、应用,其开发人员自己写的代码都是一少部分,多数都是借鉴来的。而这还只是可统计、可追溯的;至于上面提到的非规范的代码引用,如果也纳入进来考虑,三方代码占应用中的比例会上升到多少?曾经有分析认为至少占80%,我们只期望不会更高。 Ⅱ. 从碎片到乱刃:OpenSSH在野后门一览 在进行基础软件梳理时,回忆到反病毒安全软件提供商ESET在2018年十月发布的一份白皮书《THE DARK SIDE OF THE FORSSHE: A landscape of OpenSSH backdoors》。其站在一个具有广泛用户基础的软件提供商角度,给出了一份分析报告,数据和结论超出我们对于当前基础软件使用全景的估量。以下以我的角度对其中一方面进行解读。 一些必要背景 SSH的作用和重要性无需赘言;虽然我们站在传统互联网公司角度,可以认为SSH是通往生产服务器的生命通道,但当前多样化的产业环境已经不止于此(如之前libssh事件中,不幸被我言中的,SSH在网络设备、IoT设备上(如f5)的广泛使用)。 OpenSSH是目前绝大多数SSH服务端的基础软件,有完备的开发团队、发布规范、维护机制,本身是靠谱的。如同绝大多数基础软件开源项目的做法,OpenSSH对漏洞有及时的响应,针对最新版本代码发出安全补丁,但是各大Linux发行版使用的有各种版本的OpenSSH,这些社区自行负责将官方开发者的安全补丁移植到自己系统搭载的低版本代码上。天空彩 白皮书披露的现状 如果你是一个企业的运维管理人员,需要向企业生产服务器安装OpenSSH或者其它基础软件,最简单的方式当然是使用系统的软件管理安装即可。但是有时候,出于迁移成本考虑,可能企业需要在一个旧版本系统上,使用较新版本的OpenSSL、OpenSSH等基础软件,这些系统不提供,需要自行安装;或者需要一个某有种特殊特性的定制版本。这时,可能会选择从某些rpm包集中站下载某些不具名第三方提供的现成的安装包,或者下载非官方的定制化源码本地编译后安装,总之从这里引入了不确定性。 这种不确定性有多大?我们粗估一下,似乎不应成为问题。但这份白皮书给我们看到了鲜活的数据。 ESET研究人员从OpenSSH的一次历史大规模Linux服务端恶意软件Windigo中获得启示,采用某种巧妙的方式,面向在野的服务器进行数据采集,主要是系统与版本、安装的OpenSSH版本信息以及服务端程序文件的一个特殊签名。整理一个签名白名单,包含有所有能搜索到的官方发布二进制版本、各大Linux发行版本各个版本所带的程序文件版本,将这些标定为正常样本进行去除。最终结论是: ·共发现了几百个非白名单版本的OpenSSH服务端程序文件ssh和sshd; ·分析这些样本,将代码部分完全相同,仅仅是数据和配置不同的合并为一类,且分析判定确认有恶意代码的,共归纳为 21个各异的恶意OpenSSH家族; ·在21个恶意家族中,有12个家族在10月份时完全没有被公开发现分析过;而剩余的有一部分使用了历史上披露的恶意代码样本,甚至有源代码; ·所有恶意样本的实现,从实现复杂度、代码混淆和自我保护程度到代码特征有很大跨度的不同,但整体看,目的以偷取用户凭证等敏感信息、回连外传到攻击者为主,其中有的攻击者回连地址已经存在并活跃数年之久; ·这些后门的操控者,既有传统恶意软件黑产人员,也有APT组织; ·所有恶意软件或多或少都在被害主机上有未抹除的痕迹。ESET研究者尝试使用蜜罐引诱出攻击者,但仍有许多未解之谜。这场对抗,仍未取胜。 白皮书用了大篇幅做技术分析报告,此处供细节分析,不展开分析,以下为根据恶意程序复杂度描绘的21个家族图谱: 问题思考 问题引入的可能渠道,我在开头进行了一点推测,主要是由人的原因切入的,除此以外,最可能的是恶意攻击者在利用各种方法入侵目标主机后,主动替换了目标OpenSSH为恶意版本,从而达成攻击持久化操作。但是这些都是止血的安全运维人员该考虑的事情;关键问题是,透过表象,这显露了什么威胁形式? 这个问题很好回答,之前也曾经反复说过:基础软件碎片化。 如上一章节简单提到,在开发过程中有各种可能的渠道引入开发者不完全了解和信任的代码;在运维过程中也是如此。二者互相作用,造成了软件碎片化的庞杂现状。在企业内部,同一份基础软件库,可能不同的业务线各自定制一份,放到企业私有软件仓库源中,有些会有人持续更新供自己产品使用,有些由系统软件基础设施维护人员单独维护,有些则可能是开发人员临时想起来上传的,他们自己都不记得;后续用到的这个基础软件的开发和团队,在这个源上搜索到已有的库,很大概率会倾向于直接使用,不管来源、是否有质量背书等。长此以往问题会持续发酵。而我们开最坏的脑洞,是否可能有黑产人员入职到内部,提交个恶意基础库之后就走人的可能?现行企业安全开发流程中审核机制的普遍缺失给这留下了空位。 将源码来源碎片化与二进制使用碎片化并起来考虑,我们不难看到一个远远超过OpenSSH事件威胁程度的图景。但这个问题不是仅仅靠开发阶段规约、运维阶段规范、企业内部管控、行业自查、政府监管就可以根除的,最大的问题归根结底两句话: 不可能用一场战役对抗持续威胁;不可能用有限分析对抗无限未知。 Ⅲ. 从自信到自省:RHEL、CentOS backport版本BIND漏洞 2018年12月20日凌晨,在备战冬至的软件供应链安全大赛决赛时,我注意到漏洞预警平台捕获的一封邮件。但这不是一个漏洞初始披露邮件,而是对一个稍早已披露的BIND在RedHat、CentOS发行版上特定版本的1day漏洞CVE-2018-5742,由BIND的官方开发者进行额外信息澄(shuǎi)清(guō)的邮件。 一些必要背景 关于BIND 互联网的一个古老而基础的设施是DNS,这个概念在读者不应陌生。而BIND“是现今互联网上最常使用的DNS软件,使用BIND作为服务器软件的DNS服务器约占所有DNS服务器的九成。BIND现在由互联网系统协会负责开发与维护参考。”所以BIND的基础地位即是如此,因此也一向被大量白帽黑帽反复测试、挖掘漏洞,其开发者大概也一直处在紧绷着应对的处境。 关于ISC和RedHat 说到开发者,上面提到BIND的官方开发者是互联网系统协会(ISC)。ISC是一个老牌非营利组织,目前主要就是BIND和DHCP基础设施的维护者。而BIND本身如同大多数历史悠久的互联网基础开源软件,是4个UCB在校生在DARPA资助下于1984年的实验室产物,直到2012年由ISC接管。 那么RedHat在此中是什么角色呢?这又要提到我之前提到的Linux发行版和自带软件维护策略。Red Hat Enterprise Linux(RHEL)及其社区版CentOS秉持着稳健的软件策略,每个大的发行版本的软件仓库,都只选用最必要且质量久经时间考验的软件版本,哪怕那些版本实在是老掉牙。这不是一种过分的保守,事实证明这种策略往往给RedHat用户在最新漏洞面前提供了保障——代码总是跑得越少,潜在漏洞越多。 但是这有两个关键问题。一方面,如果开源基础软件被发现一例有历史沿革的代码漏洞,那么官方开发者基本都只为其最新代码负责,在当前代码上推出修复补丁。另一方面,互联网基础设施虽然不像其上的应用那样爆发性迭代,但依然持续有一些新特性涌现,其中一些是必不可少的,但同样只在最新代码中提供。两个刚需推动下,各Linux发行版对长期支持版本系统的软件都采用一致的策略,即保持其基础软件在一个固定的版本,但对于这些版本软件的最新漏洞、必要的最新软件特性,由发行版维护者将官方开发者最新代码改动“向后移植”到旧版本代码中,即backport。这就是基础软件的“官宣”碎片化的源头。 讲道理,Linux发行版维护者与社区具有比较靠谱的开发能力和监督机制,backport又基本就是一些复制粘贴工作,应当是很稳当的……但真是如此吗? CVE-2018-5742漏洞概况 CVE-2018-5742是一个简单的缓冲区溢出类型漏洞,官方评定其漏洞等级moderate,认为危害不大,漏洞修复不积极,披露信息不多,也没有积极给出代码修复patch和新版本rpm包。因为该漏洞仅在设置DEBUG_LEVEL为10以上才会触发,由远程攻击者构造畸形请求造成BIND服务崩溃,在正常的生产环境几乎不可能具有危害,RedHat官方也只是给出了用户自查建议。 这个漏洞只出现在RHEL和CentOS版本7中搭载的BIND 9.9.4-65及之后版本。RedHat同ISC的声明中都证实,这个漏洞的引入原因,是RedHat在尝试将BIND 9.11版本2016年新增的NTA机制向后移植到RedHat 7系中固定搭载的BIND 9.9版本代码时,偶然的代码错误。NTA是DNS安全扩展(DNSSEC)中,用于在特定域关闭DNSSEC校验以避免不必要的校验失败的机制;但这个漏洞不需要对NTA本身有进一步了解。 漏洞具体分析 官方没有给出具体分析,但根据CentOS社区里先前有用户反馈的bug,我得以很容易还原漏洞链路并定位到根本原因。 若干用户共同反馈,其使用的BIND 9.9.4-RedHat-9.9.4-72.el7发生崩溃(coredump),并给出如下的崩溃时调用栈backtrace: 这个调用过程的逻辑为,在9 dns_message_logfmtpacket函数判断当前软件设置是否DEBUG_LEVEL大于10,若是,对用户请求数据包做日志记录,先后调用8 dns_message_totext、7 dns_message_sectiontotext、6 dns_master_rdatasettotext、5 rdataset_totext将请求进行按协议分解分段后写出。 由以上关键调用环节,联动RedHat在9.9.4版本BIND源码包中关于引入NTA特性的源码patch,进行代码分析,很快定位到问题产生的位置,在上述backtrace中的5,masterdump.c文件rdataset_totext函数。漏洞相关代码片段中,RedHat进行backport后,这里引入的代码为: 这里判断对于请求中的注释类型数据,直接通过isc_buffer_putstr宏对缓存进行操作,在BIND工程中自定义维护的缓冲区结构对象target上,附加一字节字符串(一个分号)。而漏洞就是由此产生:isc_buffer_putstr中不做缓冲区边界检查保证,这里在缓冲区已满情况下将造成off-by-one溢出,并触发了缓冲区实现代码中的assertion。 而ISC上游官方版本的代码在这里是怎么写的呢?找到ISC版本BIND 9.11代码,这里是这样的: 这里可以看到,官方代码在做同样的“附加一个分号”这个操作时,审慎的使用了做缓冲区剩余空间校验的str_totext函数,并额外做返回值成功校验。而上述提到的str_totext函数与RETERR宏,在移植版本的masterdump.c中,RedHat开发者也都做了保留。但是,查看代码上下文发现,在RedHat开发者进行代码移植过程中,对官方代码进行了功能上的若干剪裁,包括一些细分数据类型记录的支持;而这里对缓冲区写入一字节,也许开发者完全没想到溢出的可能,所以自作主张地简化了代码调用过程。 问题思考 这个漏洞本身几乎没什么危害,但是背后足以引起思考。 没有人在“借”别人代码时能不出错 不同于之前章节提到的那种场景——将代码文件或片段复制到自己类似的代码上下文借用——backport作为一种官方且成熟的做法,借用的代码来源、粘贴到的代码上下文,是具有同源属性的,而且开发者一般是追求稳定性优先的社区开发人员,似乎质量应该有足够保障。但是这里的关键问题是:代码总要有一手、充分的语义理解,才能有可信的使用保障;因此,只要是处理他人的代码,因为不够理解而错误使用的风险,只可能减小,没办法消除。 如上分析,本次漏洞的产生看似只是做代码移植的开发者“自作主张”之下“改错了”。但是更广泛且可能的情况是,原始开发者在版本迭代中引入或更新大量基础数据结构、API的定义,并用在新的特性实现代码中;而后向移植开发人员仅需要最小规模的功能代码,所以会对增量代码进行一定规模的修改、剪裁、还原,以此适应旧版本基本代码。这些过程同样伴随着第三方开发人员不可避免的“望文生义”,以及随之而来的风险。后向移植操作也同样助长了软件碎片化过程,其中每一个碎片都存在这样的问题;每一个碎片在自身生命周期也将有持续性影响。 多级复制粘贴无异于雪上加霜 这里简单探讨的是企业通行的系统和基础软件建设实践。一些国内外厂商和社区发布的定制化Linux发行版,本身是有其它发行版,如CentOS特定版本渊源的,在基础软件上即便同其上游发行版最新版本间也存在断层滞后。RedHat相对于基础软件开发者之间已经隔了一层backport,而我们则人为制造了二级风险。 在很多基础而关键的软件上,企业系统基础设施的维护者出于与RedHat类似的初衷,往往会决定自行backport一份拷贝;通过早年心脏滴血事件的洗礼,即暴露出来OpenSSL一个例子。无论是需要RHEL还没来得及移植的新版本功能特性,还是出于对特殊使用上下文场景中更高执行效率的追求,企业都可能自行对RHEL上基础软件源码包进行修改定制重打包。这个过程除了将风险幂次放大外,也进一步加深了代码的不可解释性(包括基础软件开发人员流动性带来的不可解释)。 Ⅳ. 从武功到死穴:从systemd-journald信息泄露一窥API误用 1月10日凌晨两点,漏洞预警平台爬收取一封漏洞披露邮件。披露者是Qualys,那就铁定是重型发布了。最后看披露漏洞的目标,systemd?这就非常有意思了。 一些必要背景 systemd是什么,不好简单回答。Linux上面软件命名,习惯以某软件名后带个‘d’表示后台守护管理程序;所以systemd就可以说是整个系统的看守吧。而即便现在描述了systemd是什么,可能也很快会落伍,因为其初始及核心开发者Lennart Poettering(供职于Red Hat)描述它是“永无开发完结完整、始终跟进技术进展的、统一所有发行版无止境的差异”的一种底层软件。笼统讲有三个作用:中央化系统及设置管理;其它软件开发的基础框架;应用程序和系统内核之间的胶水。如今几乎所有Linux发行版已经默认提供systemd,包括RHEL/CentOS 7及后续版本。总之很基础、很底层、很重要就对了。systemd本体是个主要实现init系统的框架,但还有若干关键组件完成其它工作;这次被爆漏洞的是其journald组件,是负责系统事件日志记录的看守程序。 额外地还想简单提一句Qualys这个公司。该公司创立于1999年,官方介绍为信息安全与云安全解决方案企业,to B的安全业务非常全面,有些也是国内企业很少有布局的方面;例如上面提到的涉及碎片化和代码移植过程的历史漏洞移动,也在其漏洞管理解决方案中有所体现。但是我们对这家公司粗浅的了解来源于其安全研究团队近几年的发声,这两年间发布过的,包括有『stack clash』、『sudo get_tty_name提权』、『OpenSSH信息泄露与堆溢出』、『GHOST:glibc gethostbyname缓冲区溢出』等大新闻(仅截至2017年年中)。从中可见,这个研究团队专门啃硬骨头,而且还总能开拓出来新的啃食方式,往往爆出来一些别人没想到的新漏洞类型。从这个角度,再联想之前刷爆朋友圈的《安全研究者的自我修养》所倡导的“通过看历史漏洞、看别人的最新成果去举一反三”的理念,可见差距。 CVE-2018-16866漏洞详情 这次漏洞披露,打包了三个漏洞: ·16864和16865是内存破坏类型 ·16866是信息泄露 ·而16865和16866两个漏洞组和利用可以拿到root shell。 漏洞分析已经在披露中写的很详细了,这里不复述;而针对16866的漏洞成因来龙去脉,Qualys跟踪的结果留下了一点想象和反思空间,我们来看一下。 漏洞相关代码片段是这样的(漏洞修复前): 读者可以先肉眼过一遍这段代码有什么问题。实际上我一开始也没看出来,向下读才恍然大悟。 这段代码中,外部信息输入通过buf传入做记录处理。输入数据一般包含有空白字符间隔,需要分隔开逐个记录,有效的分隔符包括空格、制表符、回车、换行,代码中将其写入常量字符串;在逐字符扫描输入数据字符串时,将当前字符使用strchr在上述间隔符字符串中检索是否匹配,以此判断是否为间隔符;在240行,通过这样的判断,跳过记录单元字符串的头部连续空白字符。 但是问题在于,strchr这个极其基础的字符串处理函数,对于C字符串终止字符'\0'的处理上有个坑:'\0'也被认为是被检索字符串当中的一个有效字符。所以在240行,当当前扫描到的字符为字符串末尾的NULL时,strchr返回的是WHITESPACE常量字符串的终止位置而非NULL,这导致了越界。 看起来,这是一个典型的问题:API误用(API mis-use),只不过这个被误用的库函数有点太基础,让我忍不住想是不是还会有大量的类似漏洞……当然也反思我自己写的代码是不是也有同样情况,然而略一思考就释然了——我那么笨的代码都用for循环加if判断了:) 漏洞引入和消除历史 有意思的是,Qualys研究人员很贴心地替我做了一步漏洞成因溯源,这才是单独提这个漏洞的原因。漏洞的引入是在2015年的一个commit中: 在GitHub中,定位到上述2015年的commit信息,这里commit的备注信息为: journald: do not strip leading whitespace from messages. Keep leading whitespace for compatibility with older syslog implementations. Also useful when piping formatted output to the logger command. Keep removing trailing whitespace. OK,看起来是一个兼容性调整,对记录信息不再跳过开头所有连续空白字符,只不过用strchr的简洁写法比较突出开发者精炼的开发风格(并不),说得过去。 之后在2018年八月的一个当时尚未推正式版的另一次commit中被修复了,先是还原成了ec5ff4那次commit之前的写法,然后改成了加校验的方式: 虽然Qualys研究者认为上述的修改是“无心插柳”的改动,但是在GitHub可以看到,a6aadf这次commit是因为有外部用户反馈了输入数据为单个冒号情况下journald堆溢出崩溃的issue,才由开发者有目的性地修复的;而之后在859510这个commit再次改动回来,理由是待记录的消息都是使用单个空格作为间隔符的,而上一个commit粗暴地去掉了这种协议兼容性特性。 如果没有以上纠结的修改和改回历史,也许我会倾向于怀疑,在最开始漏洞引入的那个commit,既然改动代码没有新增功能特性、没有解决什么问题(毕竟其后三年,这个改动的代码也没有被反映issue),也并非出于代码规范等考虑,那么这么轻描淡写的一次提交,难免有人为蓄意引入漏洞的嫌疑。当然,看到几次修复的原因,这种可能性就不大了,虽然大家仍可以保留意见。但是抛开是否人为这个因素,单纯从代码的漏洞成因看,一个传统但躲不开的问题仍值得探讨:API误用。 API误用:程序员何苦为难程序员 如果之前的章节给读者留下了我反对代码模块化和复用的印象,那么这里需要正名一下,我们认可这是当下开发实践不可避免的趋势,也增进了社会开发速度。而API的设计决定了写代码和用代码的双方“舒适度”的问题,由此而来的API误用问题,也是一直被当做单纯的软件工程课题讨论。在此方面个人并没有什么研究,自然也没办法系统地给出分类和学术方案,只是谈一下自己的经验和想法。 一篇比较新的学术文章总结了API误用的研究,其中一个独立章节专门分析Java密码学组件API误用的实际,当中引述之前论文认为,密码学API是非常容易被误用的,比如对期望输入数据(数据类型,数据来源,编码形式)要求的混淆,API的必需调用次序和依赖缺失(比如缺少或冗余多次调用了初始化函数、主动资源回收函数)等。凑巧在此方面我有一点体会:曾经因为业务方需要,需要使用C++对一个Java的密码基础中间件做移植。Java对密码学组件支持,有原生的JDK模块和权威的BouncyCastle包可用;而C/C++只能使用第三方库,考虑到系统平台最大兼容和最小代码量,使用Linux平台默认自带的OpenSSL的密码套件。但在开发过程中感受到了OpenSSL满满的恶意:其中的API设计不可谓不反人类,很多参数没有明确的说明(比如同样是表示长度的函数参数,可能在不同地方分别以字节/比特/分组数为计数单位);函数的线程安全没有任何解释标注,需要自行试验;不清楚函数执行之后,是其自行做了资源释放还是需要有另外API做gc,不知道资源释放操作时是否规规矩矩地先擦除后释放……此类问题不一而足,导致经过了漫长的测试之后,这份中间件才提供出来供使用。而在业务场景中,还会存在比如其它语言调用的情形,这些又暴露出来OpenSSL API误用的一些完全无从参考的问题。这一切都成为了噩梦;当然这无法为我自己开解是个不称职开发的指责,但仅就OpenSSL而言其API设计之恶劣也是始终被人诟病的问题,也是之后其他替代者宣称改进的地方。 当然,问题是上下游都脱不了干系的。我们自己作为高速迭代中的开发人员,对于二方、三方提供的中间件、API,又有多少人能自信地说自己仔细、认真地阅读过开发指南和API、规范说明呢?做过通用产品技术运营的朋友可能很容易理解,自己产品的直接用户日常抛出不看文档的愚蠢问题带来的困扰。对于密码学套件,这个问题还好办一些,毕竟如果在没有背景知识的情况下对API望文生义地一通调用,绝大多数情况下都会以抛异常形式告终;但还是有很多情况,API误用埋下的是长期隐患。 不是所有API误用情形最终都有机会发展成为可利用的安全漏洞,但作为一个由人的因素引入的风险,这将长期存在并困扰软件供应链(虽然对安全研究者、黑客与白帽子是很欣慰的事情)。可惜,传统的白盒代码扫描能力,基于对代码语义的理解和构建,但是涉及到API则需要预先的抽象,这一点目前似乎仍然是需要人工干预的事情;或者轻量级一点的方案,可以case by case地分析,为所有可能被误用的API建模并单独扫描,这自然也有很强局限性。在一个很底层可信的开发者还对C标准库API存在误用的现实内,我们需要更多的思考才能说接下来的解法。 Ⅴ. 从规则到陷阱:NASA JIRA误配置致信息泄露血案 软件的定义包括了代码组成的程序,以及相关的配置、文档等。当我们说软件的漏洞、风险时,往往只聚焦在其中的代码中;关于软件供应链安全风险,我们的比赛、前面分析的例子也都聚焦在了代码的问题;但是真正的威胁都来源于不可思议之处,那么代码之外有没有可能存在来源于上游的威胁呢?这里就借助实例来探讨一下,在“配置”当中可能栽倒的坑。 引子:发不到500英里以外的邮件? 让我们先从一个轻松愉快的小例子引入。这个例子初见于Linux中国的一篇译文。 简单说,作者描述了这么一个让人啼笑皆非的问题:单位的邮件服务器发送邮件,发送目标距离本地500英里范围之外的一律失败,邮件就像悠悠球一样只能飞出一定距离。这个问题本身让描述者感到尴尬,就像一个技术人员被老板问到“为什么从家里笔记本上Ctrl-C后不能在公司台式机上Ctrl-V”一样。 经过令人窒息的分析操作后,笔者定位到了问题原因:笔者作为负责的系统管理员,把SunOS默认安装的Senmail从老旧的版本5升级到了成熟的版本8,且对应于新版本诸多的新特性进行了对应配置,写入配置文件sendmail.cf;但第三方服务顾问在对单位系统进行打补丁升级维护时,将系统软件“升级”到了系统提供的最新版本,因此将Sendmail实际回退到了版本5,却为了软件行为一致性,原样保留了高版本使用的配置文件。但Sendmail并没有在大版本间保证配置文件兼容性,这导致很多版本5所需的配置项不存在于保留下来的sendmail.cf文件中,程序按默认值0处理;最终引起问题的就是,邮件服务器与接收端通信的超时时间配置项,当取默认配置值0时,邮件服务器在1个单位时间(约3毫秒)内没有收到网络回包即认为超时,而这3毫秒仅够电信号打来回飞出500英里。 这个“故事”可能会给技术人员一点警醒,错误的配置会导致预期之外的软件行为,但是配置如何会引入软件供应链方向的安全风险呢?这就引出了下一个重磅实例。 JIRA配置错误致NASA敏感信息泄露案例 我们都听过一个事情,马云在带队考察美国公司期间问Google CEO Larry Page自视谁为竞争对手,Larry的回答是NASA,因为最优秀的工程师都被NASA的梦想吸引过去了。由此我们显然能窥见NASA的技术水位之高,这样的人才团队大概至少是不会犯什么低级错误的。 但也许需要重新定义“低级错误”……1月11日一篇技术文章披露,NASA某官网部署使用的缺陷跟踪管理系统JIRA存在错误的配置,可分别泄漏内部员工(JIRA系统用户)的全部用户名和邮件地址,以及内部项目和团队名称到公众,如下: 问题的原因解释起来也非常简单:JIRA系统的过滤器和配置面板中,对于数据可见性的配置选项分别选定为All users和Everyone时,系统管理人员想当然地认为这意味着将数据对所有“系统用户”开放查看,但是JIRA的这两个选项的真实效果逆天,是面向“任意人”开放,即不限于系统登录用户,而是任何查看页面的人员。看到这里,我不厚道地笑了……“All users”并不意味着“All ‘users’”,意不意外,惊不惊喜? 但是这种字面上把戏,为什么没有引起NASA工程师的注意呢,难道这样逆天的配置项没有在产品手册文档中加粗标红提示吗?本着为JIRA产品设计找回尊严的态度,我深入挖掘了一下官方说明,果然在Atlassian官方的一份confluence文档(看起来更像是一份增补的FAQ)中找到了相关说明: 所有未登录访客访问时,系统默认认定他们是匿名anonymous用户,所以各种权限配置中的all users或anyone显然应该将匿名用户包括在内。在7.2及之后版本中,则提供了“所有登录用户”的选项。 可以说是非常严谨且贴心了。比较讽刺的是,在我们的软件供应链安全大赛·C源代码赛季期间,我们设计圈定的恶意代码攻击目标还包括JIRA相关的敏感信息的窃取,但是却想不到有这么简单方便的方式,不动一行代码就可以从JIRA中偷走数据。 软件的使用,你“配”吗? 无论是开放的代码还是成型的产品,我们在使用外部软件的时候,都是处于软件供应链下游的消费者角色,为了要充分理解上游开发和产品的真实细节意图,需要我们付出多大的努力才够“资格”? 上一章节我们讨论过源码使用中必要细节信息缺失造成的“API误用”问题,而软件配置上的“误用”问题则复杂多样得多。从可控程度上讨论,至少有这几种因素定义了这个问题: ·软件用户对必要配置的现有文档缺少了解。这是最简单的场景,但又是完全不可避免的,这一点上我们所有有开发、产品或运营角色经验的应该都曾经体会过向不管不顾用户答疑的痛苦,而所有软件使用者也可以反省一下对所有软件的使用是否都以完整细致的文档阅读作为上手的准备工作,所以不必多说。 ·软件拥有者对配置条目缺少必要明确说明文档。就JIRA的例子而言,将NASA工程师归为上一条错误有些冤枉,而将JIRA归为这条更加合适。在边角但重要问题上的说明通过社区而非官方文档形式发布是一种不负责任的做法,但未引发安全事件的情况下还有多少这样的问题被默默隐藏呢?我们没办法要求在使用软件之前所有用户将软件相关所有文档、社区问答实现全部覆盖。这个问题范围内一个代表性例子是对配置项的默认值以及对应效果的说明缺失。 ·配置文件版本兼容性带来的误配置和安全问题。实际上,上面的SunOS Sendmail案例足以点出这个问题的存在性,但是在真实场景下,很可能不会以这么戏剧性形式出现。在企业的系统运维中,系统的版本迭代常见,但为软件行为一致性,配置的跨版本迁移是不可避免的操作;而且软件的更新迭代也不只会由系统更新推动,还有大量出于业务性能要求而主动进行的定制化升级,对于中小企业基础设施建设似乎是一个没怎么被提及过的问题。 ·配置项组合冲突问题。尽管对于单个配置项可能明确行为与影响,但是特定的配置项搭配可能造成不可预知的效果。这完全有可能是由于开发者与用户在信息不对等的情况下产生:开发者认为用户应该具有必需的背景知识,做了用户应当具备规避配置冲突能力的假设。一个例子是,对称密码算法在使用ECB、CBC分组工作模式时,从密码算法上要求输入数据长度必须是分组大小的整倍数,但如果用户搭配配置了秘钥对数据不做补齐(nopadding),则引入了非确定性行为:如果密码算法库对这种组合配置按某种默认补齐方式操作数据则会引起歧义,但如果在算法库代码层面对这种组合抛出错误则直接影响业务。 ·程序对配置项处理过程的潜在暗箱操作。这区别于简单的未文档化配置项行为,仅特指可能存在的蓄意、恶意行为。从某种意义上,上述“All users”也可以认为是这样的一种陷阱,通过浅层次暗示,引导用户做出错误且可能引起问题的配置。另一种情况是特定配置组合情况下触发恶意代码的行为,这种触发条件将使恶意代码具有规避检测的能力,且在用户基数上具有一定概率的用户命中率。当然这种情况由官方开发者直接引入的可能性很低,但是在众包开发的情况下如果存在,那么扫描方案是很难检测的。 Ⅵ. 从逆流到暗流:恶意代码溯源后的挑战 如果说前面所说的种种威胁都是面向关键目标和核心系统应该思考的问题,那么最后要抛出一个会把所有人拉进赛场的理由。除了前面所有那些在软件供应链下游被动污染受害的情况,还有一种情形:你有迹可循的代码,也许在不经意间会“反哺”到黑色产业链甚至特殊武器中;而现在研究用于对程序进行分析和溯源的技术,则会让你陷入百口莫辩的境地。 案例:黑产代码模块溯源疑云 1月29日,猎豹安全团队发布技术分析通报文章《电信、百度客户端源码疑遭泄漏,驱魔家族窃取隐私再起波澜》,矛头直指黑产上游的恶意信息窃取代码模块,认定其代码与两方产品存在微妙的关联:中国电信旗下“桌面3D动态天气”等多款软件,以及百度旗下“百度杀毒”等软件(已不可访问)。 文章中举证有三个关键点。 首先最直观的,是三者使用了相同的特征字符串、私有文件路径、自定义内部数据字段格式; 其次,在关键代码位置,三者在二进制程序汇编代码层面具有高度相似性; 最终,在一定范围的非通用程序逻辑上,三者在经过反汇编后的代码语义上显示出明显的雷同,并提供了如下两图佐证(图片来源): 文章指出的涉事相关软件已经下线,对于上述样本文件的相似度试验暂不做复现,且无法求证存在相似、疑似同源的代码在三者中占比数据。对于上述指出的代码雷同现象,猎豹安全团队认为: 我们怀疑该病毒模块的作者通过某种渠道(比如“曾经就职”),掌握有中国电信旗下部分客户端/服务端源码,并加以改造用于制作窃取用户隐私的病毒,另外在该病毒模块的代码中,我们还发现“百度”旗下部分客户端的基础调试日志函数库代码痕迹,整个“驱魔”病毒家族疑点重重,其制作传播背景愈发扑朔迷离。 这样的推断,固然有过于直接的依据(例如三款代码中均使用含有“baidu”字样的特征注册表项);但更进一步地,需要注意到,三个样本在所指出的代码位置,具有直观可见的二进制汇编代码结构的相同,考虑到如果仅仅是恶意代码开发者先逆向另外两份代码后借鉴了代码逻辑,那么在面临反编译、代码上下文适配重构、跨编译器和选项的编译结果差异等诸多不确定环节,仍能保持二进制代码的雷同,似乎确实是只有从根本上的源代码泄漏(抄袭)且保持相同的开发编译环境才能成立。 但是我们却又无法做出更明确的推断。这一方面当然是出于严谨避免过度解读;而从另一方面考虑,黑产代码的一个关键出发点就是“隐藏自己”,而这里居然如此堂而皇之地照搬了代码,不但没有进行任何代码混淆、变形,甚至没有抹除疑似来源的关键字符串,如果将黑产视为智商在线的对手,那这里背后是否有其它考量,就值得琢磨了。 代码的比对、分析、溯源技术水准 上文中的安全团队基于大量样本和粗粒度比对方法,给出了一个初步的判断和疑点。那么是否有可能获得更确凿的分析结果,来证实或证伪同源猜想呢? 无论是源代码还是二进制,代码比对技术作为一种基础手段,在软件供应链安全分析上都注定仍然有效。在我们的软件供应链安全大赛期间,针对PE二进制程序类型的题目,参赛队伍就纷纷采用了相关技术手段用于目标分析,包括:同源性分析,用于判定与目标软件相似度最高的同软件官方版本;细粒度的差异分析,用于尝试在忽略编译差异和特意引入的混淆之外,定位特意引入的恶意代码位置。当然,作为比赛中针对性的应对方案,受目标和环境引导约束,这些方法证明了可行性,却难以保证集成有最新技术方案。那么做一下预言,在不计入情报辅助条件下,下一代的代码比对将能够到达什么水准? 这里结合近一年和今年内,已发表和未发表的学术领域顶级会议的相关文章来简单展望: ·针对海量甚至全量已知源码,将可以实现准确精细化的“作者归属”判定。在ACM CCS‘18会议上曾发表的一篇文章《Large-Scale and Language-Oblivious Code Authorship Identification》,描述了使用RNN进行大规模代码识别的方案,在圈定目标开发者,并预先提供每个开发者的5-7份已知的代码文件后,该技术方案可以很有效地识别大规模匿名代码仓库中隶属于每个开发者的代码:针对1600个Google Code Jam开发者8年间的所有代码可以实现96%的成功识别率,而针对745个C代码开发者于1987年之后在GitHub上面的全部公开代码仓库,识别率也高达94.38%。这样的结果在当下的场景中,已经足以实现对特定人的代码识别和跟踪(例如,考虑到特定开发人员可能由于编码习惯和规范意识,在时间和项目跨度上犯同样的错误);可以预见,在该技术方向上,完全可以期望摆脱特定已知目标人的现有数据集学习的过程,并实现更细粒度的归属分析,例如代码段、代码行、提交历史。 ·针对二进制代码,更准确、更大规模、更快速的代码主程序分析和同源性匹配。近年来作为一项程序分析基础技术研究,二进制代码相似性分析又重新获得了学术界和工业界的关注。在2018年和2019(已录用)的安全领域四大顶级会议上,每次都会有该方向最新成果的展示,如S&P‘2019上录用的《Asm2Vec: Boosting Static Representation Robustness for Binary Clone Search against Code Obfuscation and Compiler Optimization》,实现无先验知识的条件下的最优汇编代码级别克隆检测,针对漏洞库的漏洞代码检测可实现0误报、100%召回。而2018年北京HITB会议上,Google Project Zero成员、二进制比对工具BinDiff原始作者Thomas Dullien,探讨了他借用改造Google自家SimHash算法思想,用于针对二进制代码控制流图做相似性检测的尝试和阶段结果;这种引入规模数据处理的思路,也可期望能够在目前其他技术方案大多精细化而低效的情况下,为高效、快速、大规模甚至全量代码克隆检测勾出未来方案。 ·代码比对方案对编辑、优化、变形、混淆的对抗。近年所有技术方案都以对代码“变种”的检测有效性作为关键衡量标准,并一定程度上予以保证。上文CCS‘18论文工作,针对典型源代码混淆(如Tigress)处理后的代码,大规模数据集上可有93.42%的准确识别率;S&P‘19论文针对跨编译器和编译选项、业界常用的OLLVM编译时混淆方案进行试验,在全部可用的混淆方案保护之下的代码仍然可以完成81%以上的克隆检测。值得注意的是以上方案都并非针对特定混淆方案单独优化的,方法具有通用价值;而除此以外还有很多针对性的的反混淆研究成果可用;因此,可以认为在采用常规商用代码混淆方案下,即便存在隐藏内部业务逻辑不被逆向的能力,但仍然可以被有效定位代码复用和开发者自然人。 代码溯源技术面前的“挑战” 作为软件供应链安全的独立分析方,健壮的代码比对技术是决定性的基石;而当脑洞大开,考虑到行业的发展,也许以下两种假设的情景,将把每一个“正当”的产品、开发者置于尴尬的境地。 代码仿制 在本章节引述的“驱魔家族”代码疑云案例中,黑产方面通过某种方式获得了正常代码中,功能逻辑可以被自身复用的片段,并以某种方法将其在保持原样的情况下拼接形成了恶意程序。即便在此例中并非如此,但这却暴露了隐忧:将来是不是有这种可能,我的正常代码被泄漏或逆向后出现在恶意软件中,被溯源后扣上黑锅? 这种担忧可能以多种渠道和形式成为现实。 从上游看,内部源码被人为泄漏是最简单的形式(实际上,考虑到代码的完整生命周期似乎并没有作为企业核心数据资产得到保护,目前实质上有没有这样的代码在野泄漏还是个未知数),而通过程序逆向还原代码逻辑也在一定程度上可获取原始代码关键特征。 从下游看,则可能有多种方式将恶意代码伪造得像正常代码并实现“碰瓷”。最简单地,可以大量复用关键代码特征(如字符串,自定义数据结构,关键分支条件,数据记录和交换私有格式等)。考虑到在进行溯源时,分析者实际上不需要100%的匹配度才会怀疑,因此仅仅是仿造原始程序对于第三方公开库代码的特殊定制改动,也足以将公众的疑点转移。而近年来类似自动补丁代码搜索生成的方案也可能被用来在一份最终代码中包含有二方甚至多方原始代码的特征和片段。 基于开发者溯源的定点渗透 既然在未来可能存在准确将代码与自然人对应的技术,那么这种技术也完全可能被黑色产业利用。可能的忧患包括强针对性的社会工程,结合特定开发者历史代码缺陷的漏洞挖掘利用,联动第三方泄漏人员信息的深层渗透,等等。这方面暂不做联想展开。 〇. 没有总结 作为一场旨在定义“软件供应链安全”威胁的宣言,阿里安全“功守道”大赛将在后续给出详细的分解和总结,其意义价值也许会在一段时间之后才能被挖掘。 但是威胁的现状不容乐观,威胁的发展不会静待;这一篇随笔仅仅挑选六个侧面做摘录分析,可即将到来的趋势一定只会进入更加发散的境地,因此这里,没有总结。 本篇文章为转载内容。原文链接:https://blog.csdn.net/systemino/article/details/90114743。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-02-05 13:33:43
300
转载
JQuery插件下载
...供出色的用户体验。与其他幻灯片插件相比,ZenithSlider的独特之处在于其灵活的布局选项,可以根据不同的需求调整幻灯片的显示方式,从而优化网页或应用程序的整体性能。使用ZenithSlider,你可以轻松地创建出视觉效果丰富且交互性极强的幻灯片展示。不仅如此,这款插件还允许你在参数设置中通过CSS自定义幻灯片的外观,包括背景、字体样式、按钮设计等各个方面,让你可以完全按照自己的想法来打造独一无二的幻灯片效果。无论是用于展示产品、图片集锦还是动态内容,ZenithSlider都能满足你的需求,帮助你构建出既美观又实用的网站或应用界面。 点我下载 文件大小:1023.26 KB 您将下载一个JQuery插件资源包,该资源包内部文件的目录结构如下: 本网站提供JQuery插件下载功能,旨在帮助广大用户在工作学习中提升效率、节约时间。 本网站的下载内容来自于互联网。如您发现任何侵犯您权益的内容,请立即告知我们,我们将迅速响应并删除相关内容。 免责声明:站内所有资源仅供个人学习研究及参考之用,严禁将这些资源应用于商业场景。 若擅自商用导致的一切后果,由使用者承担责任。
2025-01-22 21:11:59
61
本站
JQuery插件下载
...专注于现代Web设计风格的响应式纯JavaScript模态对话框插件,无需依赖jQuery或其他大型库。这款插件旨在简化开发者在不同项目中创建美观、功能丰富的模态窗口体验的过程。它不仅支持响应式布局以适应各种屏幕尺寸和设备类型,还内置了MaterialDesign和iOS风格的设计模板,赋予开发人员轻松实现与流行UI框架接轨的能力。通过BOP插件,用户可以快速生成具有流畅动画效果和高度可定制内容的模态对话框,无论是用于显示信息提示、表单交互还是复杂的内容嵌入场景。其简洁易用的API允许开发者高效地控制模态窗口的行为,如打开、关闭、以及自定义样式和动画效果等。总之,BOP作为一款现代的纯JS解决方案,为网页提供了优雅且灵活的模态对话框功能,助力提升用户体验与页面互动性。 点我下载 文件大小:16.74 KB 您将下载一个JQuery插件资源包,该资源包内部文件的目录结构如下: 本网站提供JQuery插件下载功能,旨在帮助广大用户在工作学习中提升效率、节约时间。 本网站的下载内容来自于互联网。如您发现任何侵犯您权益的内容,请立即告知我们,我们将迅速响应并删除相关内容。 免责声明:站内所有资源仅供个人学习研究及参考之用,严禁将这些资源应用于商业场景。 若擅自商用导致的一切后果,由使用者承担责任。
2023-09-06 17:46:09
77
本站
JQuery插件下载
...选按钮转换为具有安卓风格的滑动开关按钮,大大增强了网页表单和操作面板的视觉效果与互动性。通过集成此插件,开发者可以轻松实现功能丰富且美观的开关按钮,不仅支持自定义颜色以匹配项目主题,还允许设置按钮的状态(如启用或禁用),以及是否显示相关文本标签。更值得一提的是,该插件具备高度灵活性,使得开关按钮能够无缝嵌入到Bootstrap模态窗口中,适应各类复杂布局需求。总之,这款jQuery插件以其便捷的定制性和良好的兼容性,极大地简化了开发者在Bootstrap环境下创建和管理开关控件的过程,是构建现代、专业级Web应用的理想选择。 点我下载 文件大小:227.95 KB 您将下载一个JQuery插件资源包,该资源包内部文件的目录结构如下: 本网站提供JQuery插件下载功能,旨在帮助广大用户在工作学习中提升效率、节约时间。 本网站的下载内容来自于互联网。如您发现任何侵犯您权益的内容,请立即告知我们,我们将迅速响应并删除相关内容。 免责声明:站内所有资源仅供个人学习研究及参考之用,严禁将这些资源应用于商业场景。 若擅自商用导致的一切后果,由使用者承担责任。
2023-07-27 18:09:44
62
本站
站内搜索
用于搜索本网站内部文章,支持栏目切换。
知识学习
实践的时候请根据实际情况谨慎操作。
随机学习一条linux命令:
history | grep keyword
- 搜索命令历史中的特定关键词。
推荐内容
推荐本栏目内的其它文章,看看还有哪些文章让你感兴趣。
2023-04-28
2023-08-09
2023-06-18
2023-04-14
2023-02-18
2023-04-17
2024-01-11
2023-10-03
2023-09-09
2023-06-13
2023-08-07
2023-03-11
历史内容
快速导航到对应月份的历史文章列表。
随便看看
拉到页底了吧,随便看看还有哪些文章你可能感兴趣。
时光飞逝
"流光容易把人抛,红了樱桃,绿了芭蕉。"