three vue js
JS闭包原理与三方库实现原理
# 一、闭包 原理：外层匿名函数自调用返回其内部作用域某个成员的引用（变量访问权限私有化） 条件： （1）最外层必须要是匿名函数 + 匿名函数自调用 （2）自调用必须返回外层匿名函数作用域中的某个对象(函数/匿名函数/对象)的引用 （3）将这个引用保存到一个全局变量中，对外提供顶层访问入口 作用： ......
浏览器JS环境与Node.js环境
# 区别 浏览器环境和Node.js环境是两种不同的 JS 代码运行环境，它们在以下几个方面有所区别： 1. 运行平台：`JS浏览器环境` 指的是 JS 代码运行在用户电脑上的 Web浏览器中，而 `Node.js环境` 指的是 JS 代码运行在服务器或本地计算机上。 2. JavaScript A ......
JS中的异步编程
[toc] # 前言 fetch 是用来替代传统的`XMLHttpRequest`的。 fetch 的优点很多，包括链式调用的语法、返回promise等。 # 什么是Promise？ 当在开发中需要处理异步操作时，Promise是一个常用的工具。Promise是一个表示异步操作最终完成或失败的对象。 ......
vue3 条件判断语句及v-if与v-show 区别
<template> <div v-if="type 'a'">aaa</div> <div v-else-if="type 'b'">bbb</div> <div v-else>ccc</div> <div v-show="flag">111</div> </template><script> e ......
vue前端model和data强关联
 如果不关联会报错， 且错误不好找！ ![](https://img2023.cnblogs.com/blog/1 ......
vue3元素标签属性的绑定
<template> <div v-bind:id="main" v-bind:class="message">aaa</div></template><script> export default{ data(){ return{ message:'active', main:'mainid' } ......
Vue基础
[toc] # 一 属性指令 | 指令 | 释义 | | : : | : : | | v-bind | 直接写js的变量或语法（不推荐） | | : | 直接写js的变量或语法（推荐） | ```python # 标签上 name id class src href ,height 属性 如果这样， ......
Vue3 模板语法学习
<template> {{message}} {{number+1}} {{ok?'yes':'no'}}</template><script> export default{ data(){ return{ message:'aaa', number:10, ok:false } } }</scr ......
Vue介绍
[toc] # 一 前端的发展史 1. HTML(5)、CSS(3)、JavaScript(ES5、ES6)：编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 - javascript=E ......
基于 Vue3 + TS 的前端结构
效果预览：  ![](https://img2023.cnblogs.com/blog/3214089/20230 ......
Js中var,let,const的区别总结
[toc] > `因为 let 和 const 是es6的新特性, let 和 const 的出现就是为了解决 var 的各种问题,因此在声明变量时能不用var就不用,强烈建议都用let和const声明变量和常量!` # 区别 1、var 声明的变量属于 `函数作用域`，而 let 和 const ......
js逆向
# Javascript基础入门 JavaScript, 是一门能够运行在浏览器上的脚本语言. 简称JS. 首先, Javascript这个名字的由来就很有意思, 不少人认为Javascript和Java貌似很像. 容易想象成Java的脚本. 但其实不然, 两者之间没有任何关系. 纯粹是商业碰瓷 ......
js数组对象转树结构
原始数组对象： ``` let arr = [ { id: 1, name: "节点1", parentId: 0 }, { id: 2, name: "节点2", parentId: 1 }, { id: 3, name: "节点3", parentId: 1 }, { id: 4, name: ......
uniapp中js中的闭包使用
问题： 在uniapp里面，使用闭包函数处理的时候，会导致$this不能全局使用。 解决方案： 第一种代码写法（以循环为例）： const obj = { a:1, b:2, c:3 } var keys = Object.getOwnPropertyNames(obj) keys.forEach( ......
node.js安装及环境配置教程【Windows系统安装包方式】
一、下载安装包： https://nodejs.org/zh-cn/download/ 注：根据自己电脑系统及位数选择，我的电脑是Windows系统、64位、想下载稳定版的.msi（LTS为长期稳定版）这里选择windows64位.msi格式安装包。 .msi和.zip格式区别： .msi是Wind ......
ant-design-vue中官网案例树穿梭框的疑问
网上： 我把官网这个案例的树改成支持父节点选择之后子节点也能被选中（移除案例中的checkStrictly），但是通过父节点选择之后子节点无法取消选择了（其实已经被取消选中但是勾选状态没变）。 我把handleTreeData方法去掉了，不设置disabled好像没什么问题工作中的实际问题： 只需选 ......
babylon.js 学习笔记(9)
继续学习sprite用法，做为一个游戏引擎，怎能没有Sprite(精灵)，下面是基本示例： const createScene = function () { const scene = new BABYLON.Scene(engine); const camera = new BABYLON.Ar ......
使用vue出现Uncaught TypeError: Vue is not a constructor错误
原因是vue2和vue3写法不对 正确是 <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="https://unpkg.com/vue@nex ......
socket.io-client+Vue3使用
客户端代码  服务端代码 ; 2 window.addEventListener('popstate', function () { 3 history.pushState(null, null, document.URL); 4 }) ......
babylon.js 学习笔记(8)
接上回继续，现在的村庄已经有点象样了，但是远处的背景仍比较单调(如下图），今天来学习如何处理天空背景。 babylon.js中，把整个空间假象成一个巨大的立方体(称为SkyBox)，然后依次给立方体的6个面，贴上天空的背景图(如下图) 在代码中只要指定这6张图的rootUrl即可，babylon.j ......
使用 Vue 的一些技巧
# 尽可能地保证父子组件的单向数据流 `例如在子组件中直接修改传入的 props 数据，有可能对父组件或是其他数据源造成意外破坏；` # 把DOM操作放在 mounted 生命周期中 ......
vscode 找不到模块“./App.vue”或其相应的类型声明。
## 问题 - 编辑器：Visual Studio Code - 项目类型：Vite + Vue + TS - 目标位置：main.ts - 项目运行：不受影响，正常运行，但是就是不爽 ![image](https://img2023.cnblogs.com/blog/2919536/202306/ ......
Vue中omit的作用
> 在 Vue 中，"omit" 是一个常用的操作，用于过滤或省略属性。它主要用于组件开发中，用于传递属性给子组件时选择性地排除某些属性。 当你在 Vue 组件中使用 v-bind 或 : 语法来传递属性时，你可以使用 "omit" 来排除不需要的属性。例如，假设你有一个父组件传递属性给子组件的示例 ......
Vue.js 状态管理库 Pinia
## 概述 Pinia 是一个用于 Vue.js 应用程序的状态管理库。它是由 Vue Storefront 团队开发的，旨在提供简单、可扩展且高效的状态管理解决方案。 Pinia 基于 Vue 3 的新响应式系统，并通过使用 TypeScript 提供了强类型支持。它提供了一个类似于 Vuex 的 ......
打字动画 Typed.js
## 概述 Typed.js 是一个 JavaScript 库，用于在网页上创建打字动画效果。它使您能够模拟打字机或逐字显示文本的效果，从而为用户提供逐渐展示文本的视觉体验。 Typed.js 提供了丰富的选项和配置，可以自定义打字动画的速度、暂停时间、删除效果等。您可以使用 HTML 元素或 Ja ......
记录--手把手教你Vue+ECharts+高德地图API实现天气预报数据可视化
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 所谓数据可视化，我们可以理解为从宏观角度来看一眼就能看出来整个数据的占比，走向。对于数据可视化，很多互联网公司是很看重这一块的，包括大厂；就比如阿里的淘宝，双十一的时候往往就需要将消费者的一些数据通过图的形式展现出来。接下来我们就来 ......
模板引擎 Handlebars.js
## 概述 Handlebars.js 是一个简单而强大的 JavaScript 模板引擎。它允许开发者通过定义模板和数据来生成动态的 HTML 页面。 Handlebars.js 基于 Mustache 模板语法，它提供了一些扩展和增强功能。并且开发者可以创建可重用的模板，并通过将数据传递给模板来 ......
使用 Node.js 连接 MySQL
## 概述 当使用 Node.js 开发 Web 应用程序时，经常需要与数据库进行交互来存储和检索数据。[MySQL](后端/MySQL.md) 是一个流行的关系型数据库管理系统，它提供了强大的功能和性能。本文将介绍如何使用Node.js连接MySQL数据库，并展示一些常见的操作示例。 ## 开始 ......
vue 按列合并单元格
# 要求 使用vue对每页表格进行单元格合并，每列纵向一致的内容合并，但要参照第一列合并情况，后面的列不能跨列合并，第二列和最后一列不合并。 # 思路 将首列进行合并单元格计算，然后依次将后面列按照首列合并结果进行分组，然后依次给每个分组进行合并单元格计算，最后依次将该列的多个分组内容合并。 完整的 ......