shayloyuki

vsCode 博客园插件使用：管理本地博客

摘要：前言使用博客园插件在 vsCode 中管理本地博客。第一次使用，摸索了个教程出来。新建-发布博客第一步：登录、配置本地博客文件夹第二步：新建本地博客方式一：直接在本地博客文件夹中新建方式二：在随笔列表右上角，鼠标悬浮，点击加号新建第三步：保存本地博客到博客园保存逻辑：新建和更新该本阅读全文

posted @ 2023-01-30 15:01 shayloyuki 阅读(250) 评论(0) 推荐(0) 编辑

vsCode 常用快捷键

摘要：多光标编辑选择块：Shift+directionArrow 添加多个光标：Alt+Click 行操作复制粘贴行：Shift+Alt+Down/UpArrow 移动行：Alt+Down/UpArrow 删除行：Ctrl+Shift+K 在整个项目中重命名变量或函数名光标处于要修改的变量中，F2 阅读全文

posted @ 2023-01-29 15:52 shayloyuki 阅读(83) 评论(0) 推荐(0) 编辑

FCC-HC 总结

摘要：分享分享一下简易版的个人网站 shayloyuki's portfolio，内有这五个项目及其所有子项目的代码演示链接。有五个项目：一、Survey Form HTMl - Cat Photo App code 标签：表示内部是代码。还需要补充以下的 css 样式才能更好显示： code { 阅读全文

posted @ 2022-12-28 17:38 shayloyuki 阅读(81) 评论(0) 推荐(0) 编辑

封装公共方法：扁平数组转为树形数组

摘要：代码 src/utils/arr.js /** * * @param {Array} flatArr 扁平数据 * @param {string} pid 上级数据的id,常用'pid' * @returns */ // 扁平数组转为树形数组 export function arrToTree(fl 阅读全文

posted @ 2022-12-23 13:31 shayloyuki 阅读(20) 评论(0) 推荐(0) 编辑

封装公共方法：树形数组扁平化

摘要：需求项目多个地方需要操作树形数据，多次用递归比较麻烦，于是就打算封装成公共方法。解决第一步：在 /src/utils 路径下新建 arr.js 文件 /** * * @param {Array} arrs 树形数据 * @param {string} childs 树形数据子数据的属性名,常用阅读全文

posted @ 2022-12-14 17:05 shayloyuki 阅读(130) 评论(0) 推荐(0) 编辑

el-tree 刷新后保持展开状态和选中节点不变

摘要：需求 el-tree 刷新后默认折叠全部节点，默认选中第一个节点（以下简称默认设置）。现在需求是：新增或编辑节点数据，要求刷新后保持展开状态和选中节点不变。思路思路一：只在第一次进入页面时的刷新，采用默认设置，其他时候的刷新，不改变展开和选中节点；思路二：刷新都采用默认设置，其他时候阅读全文

posted @ 2022-12-14 16:58 shayloyuki 阅读(4082) 评论(0) 推荐(0) 编辑

el-select 无法实时显示选中的项、无法清除

摘要：问题某个 el-select 多选下拉框，显示栏无法实时显示选中的项，也无法清除已选中的项；但是最终提交表单时，能够赋值成功。解决 Vue 中无法监听数组中项的变化，因此需要用 $set()。代码：参考链接解决element-ui中的el-select选择器无法显示选中内容的问题 vue 阅读全文

posted @ 2022-12-12 14:56 shayloyuki 阅读(1015) 评论(0) 推荐(0) 编辑

清除浮动

摘要：问题描述如果容器高度为 auto，内部元素 A 浮动后会脱标，则容器高度就不会被 A 撑开，就会出现：容器高度塌陷，A 溢出容器外的现象。这种现象叫做：浮动对标准流的影响。为了让容器包裹 A,需要清除这种影响，简称为清除浮动。 <body> <style> .news { background- 阅读全文

posted @ 2022-12-09 14:52 shayloyuki 阅读(7) 评论(0) 推荐(0) 编辑

keep-alive 缓存不生效

摘要：问题在某个页面上 keep-alive 缓存不生效，其他页面是正常的。解决开始测试找问题根源，发现是路由名称大小写错了。参考链接 vue组件缓存之keep-alive正确使用姿势 vue keep-alive 缓存不生效解决方案阅读全文

posted @ 2022-12-01 11:10 shayloyuki 阅读(331) 评论(0) 推荐(0) 编辑

点击按钮滚动轴滑动到指定位置

摘要：问题对话框中有个表单，点击按钮，需要在底部添加一条数据，并让滚动轴滑动到最底部，以便用户直观了解变化。效果解决 container.scrollTop = container.scrollHeight - container.clientHeight /* 添加属性按钮 */ addProp( 阅读全文

posted @ 2022-11-22 18:20 shayloyuki 阅读(277) 评论(0) 推荐(0) 编辑