什么是签证更新电子系统 (EVUS) 签证更新电子系统是指持有十年有效B1/B2, B1或B2（访问者）签证的中国公民所使用的个人基本信息在线定期更新系统， 以协助其赴美旅行。除了有效签证以外，上述旅客必须完成EVUS 登记，以便获得许可进入美国。 EVUS登记将在哪一天开始强制施行 自2016年11月29日起，所有持中华人民共和国护照，同时持有最长有效期（十年）B1/B2、B1和B2签证的个人必须持有有效的EVUS登记才能赴美旅行。被要求进行EVUS登记的旅客如果没有有效的登记，将不能获得登机牌或者经由陆地入境口入境。 EVUS登记的费用是多少 在网站开放接受及早登记时，美国海关和边境保护局不会收取EVUS登记费用。美国海关和边境保护局预期EVUS登记收费最终会实施，但目前尚未落实执行时间。在收费实施前，旅客可以免费完成EVUS登记。 总结 简单来说就是如果是持有 10 年的 B1/B2 签证，在进入美国之前需要先在这个网站上申请下。 就是简单的把 10 年的签证电子注册一下而已。 https://www.usreio.com/t/topic/290

动态的绑定一个或多个 attribute，也可以是组件的 prop。 缩写： : 或者 . (当使用 .prop 修饰符) 期望： any (带参数) | Object (不带参数) 参数： attrOrProp (可选的) 修饰符： .camel ——将短横线命名的 attribute 转变为驼峰式命名。 .prop ——强制绑定为 DOM property。3.2+ .attr ——强制绑定为 DOM attribute。3.2+ 用途 当用于绑定 class 或 style attribute，v-bind 支持额外的值类型如数组或对象。详见下方的指南链接。在处理绑定时，Vue 默认会利用 in 操作符来检查该元素上是否定义了和绑定的 key 同名的 DOM property。 如果存在同名的 property，则 Vue 会把作为 DOM property 赋值，而不是作为 attribute 设置。这个行为在大多数情况都符合期望的绑定值类型，但是你也可以显式用 .prop 和 .attr 修饰符来强制绑定方式。有时这是必要的，特别是在和自定义元素打交道时。 当用于组件 props 绑定时，所绑定的 props 必须在子组件中已被正确声明。当不带参数使用时，可以用于绑定一个包含了多个 attribute 名称-绑定值对的对象。 示例 <!-- 绑定 attribute --> <img v-bind:src="imageSrc" /> <!-- 动态 attribute 名 --> <button v-bind:[key]="value"></button> <!-- 缩写 --> <img :src="imageSrc" /> <!-- 缩写形式的动态 attribute 名 --> <button :[key]="value"></button> <!-- 内联字符串拼接 --> <img :src="'/path/to/images/' + fileName" /> <!-- class 绑定 --> <div :class="{ red: isRed }"></div> <div :class="[classA, classB]"></div> <div :class="[classA, { classB: isB, classC: isC }]"></div> <!-- style 绑定 --> <div :style="{ fontSize: size + 'px' }"></div> <div :style="[styleObjectA, styleObjectB]"></div> <!-- 绑定对象形式的 attribute --> <div v-bind="{ id: someProp, 'other-attr': otherProp }"></div> <!-- prop 绑定。“prop” 必须在子组件中已声明。 --> <MyComponent :prop="someThing" /> <!-- 传递子父组件共有的 prop --> <MyComponent v-bind="$props" /> <!-- XLink --> <svg><a :xlink:special="foo"></a></svg> 使用 简单点来说就是对 HTML 中的元素，我们可以使用 v-bind 来进行绑定和动态的数据输出。 一个最简单的使用例子就是下面的我们需要根据我们返回的数据动态绑定一个图片。 <img v-bind:src="item.blogCover" alt="" class="img-thumbnail" /> 上面的代码，中的 item.blogCover 是我们从 JSON 返回对象中获得的数据，我们可以使用这个内置操作符将上面的图片的链接绑定到图片的 SRC 属性上。     通过上图绑定后，我们就可以完成图片的动态显示了。   https://www.ossez.com/t/vue-v-bind/14113

