在Linux江湖，最常用到的编辑器非vim莫属，vim的功能很强大。
1.   vim简介
在Linux世界中，最长用到的而且功能比较强大的是Vim编辑器。Vim编辑器是在内存缓冲区中处理数据。
vim 文件名 or vi 文件名
都可以通过vim打开文件
一般vim打开文件功能更多一些，特别是对于shell脚本这种文本，会有不同字符的高亮显示。
如果启动vim时未指定文件名，或者指定的文件名不存在，vim会开辟一段新的缓冲区域来编辑。
vim /etc/passwd
2   vim模式介绍
vim编辑器有两种模式：
普通模式
插入模式
2.1   普通模式
当刚打开要编辑的文件或新建一个文件时，vim首先进入的是普通模式。在普通模式中，vim会将案件解释程命令。
在普通模式下，可以用方向键在文本区域移动光标。vim有用来移动光标的命令：
h:左移一个字符
j:下移一行（文本的下一行）
k:上移一行（文本的上一行）
l:右移一个字符
PageDown(或Ctrl+F):下翻一屏
PageUp(或Ctrl+B):上翻一屏
G:移动到缓冲区的最后一行
num G:移动到缓冲区的第num行
gg:移动到缓冲区的第一行
2.2   普通模式的命令行模式
Vim编辑器在普通模式下有个特特别的功能叫命令行模式。命令行模式提供了一个交互式命令行，可以输入额外的命令来控制vim的行为。要进入命令行模式，在普通模式下按下冒号键”:”,光标会移动到消息航，然后出现冒号，等待输入命令。
在命令行模式下有几个命令时可以退出缓冲区：
:q  如果未修改缓冲区数据，退出。
:q! 取消所有对缓冲区数据的修改并退出。
:w filename 将文件保存到另一个文件中。
:wq 将缓冲区数据保存到文件中并退出
3   编辑数据
在普通模式，输入i，就会进入到插入模式，然后就可以编辑和数据的插入。如图：
在普通模式下，vim提供了一些命令来编辑缓冲区中的数据。
命令
描述
x
删除当前光标所在位置的字符
dd
删除光标所在的行
dw
删除当前光标所在的单词
d$
删除当前光标所在位置至行尾的内容
J
删除当前光标所在行行尾的换行符（拼接符）
u
撤销前一编辑命令
a
在当前光标后追加数据
A
在当前光标所在行尾追加数据
r char
用char替换当前光标所在位置的单个字符
R text
用text覆盖当前光标所在位置的数据，知道按下ESC键
4   复制和粘贴
vim在删除数据时，实际上会将数据保存在单独的一个寄存器中。可以用p命令取回数据。而复制操作在vim中是y(代表yank),可以在y后面使用和d命令相同的第二字符(yw代表复制一个单词，y$代表复制到行尾)。复制文本后，把光标移动到希望放置文本的地方，输入p命令，复制的文件就会出现在该位置。
复制的过程你无法知道自己到底复制了多少内容，知道粘贴后才明白复制的内容是什么，可视模式可以解决这个问题，可视模式会在你移动光标时就高亮显示需要复制的文本的内容。要进入可视模式，将光标移动到开始复制的位置，然后按下v键，你会注意到光标所在位置的文本已经被高亮显示。下一步，移动光标来覆盖希望复制的文本，高亮显示会覆盖所有你移动的行文本，然后按下y键进行复制，寄存器中已经有了要复制的文本，将光标移动到希望放置文本的位置，使用p键来粘贴，这样就完成了复制粘贴操作。
 选中后输入 y复制，然后选择需要粘贴的地方，输入p粘贴
如图：
 然后就复制成功粘贴了！
5   查找和替换
5.1   查找
   在vim中可以通过按下斜线(/)键。光标会跑到消息航，然后vim会显示出斜线，然后输入需要查找的关键字符，按下回车键，vim会在文本中查找要查找的文本。
通常会出现三种回应：
如果要查找的文本出现在光标当前位置之后，则光标会跳转到该文本出现的第一个位置。
如果要查找的文本未在光标当前位置之后出现，而且在之前出现，则光标会染过文件末尾，出现在该文本所在的第一个位置（并用一条消息指明）
输出一条错误消息，说明在文件中没有找到要查找的文本。
如果要继续查找同一个单词，按下斜线，然后按回车，挥着使用n键，表示下一个（next）.

