写法vue2 vue js

前端Vue自定义精美上下滚动通告栏组件 常用于展示公告信息 上下滚动跑马灯 上下滚动广播

#### 前端Vue自定义精美上下滚动通告栏组件 常用于展示公告信息 上下滚动跑马灯 上下滚动广播,下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13318 #### 效果图如下: ![](https://p3-juejin.b ......
上下 跑马灯 前端 组件 通告

关闭vue项目中Uncaught runtime errors弹窗页面

![markdown](https://img-blog.csdnimg.cn/70f1130771aa477194bc9ba08f943c06.png) 看控制台发现有webpack类名,应该是webpack搞出来的 *** ###解決办法 再vue.config.js中添加以下配置: ```ja ......
Uncaught runtime 页面 项目 errors

前端Vue自定义精美宫格菜单按钮组件 可设置一行展示个数 可设置成九宫格 十二宫格 十五宫格

#### 前端Vue自定义精美宫格菜单按钮组件 可设置一行展示个数 可设置成九宫格 十二宫格 十五宫格 , 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13315 #### 效果图如下: ![](https://p3-juej ......
九宫 前端 组件 一行 个数

前端知识点(四)——js

1,介绍js的基本数据类型。 Undefined、Null、Boolean、Number、String 2,介绍js有哪些内置对象? Object 是 JavaScript 中所有对象的父对象 数据封装类对象:Object、Array、Boolean、Number 和 String 其他对象:Fun ......
知识点 前端 知识

前端知识点(五)——js

1,说说严格模式的限制 严格模式主要有以下限制: 变量必须声明后再使用 函数的参数不能有同名属性,否则报错 不能使用with语句 不能对只读属性赋值,否则报错 不能使用前缀0表示八进制数,否则报错 不能删除不可删除的属性,否则报错 不能删除变量delete prop,会报错,只能删除属性delete ......
知识点 前端 知识

Vue3学习-01_前端工程化与webpack

## 背景 最近在学习Vue知识,参照的教程是[黑马程序员官网](https://www.itheima.com/)提供的免费前端教程,这里记录一下自己的学习笔记以及遇到的相关问题。 ## 前端工程化的概念及优点 前端工程化指的是:在企业级的前端项目开发中,把前端开发所需的工具、技术、流程、经验等进 ......
前端 webpack 工程 Vue3 Vue

vue项目中的package.json的private选项的作用

{ "name": "项目名称", "description": "描述", "version": "版本", "private": true, "author": "test Team", "license": "MIT", } 如果你在你的 package.json 中设置了“private”: ......
作用 package private 项目 json

CSharp的@microsoft/signalr实时通信教程 - 前端 vue

1. 安装@microsoft/signalr pnpm install @microsoft/signalr --save 2. 封装组件 js import * as signalR from '@microsoft/signalr' export function SignalR () { c ......
前端 实时 microsoft signalr 教程

编程开发 --- vue是什么

只面向视图层的html模板引擎 只面向视图层指的是可以在浏览器独立运行且只关注视图。 模板引擎指的是使得html具备完备编程语言的特性。比如if语句 Vue是一种用于构建用户界面的渐进式JavaScript框架。它是一个开源项目,由尤雨溪(Evan You)开发,并得到了广泛的社区支持和贡献。 Vu ......
vue

Vue-案例-查询所有

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <a href="addBrand.html"><input type="button" value= ......
案例 Vue

详细讲解js中的深拷贝与浅拷贝

1.概述 深拷贝与浅拷贝在其它语言中也经常被提及到,在实际项目开发过程中也常常需要区分当前使用的到底是深拷贝还是浅拷贝,有时候在该使用深拷贝的地方,我们使用了浅拷贝,会导致深藏不露的bug。 2.数据类型 在探讨深浅拷贝之前,我们先梳理一下js中的数据类型,js的数据类型分为两类:基本数据类型和引用 ......
拷贝

Vue01

# 1.简单了解前端的发展过程 - 最初的网页以HTML为主,是纯静态的网页。网页是只读的,信息流只能从服务端到客户端单向流通。开发人员也只关心页面的样式和内容即可。 - 1995年,网景工程师Brendan Eich 花了10天时间设计了JavaScript语言. - 2005年开始,ajax逐渐 ......
Vue 01

Vue-生命周期

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <div v-for="addr in addrs"> {{addr}} ......
周期 生命 Vue

Vue-指令-v-for

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <div v-for="addr in addrs"> {{addr}} ......
指令 v-for Vue for

Vue-CoreVideoPlayer 视频播放器组件

# 安装 ```python cnpm install -S vue-core-video-player ``` # 快速使用 ```python # 在main.js中 import VueCoreVideoPlayer from 'vue-core-video-player' Vue.use(V ......

Vue-指令-v-if和v-show

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <div v-if="count == 3">div1</div> <d ......
指令 v-show v-if show Vue

Vue-指令-v-on

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <input type="button" value="一个按钮" v- ......
指令 v-on Vue on

Vue-指令-v-bind和v-model

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <a v-bind:href="url">点击一下</a> <a :hr ......
指令 v-model v-bind model bind

Vue-快速入门

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <input v-model="username"> <!-- 插值表达 ......
Vue

【JS基础】手写Promise.all

我还以为是先手写promise,再实现all方法呢,没想到这么简单。。。 /** * 手写 promise.all */ function promiseAll(args) { return new Promise((resolve, reject) => { const promiseResult ......
Promise 基础 all

Vue-概述

......
Vue

【JS基础】promise.then 如果没有被 resolve,不会立即执行,而是先执行宏任务,等待 promise resolve后才会执行

setTimeout(() => { console.log('setTimeout') }, 0) let promise = new Promise((resolve, reject) => { console.log('1') setTimeout(() =>{ console.log('ti ......
promise resolve 而是 任务 基础

js格式化货币方法

💡闲来无事自己基于原生js方法封装了一个可用于常见货币格式化的方法,具体方法封装如下: /** * 格式化人民币金额 * @param number num 数字金额 * @param string symbol 金额符号,默认值为人民币:"CNY" * @example symbol符号参数如下 ......
货币 格式 方法

vue 中动态class的写法

![](https://img2023.cnblogs.com/blog/1202393/202307/1202393-20230703182343498-806499078.png) * https://blog.csdn.net/u012320487/article/details/121806 ......
写法 动态 class vue

js 实现斐波那契数列

O2^N 算法,常规写法,递归实现 function fib(n) { if (n == 0 || n 1) return 1; return fib(n - 1) + fib(n - 2); }; console.log(fib(3)); // 5 console.log(fib(5)); // ......
数列 js

vue 兼容 展开语法

js 的展开语法最低兼容到 chrome 的 60 版本,客户端的chrome版本如果低于这个版本就需要做兼容 项目根目录找到 .browserslistrcn 文件(有的项目是在package.json中配置browserslistrcn,配置内容是一样的),其后添加 chrome 最低兼容至哪个 ......
语法 vue

tinymce vue2.0集成 并解决响应式丢失问题 文件引入问题(若依版本)、自定义上传图片、视频、样式被el-dialog遮挡问题

1.安装tinymce、tinymce-vue npm install tinymce@5.0.11 -S npm install @tinymce/tinymce-vue@3.0.1 -S 2.下载中文语言包 tinymce提供了很多的语言包 语言包地址 3.配置中文包、配置skins 下载完后放 ......
问题 样式 el-dialog tinymce 版本

vue+axios+ts封装

1.结构目录 2.新建request目录 type.ts import type { AxiosRequestConfig, AxiosResponse } from 'axios'; // 拦截器的类型 export interface InRequestInterceptors<T = Axio ......
axios vue ts

VUE实现一个简单的登录注册页面

# VUE|实现一个简单的登录注册页面 ## 页面效果 ## 页面代码 在我的GitHub上:https://github.com/weltme/frontend/blob/master/src/views/LoginView.vue ......
页面 VUE

vue3别名联想提示设置

可以在vue3的根目录下的jsconfig.json文件里进行一个设置,如果 没有该文件就自己新建一个 在该文件里写入 { "compilerOptions": { "baseUrl": "./", "paths": { "@/*":[ "src/*" ] } } } ......
别名 vue3 vue