有的时候博客内容会有变动，首发博客是最新的，其他博客地址可能会未同步, 认准 https://blog.zysicyj.top 可点击链接 https://blog-1253652709.cos.ap-guangzhou.myqcloud.com//picgo/202401180921373.png 解答疑问 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481 ...

day05一、学习目标1. 自定义指令 基本语法（全局、局部注册） 指令的值 v-loading 的指令封装 2. 插槽 默认插槽 具名插槽 作用域插槽 3. 综合案例：商品列表 MyTag 组件封装 MyTable 组件封装 4. 路由入门 单页应用程序 路由 VueRouter 的基本使用 二、自定义指令1. 指令介绍 内置指令：v-html、v-if、v-bind、v-on… 这都是 Vue 给咱们内置的一些指令，可以直接使用 自定义指令：同时 Vue 也支持让开发者，自己注册一些指令。这些指令被称为 自定义指令 每个指令都有自己各自独立的功能 2. 自定义指令 概念：自己定义的指令，可以 封装一些 DOM 操作，扩展额外的功能 3. 自定义指令语法 全局注册 1234567// 在 main.js 中Vue.directive(' 指令名 ', {  "inserted" (el) {    // 可以对 el 标签，扩展额外功能 el.focus()  }}) 局部注册 ...

day04一、学习目标1. 组件的三大组成部分（结构 / 样式 / 逻辑）​ scoped 解决样式冲突 /data 是一个函数 2. 组件通信 组件通信语法 父传子 子传父 非父子通信（扩展） 3. 综合案例：小黑记事本（组件版） 拆分组件 列表渲染 数据添加 数据删除 列表统计 清空 持久化 4. 进阶语法 v-model 原理 v-model 应用于组件 sync 修饰符 ref 和 $refs $nextTick 二、scoped 解决样式冲突 1. 默认情况： 写在组件中的样式会 全局生效 → 因此很容易造成多个组件之间的样式冲突问题。 全局样式: 默认组件中的样式会作用到全局，任何一个组件中都会受到此样式的影响 局部样式 : 可以给组件加上scoped 属性, 可以 让样式只作用于当前组件 2. 代码演示BaseOne.vue 12345678910111213<template> <div class="base-one"> BaseOne </div>& ...

day03一、今日目标1. 生命周期 生命周期介绍 生命周期的四个阶段 生命周期钩子 声明周期案例 2. 综合案例 - 小黑记账清单 列表渲染 添加 / 删除 饼图渲染 3. 工程化开发入门 工程化开发和脚手架 项目运行流程 组件化 组件注册 4. 综合案例 - 小兔仙首页 拆分模块 - 局部注册 结构样式完善 拆分组件 – 全局注册 二、Vue 生命周期 思考：什么时候可以发送初始化渲染请求？（越早越好）什么时候可以开始操作 dom？（至少 dom 得渲染出来） Vue 生命周期：就是一个 Vue 实例从创建 到 销毁 的整个过程。 生命周期四个阶段：① 创建 ② 挂载 ③ 更新 ④ 销毁 1. 创建阶段：创建响应式数据 2. 挂载阶段：渲染模板 3. 更新阶段：修改数据，更新视图 4. 销毁阶段：销毁 Vue 实例 三、Vue 生命周期钩子 Vue 生命周期过程中，会 自动运行一些函数 ，被称为【 生命周期钩子 】→ 让开发者可以在【 特定阶段 】运行 自己的代码 12345678910111213141516171819202122232425262 ...

day02一、今日学习目标1. 指令补充 指令修饰符 v-bind 对样式增强的操作 v-model 应用于其他表单元素 2.computed 计算属性 基础语法 计算属性 vs 方法 计算属性的完整写法 成绩案例 3.watch 侦听器 基础写法 完整写法 4. 综合案例 （演示） 渲染 / 删除 / 修改数量 / 全选 / 反选 / 统计总价 / 持久化 二、指令修饰符 1. 什么是指令修饰符？​ 所谓指令修饰符就是通过“.”指明一些指令 后缀 不同的 后缀 封装了不同的处理操作 —> 简化代码 2. 按键修饰符 @keyup.enter —> 当点击 enter 键的时候才触发 代码演示： 12345678910111213141516<div id="app"> <h3>@keyup.enter → 监听键盘回车事件</h3> <input v-model="username" type=& ...

