-
为了让页面在所有的设备上都能友好的浏览，需要针对屏幕不同宽度对页面布局进行调整。屏幕宽度各有不同，不可能对所有屏幕宽度都进行处理。这里探讨主流设备宽度和以及合理的分类方式。
通常会大体上分为手机、平板、桌面设备。
手机
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=">
-
Ant Design 出于设计的考量，某一类型的控件只能接收某一类型的值。比如Input的value为string类型，InputNumber的value为number类型，同样的DatePicker的value则为moment类型。
这样的设计无可厚非，并且还考虑到了日期格式不一致的转换问题，甚至更换日期类库的问题。但实际使用中却存在一些不便利的情况，服务器返回的...
-
网上有很多关于null和undefined区别的论述，看似讲了很多知识，但又好像没什么用，无法指导实际开发。结论大多是null和undefined基本一样，只有细微差别，是历史设计错误的产物，甚至应该把其中一个从语言中去掉。
实际上，这两个值还是有很大的区别的，并且这两个值还有存在的意义。
undefinedundefined代表未定义，也...
-
Ant Design Pro 5 的网络请求有点复杂，只看文档不阅读源码搞不清楚到底发生了什么事情。涉及到fetch umi-request @umijs/plugin-request Ant Design Pro 5相关代码。
fetch代替XMLHttpRequest的访问和操纵HTTP的技术。fetch最大的问题是，只有在发生网络故障时或请求被阻止时，才抛出异常；而对于 HTTP 状态码为 404 或...
