April-cl
  文章分类
电脑 15 前端 55 Hexo 2 编程 2 生活 4 后端 17
笔记：《Vue.js设计与实现》—— 响应系统的作用与实现 笔记：《Vue.js设计与实现》—— 响应系统的作用与实现
最近在看《Vue.js设计与实现》这本书，第四章响应系统的作用与实现真是干货满满，反反复复看了好几遍才看得明白，记录一下~ 响应式数据与副作用函数副作用函数在系统开发和设计中，一般函数设计的时候都是内部执行，并不会影响外部的执行，但是如果一
2024-05-28 前端
笔记 书籍 Vue3
实战篇笔记-山竹记账前端（六） 实战篇笔记-山竹记账前端（六）
创建 Button 组件透传 Attributes “透传 attribute”指的是传递给一个组件，却没有被该组件声明为 props 或 emits 的 attribute 或者 v-on 事件监听器。最常见的例子就是 class、st
2024-05-25 前端
笔记 实战 Vue3 TSX
实战篇笔记-山竹记账前端（五） 实战篇笔记-山竹记账前端（五）
滑动切换路由 + 重构编码规范为 ref() 标注类型 const test = ref() console.log(test.value === undefined) // true // ref 默认值 undefined，方便统一推
2024-05-22 前端
笔记 实战 Vue3 TSX
Webpack 读书笔记 Webpack 读书笔记
初读《Webpack实战：入门、进阶与调优（第2版）》后记录 何为 WebpackWebpack 是一个开源的 JaveScript 模块打包工具，其核心的功能是解决模块之间的依赖，把各个模块按照特定的规则和顺序组织在一起，最终合并为一个
2024-05-15 前端
笔记 书籍 Webpack
实战篇笔记-山竹记账前端（四） 实战篇笔记-山竹记账前端（四）
多重 RouterView 与 TransitionWelcomeLayout 组件功能迁移到 Welcome 组件，重构 Welcome 组件 // src/views/Welcome.tsx import { defineCompone
2024-05-14 前端
笔记 实战 Vue3 TSX
实战篇笔记-山竹记账前端（三） 实战篇笔记-山竹记账前端（三）
封装 WelcomeLayout 组件目的：消除重复 四个页面只有图片、文字不同，布局结构是一致的 重构前 // src/components/welcome/First.tsx import { defineComponent } fro
2024-05-14 前端
笔记 实战 Vue3 TSX
实战篇笔记-山竹记账前端（二） 实战篇笔记-山竹记账前端（二）
使用 CSS Modules任何以 .module.css 为后缀名的 CSS 文件都被认为是一个 CSS modules 文件。导入这样的文件会返回一个相应的模块对象： /* example.module.css */ .red {
2024-05-14 前端
笔记 实战 Vue3 TSX
实战篇笔记-山竹记账前端（一） 实战篇笔记-山竹记账前端（一）
使用 oh-my-env 开发环境锁死 npm 版本号 npm config set save-prefix='' dev、build 和 preview创建项目 pnpm create vite@2.9.0 projectName --
2024-05-13 前端
笔记 实战 Vue3 TSX
自定义ECharts图表-设备运行状态图 自定义ECharts图表-设备运行状态图
翻笔记看到两年前一个当时耗费挺长时间的看板页面，现在看来写的有些弱智，不过也侧面说明相较于之前有所成长吧（至少我觉得🤭） 需求一个机台对应一个柱形图，柱形图反映机台从白班（当天早8点到晚8点）到夜班（当天晚8点到次日早8点）的运行状态，用
2024-03-22 前端
ECharts
关于web-view组件层级过高导致其它视图组件不可视的解决办法 关于web-view组件层级过高导致其它视图组件不可视的解决办法
需求当点击左边红色框内的单号时，右边黄色框展示区域显示对应的信息（视频或者PDF）。如果该单号同时存在视频或者PDF，则绿色框单选按钮组显示视频和PDF单选框，如果只存在一种则只显示一种单选框。 实现布局如下 <template>
2024-03-15 前端
uni-app APP
记录 APP 扫描一维码不准确的原因 记录 APP 扫描一维码不准确的原因
plus.barcode.Barcode(domId, filters, styles, autoDecodeCharset) 参数： domId: ( String ) 必选 关联DOM标签的标识系统将查找到此id的DOM标签节点，设置
2024-03-15 前端
uni-app APP
zb-table 动态显示操作按钮 zb-table 动态显示操作按钮
在uni-app开发时遇到一个需求，需要用表格显示内容，有一列操作列要求根据某列内容显示对应操作 例子：有完成时间的行操作列不能显示【删除】、【完成】按钮 在 DCLOUD 插件市场下载安装 zb-table 插件，查看文档，没找到可以动态
2024-03-14 前端
uni-app
1 / 5