-
Node版本ESLint 8.x，Node版本要求：^12.22.0, ^14.17.0, or >=16.0.0
Vite 4.x，Node版本要求：14.18+, 16+
因此Node版本最低要求为 14.18
eslint安装：npm install eslint eslint-plugin-vue eslint-plugin-prettier eslint-config-prettier @typescript-eslint/parser @typescript-eslint/eslint-plugin --save-...
-
图片格式传统的favicon图标使用ico格式。但ico格式以及过时，不宜再使用。除非是IE6这种古老的浏览器必须使用ico作为浏览器标签页图标，其它浏览器都支持使用png、gif等格式图标。
如何设置图标在页面上使用如下代码，即可指定图标：
<link rel="icon" href="/favicon.png">
虽然在直接在网...
-
在升级vue-3.0.11版本后，出现模板不能递归引用的问题。控制台出现以下警告信息：
[Vue warn]: Failed to resolve component: _self
这时需要将@vue/compiler-sfc也升级到3.0.11版本。也就是vue版本和@vue/compiler-sfc版本应该一致。
github中也有类似的报告：https://github.com/vuejs/vue-next/issues/3577
-
为了让页面在所有的设备上都能友好的浏览，需要针对屏幕不同宽度对页面布局进行调整。屏幕宽度各有不同，不可能对所有屏幕宽度都进行处理。这里探讨主流设备宽度和以及合理的分类方式。
通常会大体上分为手机、平板、桌面设备。
手机
iPhone 5
iPhone 8
iPhone 8 Plus
iPhone 12 min
iPhone 12 Pro
iPhone 12...
-
英文字体较为简单统一，容易设置。而且英文字母少，即使重新定义一个字体体积也不大。中文则完全依赖操作系统的字体，不同操作系统的拥有的字体各不相同，设置起来稍显复杂。设置不当的话，会导致某些操作系统下显示效果不佳。
Windows中文字体：微软雅黑（"Microsoft Yahei"） 宋体（SimSun）。微软雅黑（&qu...
-
百度在2018-11-15发布了新的标题规范：百度搜索网页标题规范
标题的要求
要准确，不要模糊和不相关的标题；要简明扼要，不要冗长、不要堆积关键字；每个页面都应该有独一无二的标题。
范例：
标题的规范首页格式：站点名/品牌名 - 首页/官网/slogan
范例：优酷首页 淘宝网 - 淘!我喜欢 京东 - 正品低价、品质保障...
-
Freemarker循环的方式：
# sequence 可以是 数组、java.util.Collection、java.util.List、java.util.Set
[#list sequence as item]
${item}
获取序号（从0开始）：${item_index} ${item_index + 1}
判断是否有下一个
[#if item_has_next]...还有下一个元素...[/#if]
[/#list]
# 从1到10循环
...
-
FreeMarker中输出null值会报错，如果希望对象为null时，什么都不显示且不报错，可以这样处理 ${mouse!} ${user.username!} ${(user.username)!}（最后一种方式可以避免user对象为null导致的错误）。
如果希望对象为null时，显示一个默认值，可以${mouse!"No mouse"} ${username!"匿名用户"}。
-
下面代码的Switch无法和Form的值关联起来：
<Form initialValues={bean}>
<Form.Item name="myname">
<Switch/>
</Form.Item>
</Form>
需要给Form.Item加上valuePropName="checked"属性。正确代码如下：
<Form initialValues={bean}>
...
-
最小的base64透明图片，大小为 1px * 1px。
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7">
最小的base64黑色图片，大小为 1px * 1px。
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=">