我们知道在 HTML 打开链接的方法就是定义 href 如下面的代码： <div> <a href="javascript: void(0);" @click="openBlogDetail(item.id)" class="text-primary">Read more <i class="mdi mdi-arrow-right"></i></a> </div> 但是，有时候我们是希望通过单击链接的方法调用一个 JS 函数。 上面就是定义了一个调用函数，并且传递 ID 到函数中。 在函数中打开链接 在函数中打开链接的方法是： window.open("/blog/detail/" + id, "_self") 需要注意的是，上面的打开方法我们添加了一个参数 _self。 这个参数的意思是在当前的标签页中打开。 按照现代浏览器的配置，如果不添加这个参数，将会把需要打开的链接在一个新的标签页中打开。     使用上面的方法，直接调用就可以了。   https://www.ossez.com/t/js/14112

在这个平台上面创建了一个文档：CWIKIUS · 语雀 Confluence Confluence 的问题就是太臃肿，不兼容 MD 格式。 但是，Confluence 和 JIRA 重度集成，因此成为很多公司文档的标配。 语雀 试用了下这个文档工具，整体上来说感觉第一步使用还不错。     虽然有点使用上面的不方便，但是大部分功能还是都有的。 我们现在更加倾向使用 MD 文件来进行保存文件。 但，这个平台貌似没有提供 MD 文件的导入，也许有，可能是我没有找到。 可以试用下看看效果，也许在文档多了以后的组织情况就能看出来了。 我们公司当前 Confluence 的文档巨多，简直可以说就是一堆垃圾在上面，无法进行分类。   https://www.ossez.com/t/topic/14111

秋天来了，苹果熟了。   苹果随便摘。 https://www.usreio.com/t/topic/287

最近为了引入一个包，在这个包的使用上看到了定义的依赖的一个版本号定义方式。 <dependency> <groupId>com.configcat</groupId> <artifactId>configcat-java-client</artifactId> <version>[7.0.0,)</version> </dependency> 这个定义方式有点奇怪，通常我们都是指定完整的版本号的。 解释 经过考古后才知道，Maven 是允许进行这样定义的。 根据我的理解就是 [] 和 () 各自表达的意义是不同的。 [] 有等于的意思。 () 没有等于的意思。 同时版本号使用了逗号进行分隔，我们可以想象有一个 X。 [7.0.0,)，我们假设在后面插入一个 X。 那上面版本号表达的意思就是：7.0.0 <= X     上面的图片对一些常见的写法进行了说明。   https://www.ossez.com/t/maven/14106

因为项目的需要，我们使用了一个第三方的电子邮件库，但是我们希望把这个库在项目中注册成 Bean 然后随时在其他地方使用。 Configuration 在哪里注册？ 我们通常可以在 Configuration 类中进行注册。 在 Configuration 类中，我们需要使用 @Configuration 这个注解。 如下图中显示的代码： @Bean public MailgunMessagesApi mailgunMessagesApi() { return MailgunClient.config(PRIVATE_API_KEY).createApi(MailgunMessagesApi.class); } 这个代码就是直接在 Configuration 类中进行了注册。     同时在这个注册中，我们使用了 Configuration 注解。 如何使用 在项目中如果需要对注册的 Bean 进行使用的话。 我们可以在需要使用的地方进行 @Autowired 就可以了。 如下面的代码： private static MailgunMessagesApi mailgunMessagesApi; @Autowired public EmailUtils(MailgunMessagesApi mailgunMessagesApi) { this.mailgunMessagesApi = mailgunMessagesApi; } 定义了一个变量，然后在构造函数中进行 Autowired 的。     使用也非常简单，在类中直接用就可以了。   https://www.ossez.com/t/spring-bean-autowired/14105

如想在部署的站点中使用 Google 广告。 我们最好需要在我们的站点中添加一个 Ads.txt 文件。 WordPress 可以使用多种方法来进行添加，最好的办法可能还是通过使用插件的方式，因为这个方式最简单也最快。 Ads.txt Manager 首先需要安装这个插件。     首先进入到你需要管理的 WordPress 后台，然后选择插件，然后通过搜索插件来进行安装。 安装完成后，需要进行激活。 进入插件 随后，选择设置菜单。 在设置菜单中可以看到我们已经安装的插件，然后选择 Ads.txt     然后将我们需要的 Ads.txt 文件复制粘贴到这个对话框中保存就可以了。     随后可以通过你的网站后面添加 ads.txt 来进行访问，确定安装正确。 如一切安装正确，提价 Google 再次验证即可。   https://www.ossez.com/t/wordpress-ads-txt/14104

