樱桃小芳子~-优快云博客

原创 Vue基础（中）

prop是注册在组件上的自定义属性。props校验(作用：为props指定验证要求，不符合要求控制台会有错误提示)。类型校验在子组件添加props:{h:Number//指定自定义属性h必须为Number类型。其他校验（是否为空、默认值、自定义校验）我们之前学习的例如v-html v-model…称之为内置指令。我们也可以自己定义指令（封装dom操作、扩展功能）语法一：全局语法Vue.directive('指令名',{el.focus()})inserted。

2025-09-22 08:42:14 697

原创 Node.js使用教程

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境，用于在服务器端运行 JavaScript 代码。采用事件驱动、非阻塞 I/O 模型，适合构建高性能、可扩展的网络应用。Node.js编写后端时：提供数据和网页资源；前端工程化时：翻译压缩整合代码。

2025-09-13 10:50:15 1064

原创 Vue基础（上）

当v-show/if=“表达式”，表达式为true时表示显示，当表达式为false时表示隐藏。语法1：v-bind:class=“{类名1：true,类名2：false}” 表示添加类名1，不添加类名2（常用于一个类名来回切换）.语法：v-else:放v-if条件不符合时的代码，v-else-if放v-if条件不符合后判断下一个条件的代码。语法3：v-bind:style=“{属性名1：数据，属性名2：数据}”。v-else和v-else-if都伴随v-if一起使用（要紧挨着v-if）。

2025-09-04 09:48:01 970

原创 git使用说明（超详细版）

浏览器打开Git官网、选择Windows版本下载、下载自己电脑系统对应的程序（在文件资源管理器中点击鼠标右键选择‘属性’找到系统类型对应下载）、运行安装（安装过程可以保持默认选项不动）、安装完成后输入git–version验证是否安装成功。绑定方法一：选择HTTPS，分别复制下面的序号1、序号2前的代码到git中（在gitee界面要求输入该仓库创建者的gitee账号名和密码）绑定方法二：设置SSH密钥，在仓库选择SSH，复制后两条代码到git，不需要输入账号名和密码验证。注册账号、绑定邮箱、创建仓库。

2025-08-22 23:47:26 749

原创 Ajax使用说明

Ajax（Asynchronous JavaScript and XML）是一种用于创建快速动态网页的技术，允许网页在不重新加载整个页面的情况下，与服务器交换数据并更新部分内容。其核心是通过 JavaScript 的 XMLHttpRequest 对象或现代 Fetch API 实现异步通信。提升用户体验，减少页面刷新。节省带宽，仅传输必要数据。支持异步操作，避免阻塞用户界面。对搜索引擎优化（SEO）不友好。依赖 JavaScript，禁用脚本时无法工作。

2025-08-14 21:28:49 919

原创 JavaScript 进阶

块作用域：用{}包裹的代码中变量注：用let或const声明的变量会产生块作用域，var变量不产生块作用域；不同代码块之间不能互相访问。1.1作用域链把作用域嵌套起来就形成了作用域链；当函数被执行时，优先在当前作用域中查找变量，再逐级向上查找。1.2 垃圾回收机制内存泄漏：本该被回收的内存没有被收回。闭包简单理解：闭包=内层函数+外层函数的变量闭包可能引起内存泄漏1.3变量提升与函数提升函数提升：只提声明不提调用2. 函数参数arguments对象剩余参数展开运

2025-08-10 13:43:13 623

原创 WebAPIs基础下

注：使用sessionStorage调用setIItem、getItem、removeItem与localStorage基本相同，但当浏览器被关闭后，存储在session Storage的数据会被清除。将基本数据类型的数据以键值对的形式存储在浏览器中，刷新或关闭页面，数据都不会丢失。使用（display：none）是隐藏节点，element.remove()完全删除。//map数组相当于复制了原数组给一个新数组，新数组的修改不会影响原数组。延迟函数可以让代码延迟执行，延迟函数是“次抛函数”只执行一次。

2025-08-04 00:14:11 656

原创 WebAPIs基础上

DOM是一种文档对象模型，可以用来操作网页文档、开发网页特效、实现用户交互。DOM核心思想是把网页内容当作对象来处理，通过对象的属性和方法来操作。CSS选择器来获取DOM对象参数：一个或多个CSS选择器字符串返回值：CSS选择器中的每一个对象组成的伪数组（通过遍历数组来获取每一个对象）其他获取DOM对象方法方法名说明getElementByld(‘id名’)根据id名获取元素，返回单个元素getElementsByTagName(‘标签名’)根据标签名获

2025-08-04 00:13:38 949

原创 JavaScript基础

JavaScript简称js，是一种动态类型的编程语言，常与HTML、CSS一起使用。js 引入方法（与CSS引入方法相同）方法实现代码外部写法在< body >中，用< script>标签的src属性引入内部写法在< body>中（最下面），用< script>标签包裹内容行内写法在目标标签中添加onclick属性属性值设为js样式💠注：不能在引入外部js的< script>标签中间写内部js样式。js中的注释单行注释：//右面的内容会注释掉，快捷键：ctrl+/

2025-08-04 00:11:59 765

原创 web移动端

rem是一种相对于HTML标签字号大小的相对单位，1rem=1HTML字号大小，目前在开发中通常将HTML标签字号大小设为rem的1/10.：当使用min-width（从小到大）与max-width（从大到小）时要注意书写顺序。💠：rem单位与px单位之间转换（rem单位尺寸=px单位尺寸/基准根字号）less是一种动态的样式表语言，less文件以 .less 为扩展名。@media 关键词媒体类型 and （媒体特性）{CSS代码}其中关键词（and、only、not）和媒体类型可以没有内容。

2025-07-23 14:13:30 467 2

原创 CSS高级-动态效果

改变转换原点，默认情况下转换原点是盒子中心，使用transform-origin属性可以改变，取值可以是方位名词（left、top、right、bottom、center）；属性名：transform：skew（）角度单位deg，取值为正（ \）方向倾斜，取值为负（/）方向倾斜。平面转换可以改变盒子在平面内的形态（位移、旋转、缩放、倾斜），为元素添加动态效果，一般和过渡配合使用。属性值（正负均可）：像素单位数值；属性值：flat（在平面）；transform：rotate3d（x，y，z，角度度数）

2025-07-23 14:12:41 1101 1

2502_92369164的博客