浏览器 项目vite vue
Vue2可以检测 引用数据类型 数组的响应式变化
在Vue2中，响应式基于Object.defineProperty实现的响应式，官方文档中明确说明 Vue 不能检测以下数组的变动： 当你利用索引直接设置一个数组项时，例如：vm.items[indexOfItem] = newValue 当你修改数组的长度时，例如：vm.items.length ......
操作系统"UNIX外壳项目"：简易命令行实现（执行命令+历史功能）
运行环境Ubuntu-Linux 代码如下： 1 #include <unistd.h> 2 #include <string.h> 3 #include <stdio.h> 4 #include <wait.h> 5 #include <stdlib.h> 6 #define MAX_LINE 8 ......
Qt 优秀开源项目 Qt-Advanced-Docking-System
这个项目的原作者是mfreiholz，但是已经6年没更新，githubuser0xFFFF将该项目fork之后，一直维护到现在，这应该算是开源界的接力了。如果你还在项目Visual studio的酷炫docking效果，那么不妨试试这款加强版的QDockWidget。 目前支持Qt5和Qt6，我在最 ......
Vue Hls m3u8 视频/直播
Hls m3u8 视频/直播 涉及知识：Vue hls m3u8 乐橙云 大华摄像头 Vue2 实时显示大华摄像头画面 安装依赖 "vue": "^2.6.11", "video.js": "^5.19.1 || ^6.2.0", "videojs-contrib-media-sources": " ......
Tomcat启动JSP项目，搞起来了
虽然有点复古，但是还是有很多小伙伴在使用的，小编来一篇保姆级教程 1、用idea打开jsp项目 2、添加tomcat配置 3、点击后会出现配置框,这里画框的地方都选上，版本选择1.8，其他的信息内容默认后，点击确认 4、点击 File->Project Structure,弹出界面选择Project ......
软著帮手-遍历项目中所有的文件输出项目所有的代码以及代码行数
package com.example.demo; import java.io.BufferedReader; import java.io.File; import java.io.FileReader; public class Test { static int count =0; publ ......
实战项目-美多商城(四)商品
电商概念: SPU 和 SKU - SPU(Standard Product Unit): 标准产品单位 - 可以理解为: 就是'类对象' - 比如'iPhone X' - SKU(Standard Keeping Unit): 库存量单位 - 可以理解为: 就是'类实例对象' - 比如'iPhon ......
centos7 中使用 express 并启动项目
因为之前window安装了 express，所以采用，直接将express项目传到 linux中 步骤如下： Express工程环境准备 npm install express -g npm install express-generator -g 生成项目 express projectName ......
vue3中如何通过遍历传入组件名称动态创建多个component 组件
背景 在 vue3 中，如果使用 component，可以动态加载一个组件，例如 <!-- 直接创建 --> <component :is="Image" /> 这样会将已经定义好并导入的比如 Image 组件加载出来，但是如果将需要展示的自定义组件放在一个数组中，遍历展示，则无法展示成功。 <!- ......
直播app开发搭建，Vue如何绑定一个每两秒生成的随机数
直播app开发搭建，Vue如何绑定一个每两秒生成的随机数 1、封装范围内随机整数 // 把随机数公式进行封装// 1. 准备一个函数, 接受几个参数// 两个参数, 分别是 a 和 bfunction randomNum(a, b) { // 2. 判断一下两个数字的大小关系 var max = M ......
Vue之移动端viewport-vw适配
一、前置知识 vw：与视口的宽度有关，1vw 就是视口宽度的 1% vh：与视口的高度有关，1vh 就是视口高度的 1% vmin：与当下视口的宽度和高度的最小值有关，取值为 vw 和 vh 中较小的那个 vmax：与当下视口的宽度和高度的最大值有关，取值为 vw 和 vh 中较大的那个 vmin ......
从0搭建Vue3组件库(七):使用 glup 打包组件库并实现按需加载
使用 glup 打包组件库并实现按需加载 当我们使用 Vite 库模式打包的时候,vite 会将样式文件全部打包到同一个文件中,这样的话我们每次都要全量引入所有样式文件做不到按需引入的效果。所以打包的时候我们可以不让 vite 打包样式文件,样式文件将使用 gulp 进行打包。那么本篇文章将介绍如何 ......
flask项目部署后，网站访问速度很慢
在使用阿里云服务器部署完flask项目后，实际访问网站发现网站加载速度慢 问题分析： 打开开发者工具-网络，发现echarts文件及其3D库加载时间过长，页面空白时间长，用户等待时间长，如下图 解决办法： 1、利用CDN内容分发网络使用户根据自己网络的特点更快、更稳定地访问到节点服务器中的资源，从而 ......
pycharm如何刷新项目文件
pycharm如何刷新项目文件 比如项目在运行后会生成测试报告html文件，但是在代码运行完后没有立即出现，此时就需要刷新项目文件。下面是没有出现文件时的项目截图 可以在pycharm的View中点击Appearance勾选Toolbar，下图是勾选后的状态 勾选后会出现工具栏，工具栏中会有一个刷新 ......
Vue-示例
计数器 <div id="counter"> <button @click="subOne">-</button> <span>{{num}}</span> <button @click="addOne">+</button> </div> <script src="https://cdn.jsde ......
vue适配移动端
vue项目中 —— rem布局适配方案 Vant 中的样式默认使用 px 作为单位，如果需要使用 rem 单位，推荐使用以下两个工具： lib-flexible 用于设置 rem 基准值 postcss-pxtorem 是一款 postcss 插件，用于将单位转化为 rem 下面我们分别将这两个工具 ......
IHome主页 - 让你的浏览器主页与众不同
随着互联网的发展，人们越来越离不开浏览器了。每天上班、学习、娱乐，浏览器成为人们的“第二个家”。 在这个过程中，浏览器的主页也变得越来越重要了。有些人喜欢简洁明了的主页，有些人则希望有丰富的内容。 今天，我要向大家介绍一个让你的浏览器主页与众不同的工具 - IHome主页。 IHome主页是一个可以 ......
Vue中使用 vue-i18n 进行国际化支持
前端国际化学习 前端国际化是很多地方都能用到的,今天学习一下用 vue3 + vite + ts + vue-i18n 插件来开发前端国际化项目 安装插件 vue-i18n npm install vue-i18n 创建翻译文件 -在 src 目录下新增 lang 目录,存放多语言文件 -这里简单创 ......
vue前端导出excel
<template> <el-button style="float: right; margin: 10px" type="primary" @click="export2">导出</el-button> <!-- 导出表格 start--> <el-table class="tableExpor ......
C# 打开edge浏览器并访问指定的url
using System.Diagnostics; // ... Process.Start("msedge", "https://www.luocore.com"); ......
如何创建electron-vue项目？
简介 electron是一个开源的桌面端框架，上手快，界面美观，跨平台，但由于是封装的网页，性能一般，适用于一些追求外观，对性能要求不高的项目，此处记录基于electron-vue创建项目的全流程，前端使用vue，后端使用python，方便后续直接使用。 环境安装 当前系统 Windows 前端环境 ......
'vue-cli-service' 不是内部或外部命令，也不是可运行的程序
‘vue-cli-service’ 不是内部或外部命令，也不是可运行的程序 产生原因： 项目下的node_modules文件损坏。 解决方案： 第一步：删除图片中的文件 第二步：在Terminal中运行yarn install或者npm install； 可能会报缓存问题： 清缓存：yarn cac ......
vue设置input不可编辑切换
<a-input name="a" v-model="formValidate.coName" placeholder="请输入姓名" v-bind:disabled="diasabledInput"></a-input> export default { data () { return { di ......
Vue3中KeepAlive的使用
我们在开发一个功能是，经常会遇到从一个列表页面，点击列表项跳转到详情页面的需求，理想的情况下，从详情页面返回到列表页，应该回到跳转前的状态，可以继续浏览其他内容；但是在没做任何处理的情况下，返回列表页后，列表页会被刷新，回到初始的状态，这就与我们的预设不符；为了实现这样的需求，我们需要使用keep- ......
vue2的全屏插件--"screenfull": "^4.2.0",
安装 cnpm install screenfull@4.2.0 --save 引入 import screenfull from 'screenfull' api request(element传参某个元素) 全屏 exit() 退出全屏 toggle() 切换全屏 on(event, funct ......
云原生计算基金会（CNCF）毕业的10大开源项目，都是什么来头？
云原生计算基金会（CNCF）毕业的10大开源项目，都是什么来头？ 零声Github整理库 后台服务器架构技术分享资源Q群：202432010 关注他 14 人赞同了该文章 云原生计算基金会（CNCF）是Linux基金会旗下的非盈利组织，来推动云原生计算的发展，帮助云原生技术开发人员来构建出色的产品 ......
Vue.js 作用域插槽
视频 #components ##Categray.vue <template> <div class="category"> <h3>{{title}}分类</h3> <slot :games="games" msg="hello">我是默认的一些内容</slot> </div> </templa ......