自定义 iconfont 显示不出来或显示小框框

首先参考之前写过的 加载使用 iconfont 阿里巴巴矢量图标库 和 自定义 iconfont 字体图标 这两篇关于 iconfont 的文章,主要使用 font-class 方式引用 iconfont 字体图标。具体引用步骤参考 自定义 iconfont 字体图标,之前使用 FontCreator 软件进行自定义 iconfont 编辑的,就是用 FontCreator 打开 ttf、otf

吃鸡蛋时的呓语

早上用蒸蛋器蒸了三个鸡蛋,剥开了两个,扔掉了一个蛋黄。那个扔掉的蛋黄不是没有营养,也不是比另一个蛋黄差些,只是想要控制体重的我,不再需要罢了。煮了一大碗粥,再少就不够煮了。倒在大碗里,配上一个半鸡蛋和些许榨菜。油花如蜿蜒的大河,鸡蛋是两岸的大山。吃一半,倒掉另一半。倒掉的一半依然与吃掉的一半没有区别,只是对少了“大山”、“大河”,泛着星星点点油花,逐渐冷却的另一半,没有当初的热情与胃口。

唐朝离婚协议书

凡为夫妇之因,前世三生结缘,始配今生之夫妇。若结缘不合,比是冤家。难归一意,各还本道。愿娘子相离之后,重梳蝉鬓,巧呈窈窕之姿,选聘高官之主。解怨释结,更莫相憎。一别两宽,各生欢喜。

PC 端侧边快捷导航栏的实现原理解析

对于一些首页需要展示较多品类的 PC 端商城,靠着主体内容的侧边导航栏是必不可少的。公司官网也用到了这个组件,参考天猫、震坤行、工品汇等网站做了些代码对比解析。侧边快捷导航栏的定位布局因为要固定在屏幕的某个位置,所以布局定位第一个想到的是 position:fixed,工品汇和天猫 PC 网站用的就是 fixed 布局。fixed 可以让组件相对于屏幕进行定位,而不是像 absolute 相对于

css 图片和多行文字对齐

图片和单行文字对齐比较简单,在图片和文字(行内元素)上加 vertical-align: middle;。图片与多行文字对齐的解决方法,就是将多行包装成单行,单行内再用 <br/> 进行换行。以下我调试过的一个版本:<style> img { vertical-align: middle; } p { display: inline-block; v

html 禁止图片被拖拽

给公司网站做了新页面,然后手就闲不住的这边点点,那边点点。发现图片总是被拖着走,就好烦。想着有没有可以禁止图片被拖拽的方法,然后找到了一个比较简便的方法:<img src="xxx" alt="xxx" draggable="false"/>给需要禁止拖动的图片添加拖动属性,设置值为 false 即可。如果是对整个页面上的图片

解决 SSH 远程连接会话保持时间太短的问题

问题描述使用 SSH 指令进行远程连接,经常会遇到一个问题就是,操作了一会儿去做其他事情,返回 shell 时发现,SSH 会话已经过期了,只能重置或关闭当前 shell 之后重新连接。如果需要长时间保持会话,这种会话间断的情况就会很烦,服务器也会存在很多登录状态的 pts(伪终端)。解决方法网上找了几个方法,大致是修改 sshd 服务的配置:修改 server 端的 /etc/ssh/sshd_

Linux运维之关闭终端,程序后台运行的5种方法

Java 项目使用 jar 包发布时,一般会执行远程执行 java -jar xxx.jar。此时命令行会输出 jar 包执行的日志,但 shell 会被阻塞,没有办法执行其他指令。强行 Ctrl + Z 退出后,jar 包进程还在,但被挂起了,前端 web 访问一直在等待。怎么样才能让 jar 包进程后台运行呢?有以下5种方法:nohup最常用的命令就是【nohup】,从名字就看出是否挂起运行命

Spring lombok 使用之 bean final 属性和调用有参构造器报错

Lombok 提供了一些非常棒的库,这些库可以在运行时动态生成常见的 getter 和 setter 方法,以及 equals()、hashCode()、toString()等方法,还可以生成所有以 final 属性作为参数的构造器。主要作用就是简化开发人员工作,简化代码。使用 Lombok 需要两步:第一步是将 Lombok 添加到 Spring pom.xml 依赖中;第二步是给使用的 IDE

Spring Boot DevTools 使用之安装 LiveReload 浏览器插件

Spring Boot 的 DevTools 可以为开发者在开发过程中提供一些有利工具。主要的作用:代码变更后应用自动重启面向浏览器的资源(如模板、JavaScript、CSS)发生变化时,会自动刷新浏览器(页面)自动禁用模板缓存内置 H2 控制台以上内容摘自 《Spring 实战》其中第二条自动刷新浏览器是需要浏览器安装 LiveReload 插件配合使用。DevTools 运行时,会启动一个