qq_24385297的博客

原创 打字稿--react版

被这个“打字稿”控了一下午，还以为是什么我没学到的技术，搜索了一下，是“typescript”，估计是机翻的。同理，“线框技术”，估计是“framework”机翻版，哈哈哈哈哈哈哈哈。

原创 复杂数据（对象数组）里的字段替换

将下图所示英文转换成中文（后端返回数据有对应字段，具体见代码段）

原创 css样式，箭头方向上下转换

【代码】css样式，箭头方向上下转换。

原创 react中父子组件传function

点击方块即可打印其对应ID。

原创 当验证规则需要根据条件变化时，用computed（某一个字段内包含多个需要验证的对象）

需求描述：验证表单1.当所在区域为国内大陆时，手机号必填，联系电话非必填；反之，相反。2.每一个邮箱地址应符合正确的邮箱格式；当仓库类型为虚拟仓时，邮箱必填，其余情况为非必填。实现效果图：相关代码：<g-modal v-if="xqMb" @closemb="closeXqMb" :mbStatus="xqMb" class="formula-modal" :maskClosable="false" :zIndex="110" :ti

原创 js使用时间戳计算两个日期之间的天数差

【代码】js使用时间戳计算两个日期之间的天数差。

原创 解构多级对象/数组对象（ES6）

pink老师js课程P160截图。

原创 css简单语法实现tab切换样式改变

实现效果图及对应代码：（pink老师课程学到的）

原创 antd分页器

【代码】antd分页器。

原创 动态设置classname方法合集

【代码】动态设置classname方法合集。

原创 数组对象内通过一个属性，取另一个属性的值

如下图，需要找到orderDetailAttrList数组内skuAttrId值为"1526079330298392625"的对象，并取出对应的skuAttrValue值。

原创 验证表单时，当规则需要变化时，用计算属性实现

【代码】验证表单时，当规则需要变化时，用计算属性实现。

原创 vscode撤回之前的某一次提交

3.当看到head is now at…你想要撤回的commit信息上时，即可回到vscode，在左侧“源代码管理”的commits里找到想撤回的commit信息，点击撤回按钮。接着push pull就可以了。2.找到代码存放的本地文件夹，右键–>git bash here，输入$ git reset --hard fe9ddb80ae346e674eda526dbab50ecdc0896fe5。1.在vscode终端输入 git log 查找对应提交的编号，下图红框中即为该编号。

原创 a-table表格中根据返回字段不同，设置不同样式

【代码】a-table表格中根据返回字段不同，设置不同样式。

原创 遍历数组里的对象

原创 为表格设置唯一id和key值（使表格唯一，数据不相互影响）

【代码】为表格设置唯一id和key值（使表格唯一，数据不相互影响）

原创 watch函数用法

【代码】watch函数用法。

原创 a-table单元格内容根据值的不同渲染不同的样式

【代码】a-table单元格内容根据值的不同渲染不同的样式。

原创 【vue+js】PC端获取主机id、IP地址、主机名

3.在你需要的地方直接使用process.env.VUE_APP_HOST（IP地址）、process.env.VUE_APP_NAME（主机名）、process.env.VUE_APP_MACHINEID（设备id）需求描述：在用户登录时，前端需要获取主机id、IP地址、主机名，传给后端。1.安装包 npm i node-machine-id。2.在vue.config.js文件中复制粘贴如下代码。打印出来是下图这个样子。

原创 修改antd默认树选择器下拉菜单中的勾选框颜色

【代码】修改antd默认树选择器下拉菜单中的勾选框颜色。

原创 js解决浮点型小数乘法精度丢失问题

【代码】js解决浮点型小数乘法精度丢失问题。

原创 数组中删除每个对象的某个属性

该文章引用自某乎文章“统一删除或过滤数组中的每一项对象的指定属性”，侵删。

原创 antd表单校验及常用默认规则

【代码】表单校验常用默认规则。

原创 超出省略样式

【代码】超出省略样式。

原创 组件页面占满整个body

内容部分背景颜色为白色，主题颜色为浅灰色，想要把内容部分高度占满整个页面，让它的背景颜色全是灰色。

原创 让弹窗可移动

【代码】让弹窗可移动。

原创 antd Modal提示弹窗内容自定义

难点：官方图标在标题旁，需要在content里用h函数把图标自定义到文本前面。

原创 富文本渲染商品详情

【代码】富文本渲染商品详情。

原创 鼠标hover及点击后动态显示相关元素样式

【代码】鼠标hover及点击后动态显示相关元素样式。

原创 路由传参及接参

【代码】路由传参及接参。

原创 修改tooltip的宽度，不影响全局样式

思路：给tooltip加上overlayClassName属性，并在less中加上:global。

原创 表格固定高度，且在超过高度时可以拖动滑条

【代码】表格固定高度，且在超过高度时可以拖动滑条。

原创 使用a-upload上传文件

【代码】使用a-upload上传文件。

原创 开发实用快捷键及git命令

自动换行：Ctrl+shift+p —>输入settings —>选择open user settings —>找到Editor: Word Wrap值改为on。git push -u origin user 在远程仓库中新建分支user并推送user本地仓库中的代码及状态。3.右键，gitbash here，用‘git clone 复制的代码地址’拉取代码。git push 将目前本地仓库的代码及状态提交到远程仓库。快速运行：Ctrl+shift+n。格式化代码：alt+shift+f。