全球城市 JSON
有的时候博客内容会有变动,首发博客是最新的,其他博客地址可能会未同步, 认准 https://blog.zysicyj.top
可点击链接 https://blog-1253652709.cos.ap-guangzhou.myqcloud.com//picgo/202401180921373.png 解答疑问
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481 ...
Vue 核心与实践(五)
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() }})
局部注册 ...
Vue 核心与实践(四)
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>& ...
Vue 核心与实践(三)
day03一、今日目标1. 生命周期
生命周期介绍
生命周期的四个阶段
生命周期钩子
声明周期案例
2. 综合案例 - 小黑记账清单
列表渲染
添加 / 删除
饼图渲染
3. 工程化开发入门
工程化开发和脚手架
项目运行流程
组件化
组件注册
4. 综合案例 - 小兔仙首页
拆分模块 - 局部注册
结构样式完善
拆分组件 – 全局注册
二、Vue 生命周期 思考:什么时候可以发送初始化渲染请求?(越早越好)什么时候可以开始操作 dom?(至少 dom 得渲染出来)
Vue 生命周期:就是一个 Vue 实例从创建 到 销毁 的整个过程。
生命周期四个阶段:① 创建 ② 挂载 ③ 更新 ④ 销毁
1. 创建阶段:创建响应式数据
2. 挂载阶段:渲染模板
3. 更新阶段:修改数据,更新视图
4. 销毁阶段:销毁 Vue 实例
三、Vue 生命周期钩子 Vue 生命周期过程中,会 自动运行一些函数 ,被称为【 生命周期钩子 】→ 让开发者可以在【 特定阶段 】运行 自己的代码
12345678910111213141516171819202122232425262 ...
Vue 核心与实践(二)
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=& ...
Vue 核心与实践(一)
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 ...
java 读取 PDF 内容
有的时候博客内容会有变动,首发博客是最新的,其他博客地址可能会未同步, 认准 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,大家更容易上手
还是写几个我推 ...
数据库加载中