精度 数字 问题vue
Vue选日期滚动条自动定位到选定的日期位置
html 这里的关键点就是 :id="'scroll'+index" 以及 :scroll-into-view="intoIndex" <view class="week-day-item" v-for="(item,index) in weekList" :key="index" @click=" ......
golang目录下main包调用问题
问题 # command-line-arguments 本质原因: 在同级目录下,main包文件不能直接调用必须选中加载才可以 在同级目录下,其他非main包则就可以导入包,可以关联调用 解决 ......
第四篇 vue - 基础 - 模版语法
模版语法 Vue 使用一种基于 HTML 的模板语法,使我们能够声明式地将其组件实例的数据绑定到呈现的 DOM 上 所有的 Vue 模板都是语法层面合法的 HTML,可以被符合规范的浏览器和 HTML 解析器解析 在底层机制中,Vue 会将模板编译成高度优化的 JavaScript 代码。结合响应式 ......
vue3中ref和shallowRef的区别
在 Vue 3 中,ref 和 shallowRef 都是用来创建响应式数据的函数,它们之间的主要区别在于它们对于传入的对象的处理方式不同。 ref 用于创建一个包装器对象,可以将基本类型值或对象转换为响应式数据。例如: import { ref } from 'vue' const count = ......
第二篇 Vue 基础 - 什么是 Vue 及 vue 的基本特点
什么是 Vue Vue (发音为 /vjuː/,类似 view) 是一款用于构建用户界面的 JavaScript 框架 它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式的、组件化的编程模型,可以高效地开发用户界面 无论是简单还是复杂的界面,Vue 都可以胜任 最基本的 ......
第一篇 vue - 基础 - vue 项目的构建方式
安装 node.js node.js 是一个 Javascript 的运行环境 一、node.js 是什么 ? Node.js 不是JS应用、而是JS运行平台 Node.js 采用C++语言编写而成,是一个 Javascript 的运行环境 1、node.js 不是一门语言,不是库,不是框架,只是一 ......
第三篇 vue - 基础 - 创建一个 Vue 应用、应用实例讲解
创建一个 Vue 应用 当前介绍如何在本地搭建 Vue 单页应用。创建的项目将使用基于 Vite 的构建设置,并允许我们使用 Vue 的单文件组件 (SFC) 确保已经安装了最新版本的 Node.js,然后在命令行中运行以下命令 npm init vite vue@latest 这一指令将会安装并执 ......
webpack.config.js和vue.config.js的区别
webpack.config.js是webpack的配置文件,所有使用webpack作为打包工具的项目都可以使用,vue的项目可以使用,react的项目也可以使用。 vue.config.js是vue项目的配置文件,专用于vue项目。通过vue.config.js中常用功能的配置,简化了配置工作,当 ......
vue 横向滚动菜单点击居中
最近在写项目的时候遇到一个功能 vue 横向滚动菜单实现点击 元素滚动可视区域居中,网上找了一些轮子都不是很好用,决定自己写一个,话不多说,开撸 先上效果如下,点击后面item可自动滚动到可视区域 在template中的代码 <div class="navbar-list"> <div class= ......
Vue的$nextTick完成后获取渲染后的dom数据
问题是这样滴: 需要在div的内容更新后获取div的高度,如果在更新值后马上获取,则高度还是之前的,需要在$nextTick中获取,但是呢这个高度需要返回给上层函数用做比较,所以就想$nextTick返回后在处理,搜索后发现$nextTick是处理异步的一个回调函数,它返回的是一个promise对象 ......
中间件:数字化时代系统集成商的得力助手
在未来,随着数字化的深入发展,中间件将会变得越来越重要。越来越多的企业和组织将会使用中间件来实现不同系统之间的集成和协作,从而提高业务效率和创新能力。因此,掌握中间件的相关知识和技能,对于从事系统集成工作的人员来说是非常重要的,可以帮助他们更好地应对未来的挑战和机遇。 ......
vue全家桶进阶之路20:ECMAScript脚本语言规范
ECMAScript(简称 ES)是一种由 Ecma 国际组织定义的脚本语言标准,它定义了 JavaScript 语言的基本规范和特性。JavaScript 是一种基于 ECMAScript 标准的编程语言,因此 ECMAScript 对于 JavaScript 开发来说非常重要。 ECMAScri ......
el-dialog在vue3中的应用
一般根据文档给到的demo,其中:visible.sync控制显示隐藏,我实测不行的呢?改用v-model=“dialogVisible”来实现 <template> <el-dialog title="提示" :visible.sync="dialogVisible"> <!-- 对话框内容 -- ......
Vue和JS前端网页下载保存图片到本地电脑中
//保存图片 clickSaveImage(url) { let image = new Image(); // 解决跨域 canvas污染问题 image.setAttribute('crossOrigin', 'anonymous') image.src = url + '?time=' + n ......
VUE SSR
1 简介 概念:ssr(server side render)服务端渲染 优点: 1.有利于搜索引擎的SEO操作,由于搜索引擎爬取的是完全渲染出来的页面。 2.对于网络慢或运行慢的设备,可提供良好的用户体验。 3.可以减少对服务器的请求。 缺点: 1.开发受限制,比如mounted生命周期钩子不能用 ......
解决vscode由于sys.path.insert(0, './utils/')导致无法转定义问题
由于代码用到了当前utils文件夹下的文件里面函数。 from xml_utils import load_xml_and_parse_new 这里xml_utils是utils文件夹下的xml_utils.py。 然后无法转定义很是麻烦,搞了半天没找到方法,然后当我把鼠标放在波浪号上面的时候会显示 ......
vue全家桶进阶之路19:webpack资源打包工具
Vue.js 是一个前端开发框架,它可以帮助我们快速构建单页应用和复杂的交互界面。而 Webpack 则是一个前端资源打包工具,它可以将多个 JavaScript、CSS、HTML、图片等资源打包成一个或多个文件,并提供模块化加载、压缩、混淆等功能,以便于前端开发和部署。 在使用 Vue.js 开发 ......
火山引擎 DataLeap 一招教你避坑“数据开发”中的资源隔离问题
更多技术交流、求职机会,欢迎关注字节跳动数据平台微信公众号,回复【1】进入官方交流群 在离线数仓开发过程中,研发人员需要根据业务变化,在开发/生产环境中不断切换、解析、调试。以往,企业一般通过人工方式核验,但由于数据量大且类型不同,导致研发人员资源、精力投入大。 如何使同构代码在不同环境正确运行,避 ......
Conda in Windows under MSYS2 and Zsh 的问题解决
Conda in Windows under MSYS2 and Zsh 的问题解决 在Window11上使用git bash 安装zsh,并配置p10k主题,主要问题就是prompt中无法显示conda env;conda activate/deactivate 命令不能正常使用; 总结其实就是一 ......
vue3 中 pinia 的 state 修改模版绑定的 state 数据没更新?
解决方案: 给 state 增加 computed import { useLayerStore } from "@/stores/"; const layer = useLayerStore(); const layerList = computed(() => layer.layerList); ......
webstorm运行Vue项目环境配置(如何从0配置运行一个写好的vue项目)
1.在Node官网上下载zip安装包。 网址:https://nodejs.org/dist/v16.14.0/ (需要哪个版本就把/v后的版本号改成哪个版本) 2.下载完成后解压至需要的文件夹下。 3.在此文件夹下新建两个文件夹: node_cache:npm缓存路径 node_global:np ......
超全、超简单Vue微信公众号授权登录指南
<template> <div id="app"> <h1>微信授权登陆</h1> <div> <div> <span>手机号</span> <input type="number" :value="account" placeholder="请输入手机号"> </div> ......
vue2实现路由懒加载
以下内容仅供学习使用 安装@babel/plugin-syntax-dynamic-import插件。 1.1 使用npm安装: npm install --save-dev @babel/plugin-syntax-dynamic-import 1.2 使用yarn安装: yarn add --d ......
VUE实现购物车界面
以下是一个用 Vue.js 实现购物车的简单示例: 在 Vue 组件中定义购物车数据: data() { return { cart: [], total: 0 } } 在商品列表或详情页中添加“加入购物车”按钮,并绑定添加购物车方法: <button @click="addToCart(produ ......
解决vite使用alias引入图片不显示的问题
参考: https://juejin.cn/post/7009441745301667853 方法一:配置alias //app.vue <img src="/images/logo.png" alt="" /> //vite.config.js import { defineConfig } fr ......
Vue中watch和computed的区别和应用场景
watch中的函数是不需要调用的,computed内部的函数调用的时候不需要加()。Watch是属性监听,监听属性的变化;computed是计算属性,通过属性计算而得来的属性。watch需要在数据变化时执行异步或开销较大的操作时使用。computed 属性的结果会被缓存,除非依赖的响应式属性变化才会 ......
2.ZABBIX警告常见问题集锦
一、磁盘 1、告警:Disk read/write request responses are too high表达式解释为:最近15分钟的对应磁盘的Disk read request avg waiting time (r_await)大于20ms或者 Disk write request avg ......
ACK Net Exporter 与 sysAK 出击:一次深水区的网络疑难问题排查经历
一个看似不经意问题的背后,其实大有玄机。在这个问题的排查中,涉及到的技术栈包括内核网络、内核内存管理、procfs虚拟文件系统等技术领域,当然更离不开阿里云内部多个技术团队的通力合作。 ......
性能问题
一、数据库占用过高导致 1.使用top命令,查看cpu占用 发现是mysql数据库cpu占用过高 2.使用show PROCESSLIST;命令,查看是哪个命令导致mysql占用cpu过多。 3.使用查询语句:show variables like 'slow_query%',查看Mysql是否开启 ......
因为直接引入.cpp导致的问题
#直接引入*.cpp会引起什么问题? 将.cpp源文件直接包含在另一个源文件中可能会导致一些问题,例如链接错误、重复定义和编译期问题。这是因为包含操作在预处理阶段发生,相当于将被包含文件的所有内容粘贴到包含点。 使用 #include "tst_test.cpp" 可能导致以下问题: 重复定义:如果 ......