C console 美化

2024-10-05

改变 C/C++ 控制台程序的输出颜色和样式

我们经常可以看见Linux自带终端下的许多程序都输出了不同颜色和底纹的字体.最近也想要自己实现一下这种效果,方法是在输出流中插入占位符\033[***. 我从网上收集了一些常用的控制语句,并用以下代码依次测试了一下效果: #include <iostream> using namespace std; int main(){ cout << "\033[2J\033[0;0H"; for (int i = 0; i < 129;i++){ printf(&

console 输出信息美化

不久前在一些前端的网站上看到的效果,以前觉得console只是拿来做做调试,不过现在看到别人网站的console美化效果,这个还可以作为一种网站个性来显示的.. 以%c开头,后面的文字就打印的信息,后面一个参数就是样式属性:可以尝试多个样式,每碰到一个%c开头就会应用对应的样式: console.log("%c 第一个信息 %c 第二个信息 %c 第三个信息", "color:red","","color:orange;font-wei

美化console.log的文本(转载)

原文地址:http://www.css88.com/archives/5260 JavaScript Console 那些少人所知的特性 console.log("%c css88.com", "font-size:20pt") console.log("%c 前端开发 %c css88.com %c 愚人码头", "color:red","","color:orange;font-weight:

表单多文件上传样式美化 && 支持选中文件后删除相关项

开发中会经常涉及到文件上传的需求,根据业务不同的需求,有不同的文件上传情况. 有简单的单文件上传,有多文件上传,因浏览器原生的文件上传样式及功能的支持度不算太高,很多时候我们会对样式进行美化,对功能进行完善. 本文根据一个例子,对多文件的上传样式做了一些简单的美化(其实也没怎么美化..),同时支持选择文件后自定义删除相关的文件,最后再上传文章篇幅较长,先简单看看图示: 目录文件上传基础单文件上传多文件上传表单文件上传的美化选中文件后的删除界面的处理脚本的处理 FileList F

jquery插件，美化select标签

最近经常与select打交道,因为ie下的select实在太丑了,css怎么搞都搞不好看,因为程序已经写得差不多了,要再去模拟select改动太大,就想着能否不改动select,同时美化它.借鉴一下这篇文章js美化select,然后自己写了一个jquery插件,补充了一些功能. 原理(这里就直接copy啦): 第一步:将表单中的select隐藏起来. 第二步:用脚本找到select标签在网页上的绝对位置. 我们在那个位置上用DIV标签做个假的.好看点的来当他的替身. 第三步:用脚

读取本地文件理解FileReader对象的方法和事件以及上传按钮的美化。

一.FileReader对象用来把文件读入内存,并且读取文件中的数据.FileReader对象提供了异步API,使用该API可以在浏览器主线程中异步访问文件系统,读取文件中的数据. 浏览器支持情况,可以根据window.FileReader进行判断,火狐.谷歌支持,IE不支持. 二.FileReader的方法和事件介绍表一:方法:表二:事件: readAsBinaryString(file) 将文件读取二进制码:通常我们将它传送到后端,后端可以通过这段字符串存储文件: readAsText(

ubuntu16.04主题美化和软件推荐

前几天把ubuntu从15.10更新到了16.10,在网上看到有很多直接更新出问题的,正好赶上换SSD,于是采用全新安装,之前用ubuntu的时候装软件最让人头疼了,这回又得头疼一次了!! 索性把他记录下来,既能方便以后重装,又能与大家分享一下! 系统清理篇系统更新安装完系统之后,需要更新一些补丁.Ctrl+Alt+T调出终端,执行一下代码: sudo apt-get update sudo apt-get upgrade 卸载libreOffice libreoffice事ubuntu自带

Chrome插件开发，美化网页上的文件列表。chrome-extension，background

上一篇文章通过“content-scripts”的方式向页面注入js和css来美化页面,但是有一个弊端:一旦配置好需要注入的页面,之后如果这个页面地址以后发生变化,或者要新加一些URL进来,那么得修改manifest.json这个文件.试想如果一个Chrome插件已经打包好,再去改代码是不可能的. 本文通过另一种方式来实现相同的功能,同时做到页面地址动态可配置.下图是本次要处理的页面:https://jiacrontab.iwannay.cn/download/ 每一行都是一个文件的基本信息,

Chrome插件开发，美化网页上的文件列表。chrome-extension，content-scripts

趁着2018年还剩最后几天,发几篇博客,荒废太久了,惭愧. 最近也是需求驱动,研究了下Chrome插件开发.来看一下我们公司运维提供的日志查看页面所有项目的日志都参杂在一起,每次去找都很痛苦.慢慢发现这些日志的名称都有个规律:项目名-日期-后缀,于是想美化下这个页面,但是服务端还动不了,只能在浏览器端想办法. Chrome插件可以本地渲染页面,是个非常不错的选择,直接来看下完成的效果按照“项目名”和“日期”分类了,这样便于查看.同时页面也美化了,不仅实用而且赏心悦目. 一.从零开始了解Chr

Css样式压缩、美化、净化工具源代码

主要功能如下: /* 美化:格式化代码,使之容易阅读 */ /* 净化:将代码单行化,并去除注释 */ /* 压缩:将代码最小化,加快加载速度 */ /* 以下是演示代码 */ /*reset begin*/ <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>CSS压缩.美化和净化工具</title>

HTMLTestRunner 美化版本

前言最近小伙伴们在学玩python,,看着那HTMLTestRunner生成的测试报告,左右看不顺眼,终觉得太丑.搜索了一圈没有找到合适的美化报告,于是忍不住自已动手进行了修改,因习惯python 2.7,所以,在原作者HTMLTestRunner.py的Version 0.8.2上进行了自已的修改定制.有时大伙会觉得英语会有莫名的逼格(感叹,沉默...),所以做了CN与EN两个版本,满足一下不同人的需要. 一.修改前后对比 [项目地址] https://github.com/findyou

input file样式美化

默认样式: <input type="file" /> 美化样式时: 将其设置为透明,设置宽高覆盖到需要用的地方,宽100%,高100% 可以用到定位 .box{ position:relative; width:300px; height:36px;} input[type="file"]{ width:100%; height:100%; opacity:0; position:absolute; top:0; left:0;} 获取上传文件的文件名

CentOS7.5字体美化

背景知识有衬线 (Serif) 无衬线 (Sans Serif) 和等宽 (Monospace) 字型 1 有衬线 (Serif) 字型是比较正式的字体,比划粗细不一,在笔划的边缘有装饰部分(我的理解是有笔锋).英文当中比较有名的包括 Times New Roman, Georgia, 而中文当中则是包括大名鼎鼎的宋体,明体(繁体宋体在港台的叫法).Serif font 的好处是看起来比较容易辨认,我自己觉得读起来速度会快.2 无衬线 (Sans Serif) 是比较活泼一些的字体,比划粗细一

Cnblog页面美化小记

Cnblog页面美化小记这两天我在网上翻找了许许多多的资料,打开了不计其数的博客,对着\(js\).\(html\).\(css\)等文件删删改改,在浏览器和\(vscode\)间辗转腾挪...总算是在今天中午把博客园的美化给完成了大部分.这个过程虽然很累,但是很颓也借此机会学到了一些其他语言的正确食用方式.当然,最最重要的是,我这个辣鸡博客终于也迎来了改头换面的一天啊QWQ 0.1 契机这一切事情发生的原因竟然是因为我zz地用侧边栏的\(html\)把原来的\(css\)给覆盖并保存了,而

chrome浏览器console拓展用法

chrome 浏览器console打印使用CSS美化输出信息 console.log("%cThis will be formatted with large, blue text", "color: blue; font-size: x-large"); 比较类似的数据对象使用table()方法查看结构化数据并比较数据对象. table()方法提供了一种简单的方法来查看包含类似数据的对象和数组.当调用时,它将获取到的对象属性创建为标题.每一行数据来自每个索引下

Python2 HTMLTestRunner自动化测试报告美化

python2 的测试报告美化,需要的同学直接用 #coding=utf-8 """ A TestRunner for use with the Python unit testing framework. It generates a HTML report to show the result at a glance. The simplest way to use this is to invoke its main method. E.g. import unitte

Python3 HTMLTestRunner自动化测试报告美化

# FileName : MyHTMLTestRunner.py # Author : wangyinghao # DateTime : 2019/1/9 21:04 # SoftWare : PyCharm """ A TestRunner for use with the Python unit testing framework. It generates a HTML report to show the result at a glance. The simples

PowerShell美化

转载自Powershell 美化 --oh-my-posh,作者Zvonimir. PowerShell默认的主题太丑了,用过OhMyZsh之后是无法忍受这种丑陋的,幸好PowerShell有对应的OhMyPosh来解决这个问题. 更改脚本执行策略如果你没有打开运行远程签名的脚本文件则会提示你输入下面的指令: Set-ExecutionPolicy RemoteSigned -scope CurrentUser 安装 scoop scoop 是 Windows 中超级好用的一个包管理器,许多软

原生html、js手写 radio与checkbox 美化

原生html.js手写 radio与checkbox 美化 html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Com

vue中单选框与多选框的实现与美化

我们在做一些页面时,可能会用到很多的单选框和复选框,但是原生的radio和checkbox前面的原型图标或方框样式不尽人意.于是,决定自己来实现单选框和复选框.我用的是vue,所以就用vue的方式实现单选和复选框. 下面来看一下单选框的实现: template  <span class="selfRadio" @click="clickRadio(1)"> <span class="selfRadioI

Linux字体美化实战(Fontconfig配置)（转）

原文地址:http://www.jinbuguo.com/gui/linux_fontconfig.html 本文的主题是Linux环境下的字体美化,但是首先得要有字体,然后才能谈美化.所以第一件事就是“选字体”. 字体的分类目前,世界上的字体至少有几万种,并且还在不断增加中.但是基本上都可以归为以下五类: monospace[等宽] 是指字符宽度相同的字体,用于需要字符严格对齐的场合,例如控制台和源代码以及ASCII艺术.与此相对,字符宽度各不相同的字体称为比例字体(其余四类字体都是).不过

C console 美化

热门专题