- 博客(36)
- 收藏
- 关注
RSS订阅原创 Vue笔记（十）
1.Copilot是由OpenAI和GitHub合作开发的AI编程辅助插件，基于大量代码训练，能根据上下文自动生成代码建议。2.安装与配置：在常用代码编辑器（如Visual Studio Code）的插件市场搜索“Copilot”进行安装；安装后可能需登录GitHub账号完成授权配置，以激活使用权限。基本使用方法：在编辑器中输入代码时，Copilot会实时分析上下文，以灰色字体显示代码补全建议，按Tab键可快速插入；支持多种编程语言，在不同语言项目中都能依据语法和常见代码模式给出合适建议。3.在Vue
2025-02-13 22:08:25
528
原创 Vue笔记（九）
学习PageContainer组件的封装，这一组件用于搭建页面基础结构，为后续内容展示提供统一布局。它可能包含通用的页面样式、导航栏、侧边栏等基础元素的结构搭建。在Vue组件中， <template> 标签内定义基础结构。
2025-02-13 00:07:19
516
原创 Vue笔记（八）
1.action不仅能同步修改状态，还可处理异步任务。通过在action中使用 async/await 语法，能让代码以更简洁、直观的方式处理异步操作，避免复杂的回调地狱。2.与同步action的区别：同步action即时执行并修改状态，而异步action在异步操作完成后才更新状态。并且，异步action需处理异步操作可能出现的错误，增强代码的健壮性。3.错误处理：使用 try...catch 块捕获异步操作中的错误，可在捕获错误后，根据不同错误类型进行相应处理// 模拟一个异步请求函数。
2025-02-11 23:29:24
941
原创 Vue笔记（七）
它的主要作用是为组件提供组合式API的入口，在函数内部可使用响应式数据、计算属性、方法等逻辑代码，让代码逻辑按功能组织，而非像Vue2按生命周期划分，提升代码的可维护性与复用性。.vue 单文件组件，每个组件包含模板（ template ）、脚本（ script ）和样式（ style ），分别定义组件的结构、逻辑和样式，让代码组织更清晰，便于维护和开发。provide 在父组件中提供数据， inject 在子组件中注入使用，无论组件层级多深，都能获取到对应数据。在模板中使用时，无需.value；
2025-02-11 00:20:41
894
原创 Vue笔记（六）
在路由文件（一般是 router/index.js ）里定义路由对象数组，每个对象包含 path （路由路径，如 '/' 代表首页）、 name （路由名称，方便代码引用）、 component （对应路由的组件 ）。配置时要保证路径唯一，组件引入路径正确，否则会导致路由错误。
2025-02-09 23:51:48
807
原创 Vue笔记（五）
前提条件：确保已安装Node.js和Vue CLI。若未安装Vue CLI，可通过 npm install -g @vue/cli 进行全局安装。创建项目：在命令行中执行 vue create 项目名称 ，例如 vue create custom - vue - project。随后进入交互界面，可选择手动选择特性，进行自定义配置。自定义配置：可勾选Babel、TypeScript、Router、Vuex、CSS相关预处理器等功能。选择Router时，可选择是否使用history模式；
2025-02-09 15:01:37
885
原创 Vue笔记（四）
1.定义与特点：单页应用程序在加载后，仅依靠一个HTML页面构建用户界面。其通过动态更新页面部分内容与用户交互，而非每次操作都重新加载整个页面。优点是用户体验流畅，响应速度快；缺点是初次加载耗时，不利于SEO（搜索引擎优化）。2.工作原理：借助JavaScript框架（如Vue）实现。页面首次加载时，HTML、CSS、JavaScript文件被下载到本地。后续交互中，JavaScript拦截浏览器操作，根据用户行为动态修改DOM元素，呈现不同内容。
2025-02-08 19:39:46
887
原创 Vue笔记（二）
1.使用 v-bind 指令对元素的 class 进行操作，语法为 :class="对象/数组"。计算属性默认简写形式只能读取访问，若要实现“修改”功能，需使用完整写法。计算属性名: {get() {// 计算逻辑return 结果},set(修改的值) {// 修改逻辑。
2025-02-07 16:07:41
679
原创 Vue笔记（一）
指令_v-on语法按钮</button>2. v-on:事件名="methods中的函数名"<button v-on:click="fn">按钮
2025-02-07 00:59:04
593
原创 JavaScript 3
数组可存储多个不同类型数据，用方括号 [] 创建，如 let arr = [1, 'a', true]。通过索引访问元素，索引从0开始， arr[0] 获取首个元素， arr.length 获取数组长度，常结合循环遍历数组进行操作。
2025-01-29 00:06:20
705
原创 JavaScript 2
1. if...else if...else 多分支语句用于多种条件判断，语法为 if (条件表达式1) { 代码块1 } else if (条件表达式2) { 代码块2 }... else { 代码块n } ，按顺序判断条件，满足哪个执行对应代码块。
2025-01-28 23:32:57
748
原创 JavaScript 6
1.事件对象概念：当事件发生时，会产生一个事件对象 event ，它包含了与该事件相关的各种信息。2.常见属性： target 属性可获取触发事件的目标元素；type 属性用于确定事件的类型，如 click 、 keydown 等；key 属性在键盘事件中能获取按下的键值，方便判断用户操作。
2025-01-28 00:23:52
761
原创 JavaScript 5
1.操作表单元素属性:DOM对象.属性名 = 新值表单.value = ‘用户名’表单.type = ‘password’innerHTML得不到表单的内容表单元素属性-布尔值2.自定义属性：一律以data-开头，在DOM对象上以dataset对象方式获取3.自定义属性。
2025-01-28 00:00:03
596
原创 JavaScript 1
1.JavaScript是一种运行在客户端（浏览器）的编程语言，实现人机交互效果。2.作用网页特效 (监听用户的一些行为让网页作出对应的反馈)表单验证 (针对表单数据的合法性进行判断)数据交互 (获取后台的数据, 渲染到前端)–服务端编程 (node.js)3.组成ECMAScript规定了js基础语法核心知识。比如：变量、分支语句、循环语句、对象等等Web APIsDOM 操作文档，比如对页面元素进行移动、大小、添加删除等操作。
2025-01-27 23:44:39
611
原创 JavaScript 4
1.对象是一种复杂数据类型，用于存储多个相关数据和功能。通过 {} 创建对象，如 let person = { name: 'Tom', age: 20 };。使用对象属性时，可通过点语法 person.name 或方括号语法 person['name'] 访问。
2025-01-27 23:16:42
987
原创 JavaScript（3）
通过 localStorage.setItem() 存储数据， localStorage.getItem() 获取数据， localStorage.removeItem() 删除数据。history 对象用于操作浏览器的历史记录， history.back() 返回上一页， history.forward() 前进到下一页。元素未滚动时，scrollTop的值为0，如果元素被垂直滚动了，scrollTop的值大于0，且表示元素上方不可见内容的像素宽度。1.分析需求，规划页面结构和数据结构。
2025-01-26 23:22:05
975
原创 JavaScript（2）
1.间歇函数 setInterval() ： setInterval() 是JavaScript中的一个内置函数，用于按照指定的时间间隔（以毫秒为单位）重复执行一个函数。基本语法为 setInterval(callback, delay) ，其中 callback 是要重复执行的函数， delay 是每次执行之间的时间间隔。例如：2.返回值： setInterval() 函数会返回一个唯一的定时器ID，这个ID是一个数值，可用于后续清除定时器。
2025-01-26 22:43:01
560
原创 flex布局和grid布局
1.flex container，简称容器，他的所有子元素自动成为容器成员，成为flex项目，简称项目。通过对父元素添加flex属性，来控制子盒子的位置和排列方式。
2025-01-17 20:28:31
905
原创 笔记（四）
1.给元素设置position:relative即可实观相对定位。可以用leftright,top,bottom四个属性位置。相对定位的参考点相对自己原来的位置2.绝对定位设置：给元素设置position:absolute即可实现绝对定位可以使用left,right,top,bottom四个属性调整位置3.固定定位设置：给元素设置position:fixed即可可以使用left,right,top,bottom四个属性调整位置。
2024-11-17 11:55:17
1185
原创 笔记（三）
1.字体大小：用font—size设置字体大小，单位是pxChrome浏览器支持最小文字大小为12px，默认为16px，0px时自动消失不同浏览器默认字体大小不同，所以最好给一个明确的值2.字体族：用font—family来设置需要的文字类型如微软雅黑，楷体，宋体衬线字体：有棱棱角角非衬线字体：没有棱棱角角注意点：中文可能不兼容，也可以用英文表示（使用英文兼容性更好）若字体名包含空格，必须用引号将字体名包裹起来3.字体风格：font—style设置文字是否倾斜。
2024-11-10 11:59:47
1207
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人