点击进入室内学习地址
一、打开图纸缺少图片参照文件怎么办？ 
如上图所示，这个图形是我通过插入光栅图片描出来的，描好后把图片删了保存为dwg文件，如果插入的图片路径或者文件名改变了，再次用cad打开该dwg文件就会提示找不到外部参照文件，如图：
这时勾选左下角始终忽略未融入的参照文件，点击忽略未融入的参照文件，打开图形。
命令行输入快捷键xr回车，打开外部参照管理器，如图：
上图可以看出之前插入的图片显示未参照，因为你改变了参照文件的位置或者文件名了。
这时如果该图片在此dwg文件中确实没有用了，那么就可以拆离该参照，如图。
从新保存该dwg文件，再次打开时就不会提示找不到外部参照文件。
ps：通过上面的讲解，我相信你应该知道你网上下载图纸为什么会有此提示了，如上只是通过插入图片说明，外部参照有很多种。
二、如何插入永不丢失的图片？
我们在使用CAD时有时会需要在CAD里插入图片，但是有时会发现插入的图片变成这样了
这是因为插入的图片的路径找不到了，也就是说图片被你删了或者保存路径被你改了。
今天教大家一种插入的图片永远不会消失的办法：
1.点击“插入”里的“OLE对象”；
2.点击“新建”“画笔图片”最后点击“确定”；
室内设计学习地址​jq.qq.com
3.点击粘贴中的“粘贴来源”；
4.选择需要插入的图片，并点击“打开”；
5.图片插好后点击右上角的叉号（注：不用在画笔中点击保存）；
6.点击保存后一个永远都不会消失的图片就插入成功了。
喜欢的小伙伴记得三连哦，关注+评论
有什么问题评论区见哦，或者找我～

前言

设计稿中，有用到手机未内置的第三方字体。如何在微信小程序中使用呢？

开始

触类旁通，小程序的wxss语法与css是一致的。我们首先想到的是@font-face{}。没错，它就是今天的主角~

在正式开始之前，我们先来看看两个常见的概念：

字体文件：引用该类型文件，控制文字的显示形态。

字体图标：使用字体代替图标显示。

一开始，参照网上的方法，将对应的字体文件，上传到https://transfonter.org/，通过转换成base64编码，在wxss文件中使用。

（注意：@font-face{ src: url(不支持相对路径的引用); }）

转换后的样式文件特别大，接近10M。完全不能接受的处理方式，于是开始使用绝对路径，将字体文件上传至服务器。（PS：其实一开始这种做法就是错误的，转base64适合字体图标(如：iconfont)的转换，文件相对较小。而我的需求是字体文件，不是字体图标。）

实践

参考，参考，不会的时候看看别人类似的是怎么实现的。这里参考的是有赞Vant的cell组件。既然是开源的，那我们可以轻松查看它的实现。

cell组件.wxss的部分代码：



虽然它使用的是字体图标，但是它的字体文件没有转换为base64编码，而是放在了服务器，通过url地址去请求的。这点和我的需求是一致的~

问题

既然如此，那么在自己的项目中，引入服务器中的字体就OK了呀~

wxml:

<view class="test">字体测试</view>
<view class="icon van-icon van-icon van-icon-upgrade van-icon-upgrade" style="font-size: 32rpx;"></view>

wxss:

@font-face {
    font-family:'youth';
    src:url('https://***/***/***/youth.TTF') format('truetype');
}
@font-face {
    font-family:'vant-icon';
    src:url('https://img.yzcdn.cn/vant/vant-icon-76f274.ttf') format('truetype');
}
.van-icon {
    position:relative;
    display:inline-block;
    font:normal normal normal 14px/1 vant-icon;
    font-size:inherit;
    text-rendering:auto;
}
.van-icon-upgrade::before {
    content:"\F058";
}
.test {
    font-size:50px;
    font-family:'youth';
}


 

先来看看看效果：



 真机上预览字体并没有生效（微信开发工具上是正常的），下面一个小图标是我引用有赞字体的样式，它可以正常显示，说明有赞的字体在真机上是加载成功了的。

那我们单独在浏览器中请求一下这两个文件，看看有什么不同吧。

请求有赞的字体文件：



请求我们的字体文件 ：



 发现有什么不同没？在请求头Response Headers中，有赞的字体请求相应中有Access-Control-Allow-Origin。这是需要后端配置的，允许跨域请求。

沟通，沟通，修改之后，我们来看看真机上预览的效果：



总结


	
 如果你是使用字体图标，文件较小，可以参考这篇文章将字体文件转为base64，以减少网络请求。
	
	

	
 如果你是和我一样主要设置字体，字体文件一般较大，可以放置在服务器中，但是服务器一定要配置允许跨域。
	
	

	
如果你想了解更多情况，给你以下参考：
https://developers.weixin.qq.com/community/develop/doc/000e40cce604582e9947f82615b800?highLine=%25E5%25A4%2596%25E9%2583%25A8%25E5%25AD%2597%25E4%25BD%2593
https://www.cnblogs.com/llkbk/p/7410099.html
https://blog.csdn.net/martinwangjun/article/details/79653728
	
 

嘘寒问暖 不如打笔巨款~