vue过程uni-app问题

JavaScript 汉字字符串占一个长度问题解决

const str = '你好,世界!'; const length = Array.from(str).reduce((acc, cur) => acc + (cur.charCodeAt(0) > 255 ? 2 : 1), 0); console.log(length); // Output: ......
字符串 JavaScript 长度 字符 问题

vue3中如何通过遍历传入组件名称动态创建多个component 组件

背景 在 vue3 中,如果使用 component,可以动态加载一个组件,例如 <!-- 直接创建 --> <component :is="Image" /> 这样会将已经定义好并导入的比如 Image 组件加载出来,但是如果将需要展示的自定义组件放在一个数组中,遍历展示,则无法展示成功。 <!- ......
组件 component 多个 名称 动态

直播app开发搭建,Vue如何绑定一个每两秒生成的随机数

直播app开发搭建,Vue如何绑定一个每两秒生成的随机数 1、封装范围内随机整数 // 把随机数公式进行封装// 1. 准备一个函数, 接受几个参数// 两个参数, 分别是 a 和 bfunction randomNum(a, b) { // 2. 判断一下两个数字的大小关系 var max = M ......
随机数 app Vue

Vue之移动端viewport-vw适配

一、前置知识 vw:与视口的宽度有关,1vw 就是视口宽度的 1% vh:与视口的高度有关,1vh 就是视口高度的 1% vmin:与当下视口的宽度和高度的最小值有关,取值为 vw 和 vh 中较小的那个 vmax:与当下视口的宽度和高度的最大值有关,取值为 vw 和 vh 中较大的那个 vmin ......
viewport-vw viewport Vue vw

01背包问题(动态规划)

【说明】 有 n 个物品,第i个物品价值为v(i),重量为w(i),其中v(i)和w(i)均为非负数,背包的容量为W,W为非负数。现需要考虑如何选择装入背包的物品,使装入背包的物品总价值最大。 | 物品数量 = 4 | 背包容量 = 5 | | | | | 物品编号 | 物品价值 | 物品重量 | ......
背包 动态 问题

从0搭建Vue3组件库(七):使用 glup 打包组件库并实现按需加载

使用 glup 打包组件库并实现按需加载 当我们使用 Vite 库模式打包的时候,vite 会将样式文件全部打包到同一个文件中,这样的话我们每次都要全量引入所有样式文件做不到按需引入的效果。所以打包的时候我们可以不让 vite 打包样式文件,样式文件将使用 gulp 进行打包。那么本篇文章将介绍如何 ......
组件 Vue3 glup Vue

在Centos7 中PHP与SQL Server链接出现的编码问题

项目一直处于Windows平台,变更到linux上移植的时候发现了一个严重的字符编码问题。 服务器情况如下 数据服务器Windows 2016 + SQLServer 2008R2 原Web服务器Windows 2016 自带IIS10 + PHP5.4 新Web服务器Centos7 大家都知道SQ ......
编码 Centos7 链接 Centos Server

Vue-示例

计数器 <div id="counter"> <button @click="subOne">-</button> <span>{{num}}</span> <button @click="addOne">+</button> </div> <script src="https://cdn.jsde ......
示例 Vue

进程管理 三 同步与互斥问题

同步与互斥 多道程序环境下,进程并发执行,不同进程之间存在不同的相互制约关系。同步——直接制约关系互斥——间接制约关系 临界区互斥的实现方法 软件实现方法 单标志法 标志turn用于指示允许进入临界区的进程。 双标志先检查法 双标志后检查法 Peterson算法 硬件实现方法 通过硬件支持实现临界互 ......
进程 问题

进程管理 二 处理机调度问题

调度的三个层次 多道批处理系统中大多配有作业调度,而其他系统中通常不需要配置作业调度。 中级调度实际上就是存储器管理中的对换功能。 进程正在进行I/O操作时不能换出内存,否则其I/O数据区将被新换入的进程占用,导致错误。不过可以开辟I/O缓冲区,将数据从外设输入或将数据输出到外设的I/O活动在缓冲区 ......
处理机 进程 问题

Vulnhub之Panabee靶机详细测试过程

Panabee 识别目标主机IP地址 (kali㉿kali)-[~/Desktop/Vulnhub/Panabee] └─$ sudo netdiscover -i eth1 -r 192.168.56.0/24 Currently scanning: 192.168.56.0/24 | Scree ......
靶机 过程 Vulnhub Panabee

C#编译过程

1.c#将代码第一次编译成MSIL和元数据,这两个数据同事存在.exe或.dll文件中,这种伪代码是独立于任何CPU的,所以只要有.NetFrameWork的机器就可以运行,增强了c#的可移植性。 2.程序执行时,IL被CLR捕获,CLR激活内部的JIT编译器,将伪代码编译成针对特定CPU的机器语言 ......
过程

vue适配移动端

vue项目中 —— rem布局适配方案 Vant 中的样式默认使用 px 作为单位,如果需要使用 rem 单位,推荐使用以下两个工具: lib-flexible 用于设置 rem 基准值 postcss-pxtorem 是一款 postcss 插件,用于将单位转化为 rem 下面我们分别将这两个工具 ......
vue

uni-app中的input限制输入两位小数

