写法vue2 vue js
23.3.20-23.3.26 js学习
堆栈空间分配 1.栈：简单数据类型放到栈里 2.堆：引用数据类型存放到堆里（在栈里放一个地址，指向堆） const对于数组和对象 //错误写法 const names=[] names=[1,2,3] const obj={} obj={ uname:'a' } //正确写法 const name= ......
vue 组件通信
1. 子组件间通信(defineEmits + defineProps) 1.1 实现效果 在一个子组件的输入框中输入数据, 在另一个子组件上显示. 如下图: 1.2 defineEmits 和 defineProps 的 TS 使用 1.2.1 defineEmits 的 TS 使用 export ......
vue3 + vite 调试时断点位置错误
vite-plugin-vue-setup-extend（版本0.4.0） 插件的问题，删掉就好了。 该插件用于解决script setup语法糖下，不方便直接指定name名称的问题。 在 vite/plugins/index.js 文件中 注释 export default function cr ......
vue全家桶进阶之路6：第一个Vue程序
1、创建一个文件夹用于下载引入Vue D:\BaiduSyncdisk\vue1 2、按照最新版本的Vue npm install vue ......
node.js 学习笔记
阶段一 1 初始Node.js javascript 运行环境 1.2 Node.js中的javacript 运行环境 1.3 Node.js环境安装 百度 1.4 node.js 执行javaScript 代码 2 fs文件系统模块 2.1 fs文件系统模块概念 导入文件系统模块： const f ......
Vue核心 MVVM模型 数据代理
1.6. MVVM 模型 MVVM模型●M：模型 Model，data中的数据●V：视图 View，模板代码●VM：视图模型 ViewModel，Vue实例观察发现●data中所有的属性，最后都出现在了vm身上●vm身上所有的属性 及Vue原型身上所有的属性，在 Vue模板中都可以直接使用 <!DO ......
Vue核心 el与data的两种写法
1.5. el 与 data 的两种写法el有2种写法a创建Vue实例对象的时候配置el属性b先创建Vue实例，随后再通过vm.$mount('#root')指定el的值data有2种写法a对象式：data： { }b函数式：data() { return { } }如何选择：目前哪种写法都可以，以 ......
Vue核心 模板语法 数据绑定
1.3. 模板语法Vue模板语法包括两大类1插值语法功能：用于解析标签体内容写法：{{xxx}}，xxx 是 js 表达式，可以直接读取到 data 中的所有区域2指令语法功能：用于解析标签（包括：标签属性、标签体内容、绑定事件…）举例：<a v-bind:href="xxx">或简写为<a :hr ......
Vue核心 Vue简介 初识
1.1. Vue 简介 1.1.1. 官网● 英文官网● 中文官网 1.1.2. 介绍与描述●Vue 是一套用来动态构建用户界面的渐进式JavaScript框架○构建用户界面：把数据通过某种办法变成用户界面○渐进式：Vue可以自底向上逐层的应用，简单应用只需要一个轻量小巧的核心库，复杂应用可以引入各 ......
自定义 v-model 解决 Vue prop 只读属性，不可修改的问题
所有的 props 都遵循着单向绑定原则，props 因父组件的更新而变化，自然地将新的状态向下流往子组件，而不会逆向传递。这避免了子组件意外修改父组件的状态的情况，不然应用的数据流将很容易变得混乱而难以理解。 使用 emits 自定义事件以参数方式在父组件更新； 使用 emits 自定义 v-mo ......
Vue3的fetch和Axios
Vue3的fetch和Axios都是用于发送HTTP请求的JavaScript库，但是它们之间有以下几个区别：语法不同：fetch是浏览器原生的API，使用起来比较简单，而Axios是一个第三方库，需要通过npm安装后引入才能使用。功能不同：Axios提供了丰富的API来处理HTTP请求和响应，包括 ......
js 让颜色变深或变浅，返回新的色值
需求：在实际开发中，如果我们想动态的将颜色变深或变浅，但是用rgba这种带透明度的话，碰到定位的样式，则内容会重叠显示，所以有没有一种方法可以直接改变他的色值而不是用透明度 思路：通过访阅大量方法后，得知一种hsl色彩模式，更加符合我们的要求，hsl一种更以人们理解的色彩模式 废话不说上代码，直接运 ......
Vue2和Vue3之响应式原理详解
1 响应式原理 1.1 简介 在讲解之前，我们先了解一下数据响应式是什么？ 所谓数据响应式就是建立响应式数据与依赖（调用了响应式数据的操作）之间的关系，当响应式数据发生变化时，可以通知那些使用了这些响应式数据的依赖操作进行相关更新操作，可以是DOM更新，也可以是执行一些回调函数。 1.2 vue2和 ......
js刷题时ACM模式
一、前言 在牛客网用JavaScript做前端编程题，真的是无力吐槽了，写一个输入输出折腾了我半天，在此记录一下，如何使用JavaScript编程语言在牛客网这种平台写输入输出相关的代码 二、常见方式 2.1 JavaScript(Node 6.11.4)——稍微复杂点 参考：https://blo ......
vue3基础练习
slot就是把标签传递进组件 实现同一个组件有不同的表现形式 同样因为组件就是自己制造的特殊标签，所以这儿也可以直接把组件传递到slot中 slot组件中，作用域的问题 传递进去的东西会替换掉slot，但是里面用的属性还是调用者的，也就是父组件中的{{}}变量直接调用父组件中data内容。 slot ......
JS存储
Storage localStorage 永久性的存储方法 属性 length 方法 Storage.key(index): 返回存储中的第n个key名称 Storage.getItem(key) Storage.setItem(key,value) Storage.removeItem(key) ......
JS对象
声明对象方式 对象字面量 var obj1={ name:'xx', age:88, } new Object() var obj2 = new Object() obj2.name='xx' new 自定义类 function Person(){} var obj3 = new Person() ......
JS高级
this指向分析 指向 直接调用，指向window 通过对象调用，指向对象 call/apply 总结：跟位置无关，跟调用方式有关。只有在执行的时候this指向才会被确定 绑定规则： 默认绑定 // 独立函数调用，this指向window function foo(){ console.log(th ......
JS函数
斐波那契数列 // 数列：1 1 2 3 5 8... function fibonacci(n) { if (n 1 || n 2) { return 1 } return fibonacci(n - 1) + fibonacci(n - 2) } console.log(fibonacci(6) ......
JS内置类型
原始类型调用方法 原始类型是简单的值，默认不能调用属性和方法，javascript为了可以使其可以获取属性和调用方法，对其封装了对应的包装类型。 String Number Boolean Symbol BigInt 包装类型的使用过程 根据原始值，创建一个原始类型对应的包装类型对象 调用对应的属性 ......
JS异步代码
Promise const promise = new Promise((resolve,reject)=>{ // 立即执行 // 成功返回resolve()， // 失败返回reject() }) promise.then(()=>{ console.log('成功调用') }).catch(( ......
JS手写
apply function myApply(obj,args){ /* 1. this指向调用者 2. 使用隐式绑定 obj.fn = this 3. obj.fn() 4. 调用完以后删除fn */ // 确保obj是一个对象 obj = (obj null || obj undefined) ......
JS事件
事件处理三种方案 元素上 el.onclick window.addEventListener(fn) 事件流 事件冒泡：默认情况下事件是从最内层往外传递的顺序，这个顺序就称为事件冒泡 事件捕获：从外层到内层，称为事件捕获。 事件流都监听 捕获阶段：1 目标阶段：2 冒泡阶段：3 /* eventP ......
初识Vue3
vue3.0 一、创建Vue3.0工程 1.使用 vue-cli 创建 官方文档：https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create ## 查看@vue/cli版本，确保@vue/cli版本在4.5.0以上 vue -- ......
Vue2学习笔记
VUE官网: https://cn.vuejs.org/ 参考教程: https://v2.cn.vuejs.org/v2/guide 快速入门 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Quick Vue Example ......
vue状态管理
Vuex 基本使用 store/index.js import { createStore } from "vuex"; const store = createStore({ state: () => ({ counter:0 }) }) export default store App.vue ......
Vue路由
路由介绍 映射表，决定数据的流向 页面不刷新的方式 hash，监听hashchange事件 histroy模式：六种模式 pushState replaceState popState go forward back vue-router 基本使用 安装vue-router 创建路由对象 histo ......
Vue基础
1. 声明式和命令式编程 2. MVVM模型 view--ViewModel(事件监听、数据绑定)--Model 3. options data属性： vue2中可以是一个对象，推荐函数 vue3中必须是一个函数，否则会报错 methods属性 不能是箭头函数，因为this指向window，不能获取 ......