跑马灯 效果vue
Vue笔记
1. 邂逅Vuejs 1.1 简单认识一下Vuejs Vue是一个渐进式的框架,什么是渐进式呢? 渐进式意味着你可以将Vue作为应用的一部分嵌入其中,带来更丰富的交互体验 或者你希望将更多的业务逻辑使用Vue实现,那么Vue核心库以及其生态系统。 比如Core+Vue-router-Vuex,也可以 ......
Vue启用报错 RangeError: Invalid typed array length: -4095
近期开发的前端项目项目启用失败,记录下修复过程 RangeError: Invalid typed array length: -4095 错误原因:node版本问题,安装10.x.x 即可 重新安装: 1.将原来的nvm,node卸载 2.安装nvm 如果显示上面内容即安装成功 3. 在nvm上安 ......
如何在Maya中快速实现全息投影效果?
Hello,大家好,今天给大家带来如何在Maya中快速实现全息投影效果?我是几维。非常的简单只有用到3个节点,一起来看下吧! 1、流程与效果 准备一个模型(模型最好结构比较复杂,比较容易看清楚) 创建3个核心节点。AiStandardSurface,aiMultiply,aiFacingRatio。 ......
vue全局公共方法调用
1.在assets文件夹下,新建文件夹,创建common.js 2.在main.js中引用 import common from "@/assets/common/common.js"; Vue.prototype.common = common; 3.在页面中使用 this.common.iCel ......
vue3 封装组件中使用 pinia 报错
报错信息: Uncaught Error: [🍍]: getActivePinia was called with no active Pinia. Did you forget to install pinia? const pinia = createPinia() app.use(pinia ......
web浏览器页面实现滚屏效果
web 浏览器页面实现滚屏效果 window 对象提供了执行动画的方法 window.requestAnimationFrame() 场景:固定位置显示多项内容列表 需要自动滚屏展示 demo: /** * 设置文本滚屏效果 */ setTextScroll(): void { const ulBo ......
vue+leaflet绘制街道地图,并在上面显示站点标记。
从0开始。 记录一下完成过程中遇到的问题及解决方法 1、离线显示地图 已完成。 方案就是下载瓦片地图到本地或者服务器上,使用路径访问图片/map/{z}/{x}/{y}/tile.png 2、在地图上显示标记。(单一标记,且默认打开提示框) const icon = L.icon({ iconUrl ......
vue实现路由懒加载(异步加载)及组件懒加载(异步加载)的方式
##转自:槐序之夏: https://blog.csdn.net/qq_42403643/article/details/129264032 一、为什么要使用路由懒加载 为给客户更好的客户体验,首屏组件加载速度更快一些,解决白屏问题。 二、定义 懒加载简单来说就是延迟加载或按需加载,即在需要的时候的 ......
关于vue2老项目的打包优化,实现首屏加载速度提升
##分析项目代码体积 yarn add webpack-bundle-analyzer 在webpack.dev.conf.js中配置 const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlug ......
Vue中$attrs、$listeners的用法总结
用法如下: 1、v-on="$listeners" 父组件A,子组件B,孙组件C。C组件中emit事件后,在B中可以直接使用v-on="$listeners"接收,此时可以在A组件中的B上直接使用C中emit出来的事件。 2、v-bind="$attrs"父组件A,子组件B,孙组件C。A上设置值,若 ......
Vue3中无法为el-tree-select设置反选问题分析
环境:Vue3.2、Element Plus
问题:子组件 setting.vue => 弹窗组件 Dialog => 树选择组件el-tree-select ,无法设置默认选中项 default-checked-keys
场景:在一个后台系统的列表页,选中一行数据,点击设置按钮,分配一些功能。这里... ......
安装后报错:'vue' 不是内部或外部命令
安装vue脚手架碰到一个坑; 1.首先在cmd命令下安装脚手架; npm install -g @vue/cli 2.安装后报错:'vue' 不是内部或外部命令,也不是可运行的程序 或批处理文件。 3.进行环境变量的安装: 【1】找到 vue.cmd 文件所在的文件夹位置,并配置环境变量; 【2】配 ......
vue3中的自定义指令
1.适用到自定义指令的场景 防抖、图片懒加载、一键 Copy的功能、拖拽、页面水印、权限校验、输入框自动聚焦、相对时间转换、下拉菜单 2.个人需求:在后台系统中,有很多表单提交组件,其中很多限制数字且限制条件不同。最初使用 oninput="value=value.replace(/[^\d]/g, ......
vue3 高德地图弹窗选址功能
import { defineComponent, h } from 'vue'; import AMapLoader from '@amap/amap-jsapi-loader'; import { Input, AutoComplete, Modal, message } from 'ant-d ......
vscode保存时自动ESLint格式化(vue)
一、安装eslint 二、vscode全局配置 2.1 打开设置 2.2 打开 settings.json 2.3 在settings.json中添加eslint配置 { "code-runner.runInTerminal": true, "eslint.format.enable": true, ......
vue 阻止向上和向下冒泡
1、阻止向下冒泡<div @click.self="cancelFunc"></div> 2、阻止向上冒泡<div @click.stop="cancelFunc"></div> ......
VUE怎么实现web端上传超大文件
IE的自带下载功能中没有断点续传功能,要实现断点续传功能,需要用到HTTP协议中鲜为人知的几个响应头和请求头。 一. 两个必要响应头Accept-Ranges、ETag 客户端每次提交下载请求时,服务端都要添加这两个响应头,以保证客户端和服务端将此下载识别为可以断点续传的下载: Accept-R ......
实现态展示数字(从0动态涨到指定数字)vue2与vue3
vue2 1 安装插件npm install vue-animate-number 2 在MAIN.JS中引入import Vue from 'vue'import VueAnimateNumber from 'vue-animate-number'Vue.use(VueAnimateNumber) ......
Vue router 跳转
useRouter(跳转), useRoute(获取路由参数) // login.vue // 路由跳转-引入-01 import { useRouter } from "vue-router"; // 路由跳转-实例化后-02 // useRouter 使用push方法进行跳转 const rou ......
vue 加减乘除精度问题处理
安装 bignumber.js yarn add bignumber.js 新建bignumber.js文件 import { BigNumber } from 'bignumber.js' 加 export const plus = (a, b) => { const newPlus = new ......
vue的几个记录
1.父组件传递子组卷数组参数 props: { boxData: { type: Array, default: () => [], //重点 }, 2.要实现父组件传递子组卷的参数动态更新 (父-》子-》子,也只需要在最后一个子组件监听即可。) 需要用到监听器 watch:{ //监听父组件传递的 ......
Vue登录页
1. 创建login.vue文件 // @/pages/login.vue <el-form ref="formRef" :rules="rules" :model="form"> <el-form-item prop="username"> <el-input v-model="form.user ......
Vue2异步更新及nextTick原理
vue2.7 源码中,nextTick并没有直接使用某个 API ,而是采用了优雅降级的方案去实现异步更新。我们额外维护了一个 callbacks,用于存储 nextTick 回调 ......
vue-day2
绑定class样式 :class="" (v-bind的缩写) 修改vue维护的数据,而非直接操作dom 绑定style,内联样式,交给vue管理(要对象,或者数组) font-size -> fontSize 换位驼峰 ⭐⭐⭐vue条件渲染 v-show 底层 -> 调整style行内样式, di ......
React Native UI界面还原,组件布局与动画效果
react native还原UI界面跟写web react 差不多,布局及样式有css基础在StyleSheet里面写一样。其实跟Android写xml大同小异而已。只是react native动画方面,设置起来还是风格迥异 ......
使用Eclipse开发Vue——CodeMix够智能
使用Eclipse开发Vue——CodeMix够智能 Eclipse的CodeMix插件允许您访问 VS Code和Code OSS扩展社区,以及 Webclipse 1.x 功能。 Vue.js是构建用户界面的渐进式框架。核心 Vue 库只关注视图层,但很容易将其与其他库或现有项目集成。如果您想在 ......
vue-router
################### npm install vue-router Vue.use()方法的源代码如下: function install(Vue) { // 避免重复安装插件 if (install.installed && _Vue Vue) return install.in ......
Vue——patch.ts【十四】
前言 前面我们简单的了解了 vue 初始化时的一些大概的流程,这里我们扩展下 Vue 的 patch。 内容 这一块主要围绕 vue 中的__patch__进行剖析。 __patch__ Vue.prototype.__patch__的方法位于scr/platforms/web/runtime/in ......