- 博客(8)
- 收藏
- 关注
RSS订阅原创 Vue指令（2）：v-bind
本文介绍了Vue.js中v-bind指令的使用方法，重点讲解了其在动态设置HTML标签属性、控制样式以及实现交互功能方面的应用。文章首先说明v-bind的基本语法和作用，通过图片切换案例展示了其动态绑定src属性的实际应用。随后详细解析了v-bind对class和style样式的控制方式，包括对象语法和数组语法的区别与适用场景，并提供了京东tab导航高亮的完整案例代码，演示了如何通过v-bind实现动态样式切换。全文结合代码示例和效果展示，系统地介绍了v-bind在Vue开发中的核心应用。
2025-12-20 00:19:35
1067
原创 指令修饰符
摘要 Vue指令修饰符是通过"."后缀简化代码的特殊语法。主要包括：1）按键修饰符如@keyup.enter监听回车事件；2）v-model修饰符如.trim去空格、.number转数字；3）事件修饰符如.stop阻止冒泡、.prevent阻止默认行为。这些修饰符封装了常见操作，使代码更简洁高效。例如@click.stop可阻止事件冒泡，@click.prevent能取消链接跳转等默认行为。
2025-12-19 23:35:54
554
原创 Vue指令（4）：v-model
本文介绍了Vue中的v-model指令及其应用。v-model用于实现表单元素的双向数据绑定，能够快速获取和设置表单内容。通过一个登录表单示例，展示了v-model的语法和使用方法。文章还提供了一个"小黑记事本"案例，实现了列表渲染、添加任务、删除任务以及统计和清空功能。该案例包含完整的HTML和Vue代码，并配有界面效果图，演示了如何利用v-model和相关方法构建一个简单的任务管理应用。
2025-12-18 22:04:40
317
1
原创 Vue指令（3）
本文介绍了Vue.js中v-for指令的使用方法。v-for可以基于数组、对象或数字进行数据循环渲染，其中数组是最常用的场景。文章通过"小黑水果店"和"小黑书架"两个案例，展示了v-for遍历数组的语法(item,index)以及如何结合v-on实现删除功能。重点讲解了v-for中key属性的作用，key作为唯一标识能帮助Vue正确排序复用列表项，建议使用id而非index作为key值。最后总结了key的使用注意事项：必须是字符串/数字类型、具有唯一性，优先使用id而
2025-12-18 17:08:10
1259
原创 图解密码学学习记录（2）
本文介绍了密码学发展史上几种经典密码及其破译方法。首先讲解了恺撒密码的加密原理（字母平移）和暴力破解方法（穷举26种密钥）。然后探讨了简单替换密码的加密方式（字母一对一替换）及其密钥空间的庞大性，并详细阐述了频率分析法破译该密码的过程。最后介绍了二战时期德国使用的Enigma密码机的工作原理，包括其机械构造、加密流程（设置每日密码、加密通信密码、重新设置初始位置）以及密钥管理机制。这些经典密码虽然已被现代技术淘汰，但其加密思路、弱点分析方法和密钥管理理念对现代密码学仍有重要借鉴意义。
2025-12-15 22:50:33
1373
原创 图解密码学学习记录（1）
本文概述了密码学的基本概念与技术体系。首先介绍了密码通信中的基本角色（发送者、接收者、窃听者）和核心概念（明文/密文、加密/解密）。重点阐述了对称密钥和公钥密码两种加密方式，并详细说明了六种基础密码技术：对称密码、公钥密码、单向散列函数（保证数据完整性）、消息认证码（提供认证）、数字签名（防止否认）以及伪随机数生成器。此外，还对比了密码技术与隐写术的区别，指出密码技术通过使内容不可读来保证安全，而隐写术则隐藏信息存在本身。这些技术共同构成了现代信息安全的基础工具箱。
2025-12-13 22:21:50
989
原创 图解密码技术-绪论
"密码"一词在中文中有多重含义：一是作为身份验证凭据的"口令"（如登录密码），二是信息编码机制（如DNA遗传密码）。密码技术是一个复杂的信息处理体系，涉及机密性、完整性和认证等方面。其存在的意义在于保护个人隐私数据（如银行信息、邮箱密码等）不被窃取或篡改，通过加密、散列函数、数字签名等技术手段，确保数字化时代信息传输的安全性和可靠性。
2025-12-13 13:25:01
317
原创 Vue指令 (1)
本文介绍了Vue.js中控制元素显示隐藏的两种指令v-show和v-if的区别与使用场景。v-show通过切换CSS的display属性实现，适合频繁切换的场景；v-if通过创建/移除DOM节点实现，适合不频繁切换的条件渲染。文章还讲解了v-else和v-else-if的辅助判断用法，以及v-on事件注册指令的语法和简写形式，并提供了完整的代码示例。这些指令在电商网站等实际场景中都有广泛应用。
2025-12-11 23:53:58
751
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人