- 博客(16)
- 收藏
- 关注
RSS订阅原创 vue动态路由的配置
它们只注册一个新的路由，也就是说，如果新增加的路由与当前位置相匹配，就需要你用 router.push() 或 router.replace() 来手动导航，才能显示该新路由。对路由的添加通常是通过 routes 选项来完成的，但是在某些情况下，你可能想在应用程序已经运行的时候添加或删除路由。上面的例子有两个假设：第一，新添加的路由记录将与 to 位置相匹配，实际上导致与我们试图访问的位置不同。而在实际场景中，添加路由的行为更有可能发生在导航守卫之外，例如，当一个视图组件挂载时，它会注册新的路由。
2024-10-10 14:06:33
742
原创 在Vue项目中使用canvas
更多详细的canvas API和参数使用方法可以参考。在Vue项目中安装canvas：运行。命令安装canvas库。创建一个Vue组件，比如。
2024-09-23 18:09:19
877
原创 vue axios使用及封装
处理响应或错误：在then回调函数中处理成功响应，在catch回调函数中处理错误。这是一个基本的axios使用示例。对于更复杂的情况，可以使用axios提供的其他方法，如POST、PUT、DELETE等。axios是一个基于Promise的HTTP客户端，用于发送请求并处理响应。api.js文件用于封装axios请求。通过封装axios请求，可以更方便地发送请求，并对请求进行统一处理，例如添加基本的请求头、处理错误等。在需要使用封装请求的地方，引入api.js文件，并使用封装的方法发送请求。
2024-09-23 18:01:59
488
原创 ajax
前言：常见Windows命令：windows+E 打开文件资源管理Windows+D 回到桌面ctrl+alt+. ctrl+alt+delete 打开任务管理器windows+R 打开运行界面 cmd—>打开命令行工具ctral+A ctrl+C ctrl+V ctrl+Z ctrl +S常见dos命令：cd 地址 切换目录dir
2020-12-18 16:39:49
186
2
原创 js面向对象编程
一、面向对象的概念ES有两种开发模式：函数式 面向过程面向对象(OOP)类：类是对象的类型模板实例：实例就是根据类创建的对象对象的组成：属性 特性、特征 名词 变量方法 功能、行为 动词 函数二、对象的创建1.实例创建 //学生对象 var obj=new Object();
2020-12-17 15:29:10
201
原创 js拖拽效果及遇到的问题
一、拖拽效果分析思路：鼠标需要按下 mousedown鼠标移动过程中，物体随着鼠标的移动而移动 mousemove鼠标抬起时，物体停止移动 mouseup注意：1.鼠标按下事件添加给物体，鼠标移动和抬起都应该添加页面2.鼠标相对于物体的位置var o = document.getElementById('box');//物体 //鼠标按下事件 o.onmousedown = function (e) {
2020-12-15 20:08:43
971
原创 js事件高级
一、事件的绑定和取消原先经常使用添加事件的做法：obj.事件名=function(){};但是我们发现，为同一个节点对象，添加了多个同名事件，会覆盖。 o.onclick = function () { console.log('我被点击了'); }; o.onclick = function () {//会覆盖上一个 console.log('我又被点击了....'); };1）事件绑定事件的绑定
2020-12-15 20:06:08
82
原创 js表单及BOM拓展
一、表单提交数据form表单 action 表单提交的地址(服务器地址/目标地址) method GET/POST 表单的提交方式1.表单的属性：在表单中，通过为input输入类型添加name属性，可以直接通过表单来获取到目标节点对象。 <form action="http://www.baidu.com" method="GET" id="form"> <label f
2020-12-11 16:50:07
88
原创 jsDOM节点介绍
DOM课前介绍：DOM：document object model 文档对象模型dom是一种技术，允许开发者通过JavaScript来操作HTML/XML在DOM中，会把HTML页面描绘成一个由节点组成的倒立树。节点：12种 常见的有：元素节点(标签)、属性节点(属性)、文本节点(内容)节点的关系：父子 (父节点、子节点) 兄弟(兄弟节点)一、获取节点1.获取子节点childNodes 包含元素节点和文本节点children 元素节点chi
2020-12-10 16:51:27
163
原创 js数组的使用
数组对象数组：是一个可以存储大量数据的容器。数组中可以存放任意的数据类型的数据1.声明方式：字面量形式声明 []通过构造函数来声明new Array(10,20,100,300) 定义数组同时即初始化new Array(2); //定义一个长度为2的数组2.数组的属性和特点：length：数组中元素的个数 长度特点：根据索引取值和赋值数组不限制长度 (长度是可变的)数组的内容不限制类型可以使用for循环来对数组进行遍
2020-12-10 16:48:11
60
原创 js时间对象和字符串对象使用及注意事项。
一、时间对象可以通过Date对象来处理时间和日期var d=new Date();//创建一个时间对象实例 当前时间对象//将指定时间转换为时间对象var d=new Date("2022/3/20");//格式的时间字符串var d=new Date("2022/3/20 12:00:00");//包含时间var d=new Date("2022-3-20 12:00:00");var d = new Date(2022, 2, 20);//三月//获取指定时间对象
2020-12-08 17:22:33
159
1
原创 #js定时器和Math运用及函数的封装（运动封装）
一、定时器在JavaScript中提供了两种方案来实现计算器1.setTimeout延迟执行（延迟指定时间之后，执行代码一次）用法：setTimeout(代码,时间);// 时间单位：毫秒案例： //用法一： setTimeout(show, 3000);//不能使用 show()作为参数 //用法二： setTimeout("show()",1000); function show() { var sum = 0
2020-12-07 17:42:57
214
1
原创 #关于js其它循环结构及自定义属性及函数运用
一、其它的循环结构1.for…in对象没有索引也没有length属性，所以经常使用for…in来遍历对象//用法：for(var i in 对象){ //i 是要遍历的对象的属性 循环体；}注意：若对象的属性是一个变量，则不能使用 对象.属性名的形式取值，应该使用 对象[属性名]2.while和do…while//语法：while(条件){ 循环体;}//do{ 循环体；}while(条件);while循环时先进行条件判断，在执行循环体do…while是先执行一次
2020-12-03 17:36:57
200
原创 #关于JS if条件语句及循环语句详解
一、程序结构 程序结构：程序的执行顺序 顺序结构 选择(分支)结构 if语句 if…else if…else if…else switch 循环结构 for while do…while
2020-12-02 17:36:19
1057
1
原创 js简介及基本入门
二、JavaScript的历史(了解)网景（NetSpace）公司95年发布的第一个版本JavaScript用来做表单校验ECMA(欧洲计算机工协会) ECMAScript —>es JavaScript----->js跨平台的语言三、什么是JavaScriptJavaScript是基于事件和对象驱动的解释性脚本语言。JavaScript是运行在浏览器上的语言。JavaScript是世界上最流行的脚本语言。JavaScript一般用来给页面增加交互性(菜单
2020-12-01 21:33:00
91
原创 关于js数据类型及注意事项
一、数据类型数据是有类型在JS(ES5),数据分为两大类：1.基本(简单)数据类型基本数据类型5类数值类型 number 1,2,3,6,1.1,-100,-100.99…字符串类型 string “” ‘’length属性 字符串长度charAt(index) 根据索引取出字符串中字符 索引从0开始布尔类型 boolean 真假 true
2020-12-01 21:24:47
138
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人