three vue js

# vue-cli 与 Vite 学习笔记 ## 项目脚手架 在学习了如何使用 Webpack 这类打包工具来实现项目的自动化打包之后，相信许多人心中一定产生了一个疑问：难道每一次创建项目都需要进行那么复杂配置工作吗？在这个配置过程中，程序员们不仅需要手动设置项目结构，安装项目中用到的各种框架、第三 ......

在写这篇文章的时候，查看了下electron最新稳定版本由几天前24.4.0升级到了25了，不得不说electron团队迭代速度之快！ 前几天有分享一篇electron24整合vite4全家桶技术构建桌面端vue3应用示例程序。 https://www.cnblogs.com/xiaoyan2017 ......

# js 以多字段为维度汇总某一字段值 JavaScript可以以多个字段为维度进行汇总。你可以使用多个for循环或forEach循环，针对每个字段进行分组。然后使用reduce方法进行汇总。举个例子，假设你有一个数组数据如下： ```javascript let data = [{ name: ' ......

1、在js中获取某个字段的属性，或设置字段的值： const column = this.findObject(this.option.column, "parentId"); column.disabled = true;//设置为禁用此字段 column.value = '1'; //设置par ......

JavaScript的事件监听是一种机制，用于在HTML文档中的元素上注册事件处理程序，以便在特定事件发生时执行相应的JavaScript代码。 事件监听的基本思想是将事件处理程序（也称为事件回调函数）绑定到特定的事件上。所谓特定的事件是当用户与页面进行交互时，比如点击按钮、键盘输入、鼠标移动等，浏 ......

# Vue基本知识1，安装创建以及常用指令 ## 1. Vue的概念 1. 概念 vue是一个渐进式的JavaScript开发框架；基于MVVM实现数据驱动的框架 [官网](https://cn.vuejs.org) 还可以用来做SPA(single page web application)： 一 ......

在日常应用场景中，可能会遇到这么一个情况，需要判断用户是否完整的观看完了一部视频，在这个场景中，和视频相关的事件大体涉及到几个部分，获取视频长度，视频开始播放，暂停播放和播放结束，下面来看下如何通过JavaScript来监听获取视频的这几种状态。 （1）html页面视频标签大体如下 <video i ......

# JS中的箭头函数与this ``` JavaScript在ES6语法中新增了箭头函数，相较于传统函数，箭头函数不仅更加简洁，而且在this方面进行了改进。this作为JavaScript中比较诡异的存在，许多文章对于this的解释也不尽相同，本篇文章试图厘清JS中函数与this的关系。 ``` ......

# vue简单版分页功能实现 **功能介绍：** 将数据（n条）进行划分，根据所在页面展示对应页面的数据。如 有100条数据，每一页展示10条，总共就就是100/10 = 10页。 **功能实现逻辑：** 1.准备静态页面， 分页块需要 上一页 1 2 3 下一页，这种格式。 2.准备data数据块 ......

# vue中实现简单的分页功能-逻辑附完整代码，效果展示 # `实现` [vue](https://so.csdn.net/so/search?q=vue&spm=1001.2101.3001.7020)分页主要是对数据的操作，针对前端的操作，需要确定以下的变量数据： `(不涉及前后台传值 只是前端 ......

# 深入vue2响应式原理,在对象或数组新增属性无响应 # 解决方法 # 前言 ``` 该问题只存在vue2, 基于Object.defineProperty的特性,vue3中的proxy已经解决了该问题,但也存在兼容性问题, 例如IE系统任意版本都不支持. ``` ![image-20230524 ......

如果您正在考虑使用 JavaScript 进行后端开发，您会听到术语“Node.js”。Node 通常与开发强大的 Web 服务器相关联。 但 Node.js 到底是什么？它是像Angular一样的 JavaScript 框架吗？它是一种编程语言吗？它是一个 JavaScript 库吗？它是一组技术 ......

## vue2数据双向绑定和vue3数据双向绑定的原理透析 参考资料 : https://www.jianshu.com/p/d7e2efde434b ​ https://www.jianshu.com/p/d7e2efde434b 背景:面试官10个有9个都会问这个问题,所以深究一下啦 ### 需 ......