分页查询在网站的设计中必不可少。 分页查询有几种方式，通常用的是：网页分页和后端分页。 不要觉得现在还有人用网页分页的方式吗？ 相信我，奇葩远比想象得多。经历过一个项目，全部都是网页分页，后端都是大量的 JOIN 和毫无人性的返回几千条记录。 为什么不返回上万条？那是因为后台数据库不大，只有 5 万多点的数据量。连个 Limit 都懒得用的项目还堂而皇之的上线运行了好几年到不重做差不多就没法用的地步。 我们来说说基于 Spring Data 的分页查询。 如果项目使用的是 Spring Data，那么恭喜你，这分页太方便了。 PagingAndSortingRepository 接口 首先你的实体仓库类，需要继承 PagingAndSortingRepository 这个接口。 写法也简单到只写一个继承就可以了。     PagingAndSortingRepository 接口继承于 CrudRepository 接口，拥有CrudRepository 接口的所有方法， 并新增两个功能：分页和排序。 Service Service 层也简单到不能再简单了。 假设我们希望查询一个实体类的所有数据，但是我们希望进行分页。 我们可以简单到 public Page<Visa> findAllVisa(Pageable pageable) { return visaRepository.findAll(pageable); } 只写这一段话就可以了。 我们只需要把 pageable 作为参数传递进去就行了。 Pageable 是一个接口。 定义分页对象 要对实体数据进行分页，我们需要让实体数据知道后面查询的时候是怎么分页的。 在服务层或者控制层定义一个 Pageable 对象。     if (ObjectUtils.isEmpty(searchCondition)) { Pageable visaPage = PageRequest.of(pageNumber, 100, Sort.by("dateVisaInterview").descending()); pageableResponse.setPagedData(visaService.findAllVisa(visaPage)); } 在这个对象中，我们创建了一个 visaPage 分页对象。 在这个分页对象中，我们提供了参数： 分页的当前页 每一个页面的大小 排序字段 返回 在分页查询的结果都会返回一个叫做 Page 的对象。 Page 是一个接口，继承的 Slice。 为了让程序更加简单，我们直接定义了一个返回的对象。将 Page 的内容返回到 API 上。 运行结果 如果 API 运行没有问题的话，在 API 的返回中，我们可以看到下面的信息。     针对分页查询的所有信息都有了。 包括有当前页，页大小，偏移量，总数据量。 使用 Spring Data 的分页查询，能够大大加快程序的处理，甚至能够让程序员不再关注后端是如何获得查询数据和如何进行查询的。 真的是一个非常贴心的接口。   https://www.ossez.com/t/spring-data-repository/14097

有个比较简单的问题。 Spring 的 @PostMapping 在使用 POST 提交的时候，能不能在 URL 中带参数？ 简答 短回答肯定是可以的。 在非常早期的 Web 开发的时候，我们会通过网页的 JSP 来提交表单，在这个表单提交的时候，有一个非常困惑的问题就是如果不指定 POST 的提交参数。 所有的表单数据都会拼装成 URL 中参数来进行提交。 所以 POST 是肯定可以带参数的。 Spring RestController 在 Spring 的 RestController 写法也非常简单。 就和 Get 获得参数的方法是一样的。 @PostMapping("/search") @ResponseBody public ResponseEntity<?> searchVisa(@RequestBody(required = false) String searchPayload, @RequestParam(value = "p", required = false) Integer pageNumber) { } 上面的代码就可以从 URL 获得请求参数 p。 URL 也可以使用非常简单的参数模式。 /visa/search?p=0 通过上面的代码，在你的控制层中，就可以获得 p 传递给程序的数据了。     因为我们将 p 定义成整形，Spring 也非常贴心的给我们做了类型校验。 如果你传入的数据是字符的话，这里会抛出一个异常。 这个错误就是类型转换错误。   https://www.ossez.com/t/spring-postmapping-url/14095