three vue js
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，不能获取 ......
vue-axios
Axios 常用请求方式 get post delete put patch head request all: 发送多个请求，返回一个数组 axios.all([]) 常用配置选项 url method baseURL: 根路径 axios.default.baseURL = 'https://x ......
vue-element-template实现顶部菜单栏
一、框架侧边栏改为顶部导航栏 1、复制src/layout/componets/Sidebar所有文件至同级目录，改名为Headbar 2、src/layout/components/index.js中声明Headbar export { default as Headbar } from './H ......
JS基础（下）
一、事件处理 JS 事件（event）是当用户与网页进行交互时发生的事情，例如单机某个链接或按钮、在文本框中输入文本、按下键盘上的某个按键、移动鼠标等等。当事件发生时，您可以使用 JavaScript 中的事件处理程序（也可称为事件监听器）来检测并执行某些特定的程序。 一般情况下事件的名称都是以单词 ......
Vue模板
<script src="/js/vue.min.js"></script><script src="https://cdn.jsdelivr.net/npm/vue@2.7.14/dist/vue.js"></script> <script type="text/javascript"> new ......
万字血书Vue—Vuex
Vuex概述 组件之间共享数据的方式（小范围） 全局事件总线 Vuex是什么？ 专门在Vue中实现集中式状态（数据）管理的一个Vue插件，可以方便的实现组件之间的数据共享。 使用Vuex统一管理状态的好处 能够在vuex中集中管理共享的数据，易于开发和后期维护 能够高效地实现组件之间的数据共享，提高 ......
vue 代码规范 之 husky
#!/bin/sh . "$(dirname "$0")/_/husky.sh" npx eslint ./src --ext .js,.vue npx husky add .husky/pre-commit "npm run lint" ......
ant-design-vue循环生成多个独立的form表单
前言 后台需要的参数格式如下： info=[{name:'',cardId:'',phone:''},{name:'',cardId:'',phone:''},{name:'',cardId:'',phone:''}] 由于后台参数的特殊性，每一行内容组成一个对象，如果这些对象都放到同一个form表 ......
Vue——initState【十】
前言 前面我们简单的了解了 vue 初始化时的一些大概的流程，这里我们详细的了解下具体的内容; 内容 这一块主要围绕init.ts中的initState进行剖析，初始化生命周期之后紧接着。 initState initState的方法位于scr/core/instance/state.ts中； co ......
Vue介绍与生命周期详解
一、Vue简介 Vue是一款轻量级、高性能的JavaScript框架，用于构建用户界面，它的核心是数据双向绑定和组件化。Vue的设计灵感来源于AngularJS和React，但它更加易于上手和使用。 Vue的主要特点包括： MVVM模式：Vue采用了MVVM模式，将视图(View)、数据模型(Mod ......
js 数组与对象的区别
js 数组与对象的区别 学习javascript的时候，我曾经一度搞不清楚”数组”(array)和”对象”(object)的根本区别在哪里，两者都可以用来表示数据的集合。 比如有一个数组a=[1,2,3,4]，还有一个对象a={0:1,1:2,2:3,3:4}，然后你运行alert(a[1])，两种 ......
learn to js
Certainly! Here are some book and video recommendations to help you learn JavaScript: "JavaScript: The Good Parts" by Douglas Crockford - This book is ......
JS中模块的写法
JS中模块的写法一、原始写法模块就是实现特定功能的一组方法。只要把不同的函数（以及记录状态的变量）简单地放在一起，就算是一个模块。 function m1(){ //... } function m2(){ //... } 二、对象写法为了解决上面的缺点，可以把模块写成一个对象，所有的模块成员都放到 ......
JS模块化写法（转）
JS模块化写法（转） 一、原始写法 模块就是实现特定功能的一组方法。 只要把不同的函数（以及记录状态的变量）简单地放在一起，就算是一个模块。 function m1(){ //... } function m2(){ //... } 上面的函数m1()和m2()，组成一个模块。使用的时候，直接调用就 ......
初识vue3-setup语法糖，ref和reactive语法，computde计算属性，watch开启监听
vue3和vue2的区别 1，vue3首次渲染更快（Vue3在编译和渲染性能上有了很大的提升，主要是因为使用了Proxy代理和优化算法，使得组件可以更快的渲染） 2，diff算法更快 3，内存占用体积变得更小 4，打包体积变得更小 5，更好的ts支持（这里不是因为vue3是ts写的，所以更加支持ts ......
vue 后台管理系统 全屏
toggleScreen() {if(this.screen){this.$refs.components_layout_side.$el.requestFullscreen()}else{if (document.exitFullscreen) {document.exitFullscreen() ......
vue3中vue-router一个简单使用案例
![](https://img2023.cnblogs.com/blog/1202393/202303/120239... ......
VUE 环境搭建
一、安装node.js在node.js官网下载安装最新版的：https://nodejs.org/zh-cn/ 然后需要更换下载源为国内的 #设置为淘宝源npm config set registry https://registry.npmmirror.com #查看下载源npm config g ......
使用Node.js编写的命令行端口扫描器，功能完整，附带英文注解和使用说明
这是我花了一整天的时间写的node.js命令行扫描器，500多行代码，功能完整，附带英文注解和使用说明，可以拿来直接用。 const validOptions = [ { "name": "ports", "cmd": ["-p", "--ports"], "value": "21-23,25,80 ......
vue3中的setup含义
setup 是 Vue3 中引入的一个新的选项，用于替代 Vue2 中的 beforeCreate 和 created 钩子函数。 setup 选项是一个函数，它在组件实例被创建之前执行，并返回一个包含状态和方法等配置信息的对象。 具体来说，setup 选项的作用包括： 响应式数据：使用 Vue3 ......