写法vue2 vue js

模块化Common.js与ES6

#### 为什么要模块化开发 ``` 1. 依赖关系(a文件依赖b文件中的方法,b文件必须在a文件之前引入) 2. 命名问题 (多个文件变量名,方法名相同会出现覆盖) 3. 代码组织(后期不好维护) ``` #### 模块化规范有 ``` 1. Common.js 规范 node,webpack使用 ......
模块 Common ES6 js ES

antd from 表单中的key 不能绑定input中的字段 Input.js:207 Uncaught (in promise) TypeError: Cannot read properties of null (reading 'value')

``` 删除 ``` ![](https://img2023.cnblogs.com/blog/2773051/202307/2773051-20230714091226247-504439371.png) 不然则会出现 Input.js:207 Uncaught (in promise) Type ......
字段 表单 properties TypeError Uncaught

vue3使用component作为切换页面

文档 https://cn.vuejs.org/guide/essentials/component-basics.html#defining-a- <script setup> import Home from './Home.vue' import Posts from './Posts.vue ......
component 页面 vue3 vue

React18+Next.js13+TS,B端+C端完整业务+技术双闭环

新 React 技术栈,实战复杂低代码项目-仿问卷星第1章 开期准备 试看3 节 | 20分钟介绍课程内容,学习建议和注意事项。演示课程项目,让学员有一个整体的认识。第2章 【入门】什么是 React React 引领了现代前端开发的变革8 节 | 50分钟介绍 React 的历史、背景和每次版本更 ......
闭环 业务 React 技术 Next

Three.js可视化企业实战WEBGL课

适合人群:懂基础前端知识、需要学习和开发3d项目的前端课程概述:全网领先的three.js的 WEB 3D可视化课程。课程全面系统的讲解WEB 3D可视化技术,涵盖目前企业开发的各种应用技术和项目案例。包含智慧园区、智慧城市、智慧工厂。学完可以直接应用在工作中,不仅仅讲three、cesium的企业 ......
实战 Three WEBGL 企业 js

Tauri-Admin通用后台管理系统|tauri+vue3+pinia桌面端后台EXE

基于tauri+vite4+pinia2跨端后台管理系统应用实例TauriAdmin。 tauri-admin 基于最新跨端技术 Tauri Rust webview2 整合 Vite4 构建桌面端通用后台管理解决方案。搭载轻量级ve-plus组件库、支持多窗口切换管理、vue-i18n多语言包、动 ......

Node.js的http-server的安装使用

# 使用方法 1.安装Node.js 2. ```` npm install -g http-server ```` 3. ```` http-server ```` # 参考 https://blog.csdn.net/bamboo_2001/article/details/130201002 ......
http-server server Node http js

前端Vuer,请收好这份《Vue组件单元测试》宝典,给自己多一些安全感

大家好,我是 Kagol。 作为一名前端,在做业务开发的过程中,你是否曾经: - 因为担心上线之后出bug,而反复手工验证自己负责的模块 - 不敢修改现有的“屎山”(别人写的或者是自己1年前写的)代码,从而不断地编写if/else - 发现业务中有很多重复的代码,每次一改好多地方都要改,但又不敢... ......
前端 安全感 组件 单元 宝典

前端封装时间选择器时的数据格式问题(JS闭包应用场景)

工作中遇到一个需求,需要同时支持一定长度时间段与自定义时间段。 时间选择框是一个下拉框,下拉框后面跟两个框分别显示起止时间,默认是禁用状态,下拉框有多个选项,比如一小时,三小时,六小时......最后一项是自定义时间段,选中后起止时间选择框将会解除禁用。 当选中一小时时,每次全新查询都要拿到当前时间 ......
闭包 前端 场景 格式 时间

vue配置https

const path = require('path'); const fs = require('fs'); const https = require('https'); const options = { key: fs.readFileSync(path.join(__dirname, '. ......
https vue

Vue项目配置Https双向认证

访问双向认证的Https接口 本地运行设置 修改webpack配置 js const fs = require('fs') const options = { //客户端密钥 key: fs.readFileSync(path.join(__dirname, '../ca/key.pem')), / ......
双向 项目 Https Vue

Vue基础

### 创建实例 ```html {{ msg }} ``` ### 插值表达式 含义:vue的一种模板语法 作用:利用表达式进行插值渲染 语法:{{表达式}} 注意: 1. 使用的数据要存在 2. 支持的是表达式,不是语句if for 3. 不能在标签属性使用{{ }} ### 响应式特性 响应式 ......
基础 Vue

JS_双人格斗游戏 _移动键同时按下问题

# JS_双人格斗游戏 _移动键同时按下问题 问题描述: ```js if(keys.a.pressed){ player.velocity.x = -1; }else if (keys.d.pressed){ player.velocity.x = 1; } 这段代码在animate()循环函数中 ......
同时 问题 JS

04 selenium:等待元素加载 ,元素操作,执行js,切换选项卡,前进后退,异常处理,登录cnblogs,抽屉半自动点赞,xpath使用,动作链,自动登录12306,打码平台,打码平台自动登录

# 1 selenium等待元素加载 ```python # 程序执行速度很快 》获取标签 》标签还没加载好 》直接去拿会报错 # 显示等待:当你要找一个标签的时候,给它加单独加等待时间 # 隐士等待:只要写一行,代码中查找标签,如果标签没加载好,会自动等待 browser.implicitly_w ......
元素 平台 抽屉 selenium 动作

vue中视频播放组件的安装

1. 在terminal中输入 cnpm install vue-video-player 2. 安装完成后在main.js中进行配置 import VueCoreVideoPlayer from 'vue-core-video-player' Vue.use(VueCoreVideoPlayer, ......
组件 视频 vue

Vue3+Vue-Router+TypeScript+Vite+Element-Plus+Axios+Pinia快速搭建开发框架

### 1、环境准备 ##### (1) 首先你得需要安装node和npm ![image](https://img2023.cnblogs.com/blog/2045410/202307/2045410-20230702223307211-1008695934.png) ### 2、环境初始化 # ......

Vue3项目中import 'vue-native-websocket'出现错误

问题一: 问题二: 两个都搞不懂为什么、、可能自己基础太差,试了几个网上的解决方案都不行。 故转换角度:直接用原生WebSocket 参考地址:前后端使用利用WebSocket进行通信_F3nGaoXS的博客-CSDN博客 唔,还是原生的香…… ......

vue3+vite+elementUI项目

开发环境 win10系统 Visual Studio Code v1.80.0 node v18.16.1 npm 9.8.0 #可以用pnpmvue @vue/cli 5.0.4 安装软件 node 直接官网 https://nodejs.org/en #下载好node包含npm #管理员Powe ......
elementUI 项目 vue3 vite vue

解决js计算0.1时不准确问题

const compute = { // 加法运算 accAdd(arg1, arg2) { let r1; let r2; let m; let c; try { r1 = arg1.toString().split('.')[1].length; } catch (e) { r1 = 0; } ......
问题 0.1

使用vue3、egg和SQLite开发通用管理后台系统

# 使用vue3、egg和SQLite开发通用管理后台系统 plaform是一个基于RBAC模型开发的后台管理系统,没有多余的功能。本项目是一个以学习为目的的后台项目,旨在让前端也能充分了解RBAC模型是如何设计的,不建议用于线上,因为未经过充分的测试。 项目地址:https://github.co ......
后台 SQLite 系统 vue3 vue

Vue3

一、创建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 --version ......
Vue3 Vue

VUE 项目运行中途中断,VUE运行项目内存溢出问题解决办法

如下图报错:原因就是项目太大了。 解决方案: 第一步: npm install increase-memory-limit npm install cross-env 第二步: 在package.json文件中加入如下代码 "scripts": {"fix-memory-limit": "cross ......
项目 VUE 内存 办法 问题

JS将接口返回的base64加密后的文件流下载成pdf

function base64toPDF(data) { var bufferArray = base64ToArrayBuffer(data); var blobStore = new Blob([bufferArray], { type: "application/pdf" }); if (wi ......
接口 文件 base pdf 64

vue中加载pdf文件

vue中加载pdf文件 方案一: 直接调用事件即可 openPdf { window.open('/assets/BJBVerse.pdf') }, 方案二: npm install vue-pdf --save <template> <div> <pdf v-for="i in numPages" ......
文件 vue pdf

js判断数据类型的四种方式

### 1.typeof 用法:typeof '123' 'string' 缺点:只能判断基础数据类型(除null以外),如果是引用数据类型(如数组、函数、对象等)会返回Object !!! !!! 因为typeof是直接在计算机里面基于二进制值进行检测的,也就是数据类型都是二进制值,对象存储在计算 ......
类型 方式 数据

vue 模拟滚动条循环滚动

``` 重大警情 0"> {{ item.level }} {{ item.type }} {{ item.sfdz }} {{ item.ajztmc }} 发生时间:{{ item.time }} 警情内容:{{ item.nr }} 出警处置情况:{{ item.cjczqk }} 警情处理结 ......
vue

js中数组的方法,32种方法

数组的32中方法=>{ 1.push(): 在数组末尾添加一个或多个元素,并返回修改后的数组。 let fruits = ['apple', 'banana', 'orange']; fruits.push('mango'); console.log(fruits); // 输出: ['apple' ......
方法 数组 32

vue3响应式原理(小满zs vue3 笔记八)

tip: 带着问题去理解响应式原理why,what,how 1. 响应式原理核心点是什么? ** 数据截持 ** 依赖收集 ** 派发更新 2.vue2的响应式原理? vue3响应式原理?区别是什么? ......
vue3 vue 原理 笔记

js 原型链 & class

https://es6.ruanyifeng.com/#docs/class 早期采用原型链写法 function A(){ this.fx1 = 1 } A.prototype.add = function(x){ this.fx1 += 1; console.log(x, this.fx1) } ......
原型 class amp js

vue常用的小方法(方便实用)

1.判断对象里面是否为空 const isEmptys = (obj) => { for(let key in obj){ return false } return true }; isEmptys ({}); //true //这里你记得分两次打印,return false 后面都不走了 isE ......
常用 方法 vue