- 博客(25)
- 收藏
- 关注
RSS订阅原创 Vue.js路由基础
1.安装路由在cmd控制台上输入2.创建路由实例和配置文件在src目录下创建一个新的文件夹，例如router，然后在该文件夹下创建一个新的文件，例如index.js。在index.js文件中，创建一个路由实例并配置路由。(一开始下载vite配置vue时可以直接一起配置了会自动下载router文件）3.使用路由打开main.js文件，导入刚刚创建的路由实例，并在创建Vue应用程序时使用该路由实例。
2023-10-17 19:15:03
42
原创 vue.js高级组件
元素的:is属性绑定到了currentComponent变量。当currentComponent变量的值改变时，元素会动态地渲染相应的组件。在methods中的changeComponent方法中，根据传入的组件名称，切换currentComponent变量的值，从而决定要渲染的实际组件。请注意，在示例中，ComponentA和ComponentB是通过import语句导入的实际组件文件，您需要根据您的项目结构和组件文件路径进行相应的调整。
2023-10-16 17:54:20
31
原创 Vue基础补充简绍
定义指令可以用于在DOM元素上添加特定的行为或交互。通过自定义指令，可以扩展Vue的功能，实现一些特定的需求。通过在Vue实例中的directives选项中注册指令。hqyj:{//钩子},hot:{},size:{},focus:{el.focus()},
2023-10-10 18:15:23
37
原创 Vue.js框架基础：数据的渲染
在Vue 3中，实现双向数据绑定可以通过v-model指令来完成。v-model指令用于在表单元素和组件上创建双向数据绑定。在上述代码中，v-model="message"表示将message变量与输入框的值进行双向绑定。当用户在输入框中输入内容时，message的值将自动更新，反之亦然。
2023-10-10 16:57:37
109
原创 初识Vue.js
Vue是一种流行的JavaScript框架，用于构建用户界面。它是一种渐进式框架，可以逐步应用到现有项目中，也可以用于构建全面的单页应用程序。
2023-10-10 16:30:27
33
1
原创 全栈阶段知识点自我总结与梳理
node 是一个运行在v8引擎之上的 JavaScript 运行时的环境node.js不是一个js的框架 也不是一个js库node.js是一个专门来跑js代码的环境。
2023-09-12 22:18:50
86
原创 TypeScript第二天基础知识
ts中函数的定义与js没有本质的区别，主要区别在ts中对数据的限定。如上，声明式，表达式，箭头函数都行。ts中对函数的数据量有了更严格的要求。
2023-09-01 17:02:44
50
1
原创 TypeScript的入门知识
TS (TypeScript) 是一种开源的编程语言，它是 JavaScript 的一个超集，由 Microsoft 开发和维护。TS 扩展了 JavaScript，提供了静态类型检查、类、接口和模块等特性，以提高代码的可读性、可维护性和可靠性。与 JavaScript 不同，TypeScript 允许开发者在编写代码时指定变量的类型，并在编译时进行类型检查。这意味着在开发过程中可以捕获许多常见的错误和潜在的问题，减少了在运行时发生错误的可能性。
2023-08-31 17:06:48
59
1
原创 从零开始JavaScript第14笔记：实际的网站的应用
查询元素还是老件套，像getElementById，querySelectorAll，getElementsByTagName等都是在js中获取对应网页中的数据。createElement相当于创建了一个div的标签，然后其textContent中写入文本语言，appendChild再将其添加至指定的父标签中。删除目前学了有两种方法，一种是removeChild来删除传入的子元素，还是则是直接使用remove()来删除调用者本身。修改元素大致就是获取到数据后，然后就可以根据数据的属性来修改方法。
2023-08-26 15:59:19
32
原创 从零开始JavaScript学习第13天笔记：DOM的应用
alert()用于显示简单的警告消息，confirm()用于显示确认对话框，并返回用户的选择结果，prompt()用于显示提示对话框，用户可以在其中输入信息。可以使用location.href获取当前页面的URL，使用location.assign()跳转到新的URL，使用location.reload()重新加载当前页面。使用history对象可以操作浏览器的历史记录。例如，可以使用open()方法打开新的窗口或标签页，使用close()方法关闭当前窗口或标签页，使用print()方法打印当前页面。
2023-08-24 08:40:41
43
1
原创 从零开始JavaScript学习第12天笔记:DOM的进阶
事件委托可以将事件处理程序绑定到父元素上，当子元素触发事件时，事件会冒泡到父元素并触发父元素上的事件处理程序。事件的多层处理可以利用事件的冒泡机制，通过父元素上的事件处理程序来处理多个子元素的相同事件。事件冒泡是指当一个元素上的事件被触发时，该事件会向上冒泡到父元素，直到冒泡到文档的根元素。需要注意的是，计算样式中的属性值是以字符串的形式返回的，如果需要使用数值进行计算，可以使用parseInt()或parseFloat()等方法将字符串转换为数值类型。事件响应链的顺序是先捕获，再目标，最后冒泡。
2023-08-23 16:35:45
46
原创 从零开始JavaScript学习第11天笔记:初识DOM
在 JavaScript 中，DOM（Document Object Model）是指表示 HTML 或 XML 文档的对象模型。它提供了一种结构化的方式来访问和操作文档的内容。DOM 是一个树状结构，由多个节点组成。每个节点代表文档中的一个元素、属性、文本或注释等。
2023-08-22 16:48:22
41
1
原创 从零开始JavaScript学习第10天笔记
需要注意的是，以上的深拷贝方法只能深拷贝对象的第一层属性，如果对象的属性值是引用类型（如数组、对象等），则只会复制引用，而不是真正的拷贝。console.dir() 是 console 对象的一个方法，用于以一种更详细的方式打印对象的属性和方法。上述代码中，使用Object.assign()方法将obj1对象的属性复制到一个新的空对象中，实现了obj1对象的深拷贝。其中，string 是要解析的字符串，radix 是一个可选参数，指定要解析的字符串的基数（进制）。用户可以点击对话框上的确定按钮来关闭弹窗。
2023-08-17 19:47:32
41
1
原创 JavaScript从零开始第九天笔记
month：字符串，表示要包含的月份的显示方式，可选值为：“numeric”（数字月份）、“2-digit”（2位数字月份）、“narrow”（缩写）或"short"（短格式）。需要注意的是，在JavaScript中，反斜杠 \ 本身也是一个转义字符，因此在正则表达式中使用反斜杠需要进行双重转义，即使用两个反斜杠 \ 来表示一个反斜杠字符。例如，/\u0041/ 表示匹配字符 ‘A’。day：字符串，表示要包含的日期的显示方式，可选值为：“numeric”（数字日期）或"2-digit"（2位数字日期）。
2023-08-16 18:33:49
51
1
原创 JavaScript从零开始学习第8天
在 JavaScript 中，可以使用 reduceRight() 方法来从数组的最后一个元素开始，向前遍历数组并对数组中的元素进行累积计算。在JavaScript中，findIndex() 方法是一个数组方法，用于查找数组中满足指定条件的第一个元素的索引值。这样看来这个findIndex函数就是先将数组的元素值取出来然后放入所调用的函数中，满足返回值的元素值的在通过findIndex的返回值出去，最后输出索引值。Math.random()的返回值是一个在0到1之间的随机数，它是一个均匀分布的伪随机数。
2023-08-15 20:06:06
110
1
原创 JavaScript从零开始学第7天笔记
原型对象也是一个对象，它拥有自己的原型对象，这样就形成了一个原型链。它会先查找对象本身的原型对象，如果还没有找到，就继续查找上一级原型对象，直到找到该属性或方法或者到达原型链的顶端（即原型对象为null）。当我们访问一个对象的属性或方法时，如果该对象本身没有该属性或方法，在JavaScript中则会沿着原型链向上查找，直到找到该属性或方法或者到达原型链的顶端。在JavaScript中，slice()是一个数组方法，用于从原数组中提取出指定的一段元素，返回一个新的数组，而不会修改原数组。
2023-08-14 17:55:29
68
原创 JavaScript笔试题练习与统计
把优先级搞懂就看能看懂，当你能把代码看成数学问题时说明你已经懂了。这道题主要考的是作用域。在些这种题是就把自己当做计算机就行。形实函运，记住一些优先级一步步运行下来即可。一步一步向下运行即可，我就是计算机。最后来个简单顺序问题。
2023-08-13 15:00:18
35
1
原创 JavaScript从零开始学习第6天
函数得调用才可以运行，那么 obj.makeMoney(this)这里的this是指全局对象也就window然后被当作实参传入函数，调用该函数的对象是obj这个对象。bind() 方法是函数原型上的一个方法，它可以用于创建一个绑定了指定对象作为 this 值的新函数。如果构造函数内部有显式的返回语句，则返回的是返回语句指定的对象，而不是新的对象实例。在上面的示例中，构造函数 Person 返回了一个新的对象，而不是新的对象实例。this不看它是哪个函数的也不看它是哪个对象的，而看它的函数是哪个对象调用的。
2023-08-09 18:44:20
75
原创 JavaScript从零开始学习第5天
使用自调用函数可以好的表达递归的思想，以上的例子就是一些递归的例子。我的理解就是把一个函数表面再嵌套了一层函数，这一层函数再去定义一些变量之类的。传入，先执行想调用的函数，（大多情况下）再将所执行的结果传到当前函数再执行该函数。在JavaScript中，闭包是一种特殊的函数对象，它包含了函数本身和在函数定义时创建的作用域。这个见名知意，函数的自调用见名知意也就是函数自己调用自己，就像对自己循环一样，注意设置结束。内存泄漏的意思是有些没有使用的变量之类的，任然占据内存，导致比较卡之类的。
2023-08-08 18:46:42
32
原创 JavaScript第4天学习：函数
使用有意义的、可读性强的命名，可以让其他开发者更容易理解函数的用途。局部作用域也叫函数作用域，是在函数内部声明的变量和函数所拥有的作用域。在函数内部声明的变量和函数只能在函数内部访问，外部的代码无法访问。在 JavaScript 中，函数的参数是在函数定义时声明的变量。在全局作用域中声明的变量和函数都可以在代码的任何地方进行访问。函数运行时，是先进行形参或者局部变量的声明，再是将实参赋值给形参，在是内部函数的声明。默认值还有其他的设置方式，如直接写在函数里面之类，但推荐使用这种方式来进行默认值的设置。
2023-08-07 18:38:59
32
1
原创 JavaSrcipt第三天学习语句的学习
因为 with 语法会创建一个新的作用域，可能会导致变量名的冲突和混淆，而且会影响代码的可读性和维护性。在对象字面量中，使用花括号 {} 来定义对象，并在其中使用键值对的形式来描述对象的属性和对应的值。while循环是所以循环里速度最快的循环。与判断值的取值相同就会执行对应的后面的语句，这个语句具有穿透性，如果你不加break的话，那么语句就会向下运行直至结束。在 JavaScript 中，with 语法用于创建一个临时的作用域，使得在该作用域内可以直接访问指定对象的属性和方法，而无需使用对象名进行限定。
2023-08-04 18:35:12
44
1
原创 JavaScript入门学习
若一个变量没有初始化，那么它的默认值就是undefined，它的作用主要是帮我们搞清楚是否初始化。有些报错时也会出现undefined。var a此处默认a的值就是underfined。
2023-08-02 17:48:20
75
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人