**1、项目介绍** 任何系统都要遵循系统设计的基本流程，本系统也不例外，同样需要经过市场调研，需求分析，概要设计，详细设计，编码，测试这些步骤，基于java语言设计并实现了医院信管系统。该系统基于B/S即所谓浏览器/服务器模式，应用java技术，选择MySQL作为后台数据库。系统主要包括首页，个人 ......

# 1.教程 1将数据逐行复制到excell2.新建txt文件，将excell中的全部数据复制到txt文件中3.使用edge打开统计同名数据.html,右击网页打开控制台4.选择txt文件，确认，会在控制台展示结果点击 # 2.数据示例 可以有空格，回车，形式为： 名称 数量 ```DN150球铁平 ......

``` /* 滚动条 */ body *::-webkit-scrollbar { width: 5px; height: 10px; } body *::-webkit-scrollbar-track { background: #fff; border-radius: 2px; } body * ......

``` ``` ......

> Date: 2023-05-29 17:56:27 > Author: Gavin > PS: 不喜欢做复制粘贴，这篇笔记只是简写关键 ### P1~12 Vue3 中的通信方式 - props `父=>子` 传的为不可变数据 - 自定义事件 `子=>父` - 全局事件总线 `任意组件` mit ......

## 数组的常用方法 ### 数组常用方法之 push * `push` 是用来在数组的末尾追加一个元素 ```javascript var arr = [1, 2, 3] // 使用 push 方法追加一个元素在末尾 arr.push(4) console.log(arr) // [1, 2, 3 ......

vscode中node执行debug报错 报错信息如下 思路1：检查node是否安装成功 win + R 输入cmd 能够正常显示版本号,则证明没有问题，接着换个思路 思路2：根据提示打开图示的'launch.json'文件，在页面补充 runtimeExecutable 具体补充什么内容呢？ 在o ......

``` let obj = window.location let names=Object.getOwnPropertyNames(obj) let new_map = {} for(let key of names){ var value =obj[key] if (typeof (value) ......

摘抄自react in action ， see chapter4: 直接上图： DEFINITION Mounting is the process of React inserting your components into the real DOM. Once done, your comp ......

import { defineEmits } from 'vue' //定义emit 类型 interface EmitsType { (e: 'bClick', item: {name:string,age:number}): void } const emit = defineEmits<Emi ......

import { defineProps, withDefaults, toRefs } from 'vue' //props 传过来的值的类型定义 interface ModuleType { num: number } const props = withDefaults(defineProps ......

import { onLoad,onShow } from "@dcloudio/uni-app"; onShow(()=>{ console.log(msg.value) }) ......

if (res.data.dataList) { res.data.dataList.forEach(function (aRow) { Object.keys(aRow).forEach(function (prop) { if (typeof aRow[prop] "string") { aRo ......

### vue-cli介绍 vue-cli 是 Vue.js 开发的标准工具。它简化了程序员基于 webpack 创建工程化的 Vue 项目的过程。 [中文官网](https://cli.vuejs.org/zh/) 在工程化的项目中，vue 要做的事情很单纯：通过 main.js 把 App.vu ......

所说的吸顶效果就是在页面没有滑动之前，当页面向上滑动之后，导航栏始终固定在页面的上方。 具体代码： 写入事件监听，监听滚动条。 mounted () { // 事件监听滚动条 window.addEventListener('scroll', this.watchScroll,true) } 然后在 ......

前言： 作为一个写了七年的C#，半年PHP，三年的vue+两年的Java程序员，多少有点不伦不类，无奈，性格如此，小孩子才做选择，我全都想要☺， 相信现如今的形势下，有着和我相同经历的道友不在少数，革命一块砖，哪里需要哪里搬，有人说贪多嚼不烂，也有人说艺多不压身，至于能达到何种高度，想必都在个人投入 ......

使用js 自带的 padStart()方法 和 padEnd()方法 1、padStart()方法是ES2017中引入的一种字符串填充方法，可以在字符串的左侧添加指定数量的字符以达到规定的长度。 padStart() 方法有两个参数： padLength 是填充后的结果字符串的长度。如果 padLe ......