<input v-model="inputAmount" type="digit" @input="replaceInput" /> replaceInput(event) { // 必须在nextTick中 this.$nextTick(() => { this.inputAmount = eve ......
小数 uni-app input uni app

Vue中使用 vue-i18n 进行国际化支持

前端国际化学习 前端国际化是很多地方都能用到的,今天学习一下用 vue3 + vite + ts + vue-i18n 插件来开发前端国际化项目 安装插件 vue-i18n npm install vue-i18n 创建翻译文件 -在 src 目录下新增 lang 目录,存放多语言文件 -这里简单创 ......
国际 vue-i Vue vue 18

HTTPS对性能的影响、HTTPS常见问题

HTTPS对性能的影响 协议交互所增加的网络RTT 加解密相关的计算耗时 网络耗时 HTTPS的访问过程 计算耗时 浏览器计算耗时 服务器端计算耗时 HTTPS常见问题 https加密是不是需要我在电脑上安装证书 / 保存密码? https不就是在http后面加了一个s,很难吗? https解决了所 ......
HTTPS 常见问题 性能 常见 问题

vue前端导出excel

<template> <el-button style="float: right; margin: 10px" type="primary" @click="export2">导出</el-button> <!-- 导出表格 start--> <el-table class="tableExpor ......
前端 excel vue

如何创建electron-vue项目?

简介 electron是一个开源的桌面端框架,上手快,界面美观,跨平台,但由于是封装的网页,性能一般,适用于一些追求外观,对性能要求不高的项目,此处记录基于electron-vue创建项目的全流程,前端使用vue,后端使用python,方便后续直接使用。 环境安装 当前系统 Windows 前端环境 ......
electron-vue electron 项目 vue

路由问题

**问题:**按照视频安装路由npm install vue-router --save,安装成最新版路由配置好之后运行报错 "export 'default' (imported as 'VueRouter') was not found in 'vue-router' 解决方案:版本不对应导致的 ......
路由 问题

核心网页指标 WebVitals 优化遇到的问题

1.FCP时间太久。首屏不应该包含动态内容,内容在动,可能会被认作没有完成FCP的渲染。 2.关于CLS。CSS不应该包含在页面中间,如果页面中间有CSS,建议移动到页面头部Head里面。 3.LCP。尽可能的缩减图片的大小,提高压缩比,降低图片质量,加载越快LCP分数越高。 ......
WebVitals 核心 指标 网页 问题

Calendar.HOUR设置小时出现时间问题

日志 本来想把date的时间设置为9:30,但最终显示的时间是21:30。 查看源码,发现Calendar.HOUR是12小时制,分为上午12小时和下午12小时,每12小时从0开始(0-11),因为我date是14:30是下午时间,所以设置的9点也是下午时间,最终就变成了21:30 我们可以看到Ca ......
Calendar 小时 时间 问题 HOUR

'vue-cli-service' 不是内部或外部命令,也不是可运行的程序

‘vue-cli-service’ 不是内部或外部命令,也不是可运行的程序 产生原因: 项目下的node_modules文件损坏。 解决方案: 第一步:删除图片中的文件 第二步:在Terminal中运行yarn install或者npm install; 可能会报缓存问题: 清缓存:yarn cac ......
vue-cli-service 命令 service 程序 39

vue设置input不可编辑切换

<a-input name="a" v-model="formValidate.coName" placeholder="请输入姓名" v-bind:disabled="diasabledInput"></a-input> export default { data () { return { di ......
input vue

使用uni-app写小程序,解析含有html标签的富文本

最近在改一个项目,将html+js+css的项目改成小程序,我说使用的uni来写的,其中遇到一个问题,就是需要解析富文本,在vue中可以直接使用v-html, 但是小程序中的标签都是view,text以及image等,该怎么办呢 于是在uni官网找到插件u-parse <u-parse :conte ......
文本 uni-app 标签 程序 html

Vue3中KeepAlive的使用

我们在开发一个功能是,经常会遇到从一个列表页面,点击列表项跳转到详情页面的需求,理想的情况下,从详情页面返回到列表页,应该回到跳转前的状态,可以继续浏览其他内容;但是在没做任何处理的情况下,返回列表页后,列表页会被刷新,回到初始的状态,这就与我们的预设不符;为了实现这样的需求,我们需要使用keep- ......
KeepAlive Vue3 Vue

vue2的全屏插件--"screenfull": "^4.2.0",

安装 cnpm install screenfull@4.2.0 --save 引入 import screenfull from 'screenfull' api request(element传参某个元素) 全屏 exit() 退出全屏 toggle() 切换全屏 on(event, funct ......
quot screenfull 插件 vue2 vue

node和node-sass sass-loader版本问题

node 16.17.1 node-sass 6.0.1 sass-loader 10.4.1 参考 https://blog.csdn.net/u014361280/article/details/121030362 ......
node sass sass-loader node-sass 版本

记录《学校服务器中招挖矿病毒》问题的解决

学校最近可能又被“谁”盯上了,大面积内出现服务器中挖矿病毒的现象,占用大量CPU资源,向境外发送数据占用大量学校带宽,第三次查杀解决后决定做一下记录 找到后先不要kill,不要kill,不要kill 查找下有无定时任务 sudo crontab -l ,有的话就去对应目录下找找文件,看是否存在指向其 ......
病毒 服务器 学校 问题

Vue.js 作用域插槽

视频 #components ##Categray.vue <template> <div class="category"> <h3>{{title}}分类</h3> <slot :games="games" msg="hello">我是默认的一些内容</slot> </div> </templa ......
作用 Vue js

Vue-002基础知识

Vue简介 Vue特点: 是JavaScript框架 可以简化Dom操作 响应式数据驱动 第一个Vue程序 官方文档: https://cn.vuejs.org/guide/introduction.html 步骤:1. PyCharm新建Vue项目 el:挂载点 data:数据对象 ......
基础知识 基础 知识 Vue 002