微信小程序使用Font Awesome字体图标

今天研究了一下小程序,发现还是很有意思的,但是在遇到字体图标的时候遇到了一些小麻烦,搜索了一下,发现好几篇文章的实现方法是将字体文件编码成base64(这里),然后使用。这样能满足需求,但是会导致代码体积大,而且不是合适的方法。然后看到这篇文章有了一些想法,于是觉得测试一下。

在 https://cdn.baomitu.com/ 这个库里找到了Font Awesome字体图标,然后选择 https://lib.baomitu.com/font-awesome/5.3.1/advanced-options/use-with-node-js/fontawesome-free/css/all.css 这个文件,将里面的代码复制到 font-awesome.wxss (这个文件随便放哪里)。然后选择 https://lib.baomitu.com/font-awesome/5.3.1/advanced-options/use-with-node-js/fontawesome-free/css/all.css 这个文件,将里面的代码复制到 font-awesome.wxss (这个文件随便放哪里)。

重点来了,将font-awesome.wxss里面的相对引用替换成绝对引用,即将 ../ 替换成 https://lib.baomitu.com/font-awesome/5.3.1/advanced-options/use-with-node-js/fontawesome-free/ 。

替换后,在 需要用字体图标的页面的wxss文件中用 import font-awesome.wxss 即可。

表述能力有限,直接看代码吧:https://github.com/calchen/demo-for-wechat-miniprogram-use-font-awesome

这个方法也适用于字体~

对于使用阿里字体图标的,可以将字体图标放在CDN上,然后引用~

Spring Boot中Rest接口POST如何接受JSON数据

近日在学习Spring Boot的过程中,按照教程构建了几个Rest接口,测试其中POST接口的时候发现用application/json请求的时候返回的均是null,而使用了application/x-www-form-urlencoded后可以得到正确结果。搜索到该文章《 @RequestMapping 用法详解之地址映射(转)》后,在@RequestMapping中增加 consumes = “application/json”,并将@ModelAttribute改成@RequestBody即可

 

JavaScript运算符:== VS. ===

这篇文章非常简洁明了的解释了 JavaScript 中 == 与 === 的差异以及在不同情况下使用的效果。

原文(http://www.w3cplus.com/javascript/which-equals-operator-vs-should-be-used-in-javascript-comparisons.html
@manxisuo 的《通过一张简单的图,让你彻底地、永久地搞懂JS的==运算》一文中详细的阐述了JavaScript中的==运算符。其实在JavaScript中还有一个另外一个运算符===。那么这两者有何不一样呢?这篇文章就一起来看看JavaScript中==和===有何不同。 继续阅读

HTML input type=file文件选择表单元素二三事

原文地址:http://www.zhangxinxu.com/wordpress/?p=5071

一、良生- input type=file与文件上传

本文所说的input type=file指的是type类型是file的input元素,最简HTML代码如下:

但是,为了习惯,我们多写成:

在HTML5出现之前(XHTML),我们的闭合规则则有些出入:

顾名思义,选择文件,并上传文件。 继续阅读