晓风残月淡的博客

在使用ant-design-vue的框架时，a-tree是比较常用的组件，比较适合处理树形结构的数据。但是在与后台数据进行授权交互时，就不友好了。在原生官方文档的例子中，若子项被勾选，则父级节点会被关联勾选，但这勾选并不一定是选中的意思。有可能是半选中，通过方框样式选中，也就是说父级节点的值不会出现在`checkedKeys`的数组中。所以需要将服务传过来的数据`allCheckedKeys`处理，再还原成选中`checkedKeys`和半选中`halfCheckedKeys`的两部分。

作为后端程序员平常js用得少，但是数组遍历又是常用功能，遍历方法又有很多。在此记录一下，所有用得上的数组遍历方法。

在网页上实现元素布局涉及很多技术。在复杂网站上，可能会用到浮动元素、绝对定位元素以及其他各种大小的元素，甚至也会使用较新的CSS特性，比如Flexbox或者网格布局。在此之前我们要打好基础，深刻理解浏览器是如何设置元素的大小和位置的。高级的布局话题基于文档流和盒模型等概念，这些是决定网页元素的大小和位置的基本规则。我们将构建一个两列布局的网页。你可能很熟悉这个布局，因为它是一个经典的CSS入门练习，但是在完成这种布局的过程中，有一些布局中经常被忽略的一些细节。

许多开发人员对定位的理解很粗略，如果不完全了解定位，就很容易给自己挖坑。有时候可能会把错误的元素放在其他元素前面，要解决这个问题却没有那么简单。一般的布局方法是用各种操作来控制文档流的行为。定位则不同：它将元素彻底从文档流中移走。它允许你将元素放在屏幕的任意位置。还可以将一个元素放在另一个元素的前面或后面，彼此重叠。

CSS虽说不是编程语言，但是日常使用中经常有很多误解，发现样式不奏效的情况，所以需要加强下CSS基础。CSS本质上就是声明规则，即在各种条件下，我们希望产生特定的效果。如果某个元素有这个类，则应用这些样式。如果X元素是Y元素的子节点，则应用那些样式。浏览器会根据这些规则，判断每个规则应该用在哪里，并使用它们去渲染页面。

自定义搜索条件是一种比较特殊的条件设置方式，是系统在提供2-3个基础搜索条件外，用户可根据自身需要自己设置其他的搜索条件展示或隐藏，并可根据此设置方式保存为查询方案，方便以后使用。自定义搜索条件方式适合强搜索场景，用户可针对自身需求自定义搜索条件，保证自身处理业务高效性。优点：高效便捷，用户可自定义搜索；缺点：开发工作量大，需要条件多个展示和ID保存多个方案。

在B端产品设计中，为用户提高工作效率是每个产品设计师所追求的目标，也是企业主客户对每个打工人的期望。本文介绍3种设计手法，通过提取B端产品中的典型页面，来帮助B端设计师们提高页面的操作效率。

当提交的表单Form需要填某个实体的外键ID时，当然不可能使用el-input组件，这个适合提交字符串，然后用户又不可能记住某个引用的外键ID，这时候使用el-select还是必要的。这个组件我折腾了好久，之前想用自带的suffix-icon实现，谁知道图标Component是给属性赋值的，并不是子组件。思路是在el-select后边再加一个icon图标，然后添加上阴影，并隐藏suffix-icon图标和自带的阴影，伪装成一个合体的组件。// 监听父组件传递的值的变化。// 初始化父组件传递的值。

js是动态类型的，ts是静态类型的。在大型项目中，变量没有类型，若出现bug很难去查找错误，变得很难维护。因此，ts语言越来越受前端程序员的欢迎。

场景：由于js是单线程异步执行的，当调用第三方API接口时，如果对方没有提供批量操作的接口，我们就需要多次请求相同的API，但是在for语句中会同时去访问多个相同请求，会造成并发冲突。同时，由于setTimeout函数的作用域不能访问外部函数，需要通过匿名函数传递外部参数进去。单纯使用setTimeout函数，最后发现延迟1s后还是一起执行了内部函数，造成冲突。唯一有的就是setTimeout延迟执行函数，但是这个函数也是有很多坑。思路是每个setTimeout函数延迟不同的时间1000 * i。

我的linux系统安装的是centos版本，参考教程安装都花了好几个小时才终于成功，遇到了几个坑。之前在官网https://nodejs.org/en/download/下载的是源码版本需要编译，结果编译了好久，竟然失败。之后，只好下载已编译版本，才最终成功。我也建议下下这个版本1.切换安装目录，我放在了此目录cd /usr/local/src/2.然后下载最新已编译版本，我下载的时候最...