day01一、为什么要学习 Vue1. 前端必备技能 2. 岗位多，绝大互联网公司都在使用 Vue 3. 提高开发效率 4. 高薪必备技能（Vue2+Vue3） 二、什么是 Vue概念：Vue (读音 /vjuː/，类似于 view) 是一套 ** 构建用户界面 ** 的 渐进式 框架 Vue2 官网：https://v2.cn.vuejs.org/ 1. 什么是构建用户界面 基于数据 渲染出用户可以看到的 界面 2. 什么是渐进式 所谓渐进式就是循序渐进，不一定非得把 Vue 中的所有 API 都学完才能开发 Vue，可以学一点开发一点 Vue 的两种开发方式： Vue 核心包开发 场景：局部模块改造 Vue 核心包 &Vue 插件 & 工程化 场景：整站开发 3. 什么是框架 所谓框架：就是一套完整的解决方案 举个栗子 如果把一个完整的项目比喻为一个装修好的房子，那么框架就是一个毛坯房。 我们只需要在“毛坯房”的基础上，增加功能代码即可。 提到框架，不得不提一下库。 库，类似工具箱，是一堆方法的集合，比如 axios、lo ...

有的时候博客内容会有变动，首发博客是最新的，其他博客地址可能会未同步, 认准 https://blog.zysicyj.top 可点击链接 https://blog-1253652709.cos.ap-guangzhou.myqcloud.com//picgo/202401180921373.png 解答疑问 依赖 12345 <dependency> <groupId>org.apache.pdfbox</groupId> <artifactId>pdfbox</artifactId> <version>2.0.24</version></dependency> 代码 123456789101112131415161718192021222324252627import java.io.File;import java.io.IOException;import org.apache.pdfbox.pdmodel.PDDocument;import o ...

有的时候博客内容会有变动，首发博客是最新的，其他博客地址可能会未同步, 认准 https://blog.zysicyj.top 可点击链接 https://blog-1253652709.cos.ap-guangzhou.myqcloud.com//picgo/202401180921373.png 解答疑问 链接: https://pan.baidu.com/s/1kB8lDn2-yYJvxKlHQjVHWA?pwd=ti5e 提取码: ti5e 复制这段内容后打开百度网盘手机 App，操作更方便哦 电影《破墓》是一部扣人心弦的韩国惊悚悬疑片，于 2024 年上映，由才华横溢的导演张宰贤执导并编剧。影片集结了崔岷植、金高银、李到晛、柳海真和洪瑞俊等一众实力派演员，共同演绎了一场关于风水、巫师与奇异事件的恐怖故事。 故事开篇，风水师相德、巫师花林与入殓师宁根因收受巨额资金，被委托将一座可疑的坟墓移葬。原本看似简单的任务，却在挖掘过程中逐渐暴露出背后隐藏的骇人秘密。随着剧情的深入，观众逐渐了解到，这座坟墓所牵涉的远非金钱交易那么简单，而是一系列神秘莫测的灵异事件。 ...

b9883d58b8990977424973b91adc44d193761b31bc4342c4af94c3757428df8ed5ed7b5fc32f1101cd00a35755b5931d5945bc49f4b2ec1a5c93b4e7dd24fdd907017216534e83c34e2c64d705dce201d6d3172fb8c52b6c2999429803db3ef3e1b05ac06f449f5b91cdd0bbbd6cb518ac9db975177a21aef65d16f82b4e9b7108ff6de1305bd09fdb5a92bbd7935c4f5948dbe8ea1844a7e055d37b9271725fd6eb83cd1bb770b82ba6bae821d1d7d2832f60df5b7c512d2597ca3b45bb5f281085187c204fc430851dd1ff819759c7252ad5146340fcc8b47129c86e07c749f800f5b6d1e029823d8c6711f7342543072d43b14cce0ae18 ...

有的时候博客内容会有变动，首发博客是最新的，其他博客地址可能会未同步, 认准https://blog.zysicyj.top 可点击链接https://blog-1253652709.cos.ap-guangzhou.myqcloud.com//picgo/202401180921373.png 解答疑问 Part1：总算结束了 之前老版的 PAD，问题是不少，领导也不是很愿意换技术栈，必须大家都陌生是吧。 我是很想做的，还得感谢我们的技术 Leader，倪总，拍板给我做的机会，不可否认，还是挺冒险的。 大家都没做过，没有底。这一个多月就是忙这个了，差不多两个月了。 好在大家挺了过来，工作这么多年，这两月能明显感觉到累，加班到后半夜好几次，周末也闲不了，没办法，要赶进度 这个新版开发的同时不能影响原来的进度，原版该怎么弄还是怎么弄，新需求源源不断，所以很多时候脑壳疼 这次是真的累了，接下来打算好好放松放松，养一段事件再说 Part2：新版 Pad 技术选型 这个倒是没啥好纠结的，Flutter 那些团队会的人就更少了，只能是 uniapp，大家更容易上手 还是写几个我推 ...