highlight | 易学教程

VIM当前行的高亮设置

阅读更多关于 VIM当前行的高亮设置

共有几个指标： set t_Co=256 set cursorline if has("gui_running") colorscheme desert highlight LineNr guibg=black guifg=red else colorscheme torte highlight LineNr term=NONE cterm=NONE ctermbg=235 ctermfg=green highlight CursorLine term=NONE cterm=NONE ctermbg=235 highlight CursorLineNr term=NONE cterm=NONE ctermfg=red endif " 设置颜色主题来源： CSDN 作者： xuyf 链接： https://blog.csdn.net/yavobo/article/details/104742793

在Vue中实现随hash改变响应菜单高亮

阅读更多关于在Vue中实现随hash改变响应菜单高亮

情景 Vue+Element 实现管理页面菜单栏，点击菜单时 router 改变 hash 访问不同子组件。但是改变 hash 时菜单栏展开状态和 highlight 并不会同步，需要手动实现。 Try Try See 第一反应是通过 onhashchange 监听 hash 的变化，将 location.hash.slice(2) 推给 menu 的 default-active 即可。此时通过手动输入 url 或者前进后退时均可正常加载对应状态，但是通过组件中的 link 访问时，menu 的状态没有改变。加入 alert 验证发现没有触发 hashchange。 Why Seafault 的解释是 Vue-Router 底层调用的是 history.pushState 查阅 MDN 发现注意 pushState() 绝对不会触发 hashchange 事件，即使新的 URL 与旧的 URL 仅哈希不同也是如此。 Solution Vue-Router 的文档中给出两个方案 watch $route 对象 const User = { template: '...', watch: { $route(to, from) { // react to route changes... } } } 使用 beforeRouteUpdate const User = {

键盘控制背景边框平滑移动（jquery）

阅读更多关于键盘控制背景边框平滑移动（jquery）

今天同事让我看了一个动画效果，是由键盘控制背景边框平滑移动，我感觉挺cool，所以我自己也动手制作了一个。目的是为了锻炼自己，看自己是否也能在短时间内实现。　　先上图：一、html代码 <!DOCTYPE html> <html> <head> <title></title> <link rel="stylesheet" href="../reset.css"/> <script type="text/javascript" src="../jquery-1.10.2.js"></script> <style type="text/css"> .box {width: 544px; height: 680px; margin: 20px auto;} .tab {position: relative; } .tab ul li {position: relative; float: left; margin: 20px; display: table-cell;} .highLight {display: none; position: absolute; width: 154px; height: 197px;background: url("images/chose.png") no-repeat;} .tab ul li a img{ width: 138px;

实在忍受不了鸡啼的主题了

阅读更多关于实在忍受不了鸡啼的主题了

原来的样子: 定制后的样子: Stylus 代码: .file_holder .file_content.code .lines pre, .file_holder .file_content.blame .lines pre { font-family: "Envy Code R", "Fira Code", Consolas, monospace; font-size: 13px !important; } .monokai .highlight .kd, .monokai .highlight .kn, .monokai .highlight .k { color: #f95826; font-weight: bold; } .monokai .highlight .na { color: #ffbc81; } .monokai .highlight .s { color: #9c9c9c; } 来源： oschina 链接： https://my.oschina.net/greenlaw110/blog/3189653

轻量级的Javascript代码语法高亮类库

阅读更多关于轻量级的Javascript代码语法高亮类库

日期：2012-4-2 来源： GBin1.com 语法高亮javascript类库非常多，我们在以前文章 Codemirror - javascript开发的代码语法高亮显示引擎也介绍过。大多数的代码库都非常工作。今天我们介绍一个非常轻量级的代码库解决方案 - Rainbow 。这个类库只有1.4kb大小，非常容易扩展，功能不错。其它类似类库还有： Google Code Prettify 。原文来自：轻量级的Javascript代码语法高亮类库 - Rainbow 来源： oschina 链接： https://my.oschina.net/u/156697/blog/52373

Python操作Excel - openpyxl

阅读更多关于 Python操作Excel - openpyxl

转自 https://www.cnblogs.com/zeke-python-road/p/8986318.html 1、安装 pip install openpyxl 想要在文件中插入图片文件，需要安装pillow，安装文件：PIL-fork-1.1.7.win-amd64-py2.7.exe 　　· font(字体类)：字号、字体颜色、下划线等　　· fill(填充类)：颜色等　　· border(边框类)：设置单元格边框　　· alignment(位置类)：对齐方式　　· number_format(格式类)：数据格式　　· protection(保护类)：写保护 2、创建一个 excel 文件，并写入不同类的内容 # -*- coding: utf-8 -*- from openpyxl import Workbook wb = Workbook() #创建文件对象 # grab the active worksheet ws = wb.active #获取第一个sheet # Data can be assigned directly to cells ws['A1'] = 42 #写入数字 ws['B1'] = "你好"+"automation test" #写入中文（unicode中文也可） # Rows can also be appended

2.进阶之深入剖析搜索结果的highlight高亮显示

阅读更多关于 2.进阶之深入剖析搜索结果的highlight高亮显示

、一个基本的高亮例子 PUT /blog_website { "settings": { "number_of_shards": 1, "number_of_replicas": 0 }, "mappings": { "blogs": { "properties": { "title": { "type": "text", "analyzer": "ik_max_word" }, "content": { "type": "text", "analyzer": "ik_max_word" } } } } } PUT /blog_website/blogs/1 { "title":"我的第一篇博客", "content":"大家好,这是我写的第一篇博客,特别喜欢这个博客网站" } GET /blog_website/blogs/_search { "query": { "match": { "title": "博客" } }, "highlight": { "fields": { "title": {} } } } { "took": 85, "timed_out": false, "_shards": { "total": 1, "successful": 1, "skipped": 0, "failed": 0 }, "hits": { "total": 1, "max

select、input等默认样式的改变，包含下拉三角

阅读更多关于 select、input等默认样式的改变，包含下拉三角

select、input等默认样式的改变，包含下拉三角 select{ /*去除外边框*/ border: none; /*适应safari浏览器内容不跑偏*/ line-height: 1; width: 100%; /*将默认的select选择框样式清除*/ appearance:none; -moz-appearance:none; -webkit-appearance:none; /*在选择框的最右侧中间显示小箭头图片*/ background: url("../../img/my/btn_pulldown.png") no-repeat scroll right center transparent; background-size: 0.9rem 0.9rem; /*为下拉小箭头留出一点位置，避免被文字覆盖*/ padding-right: 14px; font-size: 1.4rem; color: #666666; /*去除选中时样式*/ outline: none; /*去除点击一闪而过的灰色背景*/ -webkit-tap-highlight-color:rgba(0,0,0,0); } input同select 来源： oschina 链接： https://my.oschina.net/u/3887849/blog/1840892

自己常用的 Linux 命令

阅读更多关于自己常用的 Linux 命令

cd .. [返回到上一层目录] ls -la [显示当前目录下的所有文件及文件夹包括隐藏的 '.' 和 '..' 等] export TIME_STYLE='+%Y-%m-%d %H:%M:%S' :nohl vim 取消高亮选中的关键字[no highlight 的缩写] ps -ef [查询所有进程] lsof -i:端口号 [查看指定端口的进程] kill -9 `lsof -i:端口号` [杀死指定端口的进程] 整理的时候搜到了更详细的解释 ps -aux | grep java [查询所有Java进程] ps aux输出格式： USER PID %CPU %MEM VSZ RSS TTY STAT START TIME COMMAND 进程拥有者 pid 号占用的 CPU 使用率占用的记忆体使用率占用的虚拟记忆体大小占用的记忆体大小终端的次要装置号码 (minor number of tty) 该行程的状态行程开始时间执行的时间所执行的指令 linux的进程有5种状态： D:不可中断 uninterruptible sleep (usually IO) R 运行 runnable (on run queue) S 中断 sleeping T 停止 traced or stopped Z 僵死 a defunct (”zombie”) process 注:

可视化的交互语法

阅读更多关于可视化的交互语法

> 本文作者：AntV 架构师-萧庆简介 Antv 过去 5 年中，在很多可视化领域进行了探索，在统计图表、可视分析、关系图、地理可视化等可视化场景中都面临如何把数据转换成图形（可视化编码）的问题，数据一旦以图形的方式呈现给用户，用户则需要在上面进行交互，查看数据细节从不同的层面对数据进行探查，以一句可视化领域常说的话来总结：“Overview first, zoom and filter, then details-on-demand"。 > 《Visuallization Analysis&Design》是这个领域的一本非常经典的书籍，感兴趣的不能错过。 G2（统计图表）、F2（移动端图表）、L7（地理可视化）和 G6（关系可视化）都在 Overview first 上有了很大的收获，通过可视化编码我们已经探索了所有常见图表如何从数据转换成图形。从而在 G2、F2 上形成图形语法，在 L7 上使用地理符号学，在 G6上也支持数据映射到节点和边的状态，但是接下来的交互我们还没有形成统一的理论依据，各自为政。今天我们在 G2 4.0 上根据过去的经验和教训总结出一套交互语法，初步验证了完备性、易用性和实现交互的效率，我们将会推广到其他产品上。交互回顾以 G2 为例，我们在交互方面的探索主要有三个阶段：内置交互：可以允许的交互都写在代码内部，同渲染、数据更新流程耦合

订阅 highlight