项目uniapp cli vue
去除：Vue项目打包后生成的.map文件&文件hash值命名
在vue.config.js文件中设置productionSourceMap和filenameHashing项为false即可。 // vue.config.js文件 module.exports = { outputDir: 'dist', assetsDir: 'assets', publicP ......
Vue3实战 - 第一章 node.js/npm安装、配置
一、node.js 安装（windows） 1、下载并安装node https://nodejs.org/en 安装到 D:\Java\nodes 路径 2、配置环境变量 检查是否安装成功 3、配置全局包存放目录和缓存目录 npm config set prefix "D:\nodejs\node_ ......
uniapp运行启动时候出现 The current application is running in a custom debugging base....
突然出现这个，原来是uniapp说的自定义基座，是在app/src/main/assets/data/dcloud_contro.xml中 需要修改hbuilder标签中的debug的值，如果为true则会出现标题的提示，如果改为false则不会出现标题提示的弹窗 <hbuilder debug=" ......
vue2组件二次封装
有时候公共UI组件满足不了一些特定的需求样式，并且有较多地方使用同一个UI组件，这时候就需要考虑二次封装现有UI组件 组件二次封装关键的几点： 使用 $attrs 接收 props 使用 $listeners 接收事件 使用 $slots 和 $scopedSlots 接收插槽 使用model定义p ......
uniapp打包Android，出现崩溃Didn't find class "io.dcloud.application.DCloudApplication"
自己创建的新的Android项目打包的时候一直崩溃，报错：Didn't find class "io.dcloud.application.DCloudApplication" 查找之后在app/build.gradle中发现添加 multiDexEnabled true compileOption ......
gin-vue-admin 接口错误Error: Request failed with status code 500
本地运行以后登录出现： 控制台检查发现是请求getMenu出现500错误，并且后端出现"Error 1071 (42000): Specified key was too long; max key length is 1000 bytes"错误，那就是数据库casbin_rule的表引擎不是Inn ......
直播平台搭建，vue中实现图片懒加载的几种方法
直播平台搭建，vue中实现图片懒加载的几种方法 一、使用Vue本身的指令 Vue本身提供了一个指令v-lazy，可以实现图片懒加载。使用方式如下： <img v-lazy="imageSrc" /> 其中，imageSrc是需要懒加载的图片路径。当图片进入可视区域时，Vue会自动加载图片。 二、 ......
直播系统源代码，Vue 禁止输入框输入空格
直播系统源代码，Vue 禁止输入框输入空格 <template> <div> <input type="text" v-model="text" @input="(e) => text = e.target.value.replace(/\s/g,'')" > </div></template><s ......
【vue2】swiper插件自动循环失效（loop失效）
可能是因为数据是动态渲染的，在请求到数据之前，就已经完成了swiper的初始化，因此解决方案有： 1.swiper组件添加v-if：（如以下代码中的v-if="banner.length"） <!-- 轮播图 --> <div :class="$style.newsBanner"> <div :cl ......
Tita 升级预告｜「项目管理」即将升级
升级概览 Tita - OKR和新绩效一体化管理平台 1. 全新的菜单入口，保持整站统一性 项目管理在保留自身功能的基础上，菜单调整为：我的项目、最近查看、下属项目、按标签查看、公开的项目、公司全部项目、项目管理规定，分类更加清晰，更快速找到想要的项目 2. 升级原有的界面展示，新增表格展示 原有的 ......
vue-cookie的原理与使用
cookie及session的原理： cookie工作原理： 由于HTTP是一种无状态的协议，服务器单从网络连接上无从知道客户身份。用户A购买了一件商品放入购物车内，当再次购买商品时服务器已经无法判断该购买行为是属于用户A的会话还是用户B的会话了。怎么办呢？就给客户端们颁发一个通行证吧，每人一个，无 ......
2023-11-16 Your project path contains non-ASCII characters. ==>在项目根目录下的gradle.properties添加代码android.overridePathCheck=true即可
在as工具运行android项目报错：Caused by: org.gradle.api.tasks.StopExecutionException: Your project path contains non-ASCII characters. This will most likely caus ......
git拉取项目失败怎么办? 前端vue2 都需要install 什么依赖
git config --list --show-origin 查看git文件下面所有对应文件目录 下面是设计配置文件 http的缓存大小 和 那个最低时间 和 速度 git config --global http.lowSpeedTime 999999 git config --global h ......
若依vue启动报Error: error:0308010C:digital envelope routines::unsupported
解决：若依vue启动报Error: error:0308010C:digital envelope routines::unsupported 1.描述： 问题产生原因是因为 node.js V17版本中最近发布的OpenSSL3.0, 而OpenSSL3.0对允许算法和密钥大小增加了严格的限制，可 ......
Vue中Pinia简介
Pinia是一个进行vue状态管理的组件，他会创建一个带有state、actions、getters的option对象 const useCounterStore = defineStore('counter', { state: () => ({ count: 0 }), getters: { d ......
uniapp 小程序获取当前经纬度，传递给后端
// #ifdef MP-WEIXIN //定位方法 getUserLocation: function() { var _this = this; wx.getSetting({ success: (res) => { // res.authSetting['scope.userLocation' ......
vue项目中读取外部静态文件改变标题以及图标
默认情况下，由vuecli创建的项目，其/public下会存在index.html这一入口文件（若是vite的话会存在根目录和src同级），public下的文件不参与打包过程，因此我们就在这里创建静态配置文件即可。 这个则是config内的配置。配置好后，可以在剩下vue组件中通过window.gl ......
最新版本的AndroidStudio新建Android项目时设置语言为java
我们之前用AndroidStudio新建项目时是这样的 选择EmptyActivity，下一步 怎么没了语言选项了，java呢？ 改为EmptyViewsActivity这个就好了 ......
使用 docker 部署项目，利用 nginx 转发请求，客户端 ip 变成 docker 默认网桥：172.24.0.1 的问题。
如果项目是使用 docker 部署的，并且利用了 nginx 转发请求，这个时候，对于 nginx 的 conf 文件，需要在每个 location 里面配置上以下3个配置，才能正确获取到客户端 ip： 翻译 搜索 复制 ......
vue中el-upload结合vuedraggable实现图片的上传、排序、删除以及预览等功能_element upload
<template> <div> <ul class="el-upload-list el-upload-list--picture-card" style="display:flex;"> <div> <!-- start：拖拽开始 end：拖拽结束 imageLists：需要展示图片的数组--> ......
【Vue】组件传值的六种方法
Vue 组件之间的通信大概归类为： 父子组件通信: props；ref；$attrs / $listeners；$parent / $children 兄弟组件通信: eventBus；vuex 跨级通信: eventBus；Vuex；$attrs / $listeners 一、props/$emi ......
vue 实现文件切片上传
在实际开发项目过程中有时候需要上传比较大的文件，然后呢，上传的时候相对来说就会慢一些，so，后台可能会要求前端进行文件切片上传，很简单哈，就是把比如说1个G的文件流切割成若干个小的文件流，然后分别请求接口传递这个小的文件流。 流程简说实现文件切片导入，首先我们使用 elementUI 也好，原生的 ......
VS2022 升级到17.8.0版本后，项目属性打不开，无法设置编译为.NET 8.0怎么办？
VS 2022 升级到17.8.0后，已经集成安装了.NET SDK 8.0.0，打开现有.NET 7.0的项目，发现在在右上角解决方案管理器中的项目名字上点右键，出现的快捷菜单中选择属性，竟然毫无反应，无法打开属性页，无法设置编译目标，网上搜索无果。 .NET SDK 8.0.0 Visual S ......
vue2项目打包后index空白路径报错
我目前是vue2版本5.0.8，记录自己遇到打包后的路径问题 使用的环境是nodejs，vue2@cli脚手架 因为打包默认配置是/绝对路径，这时候需要修改配置为./相对路径 在项目根路径打开vue.config.js 原先可能内容是 const { defineConfig } = require ......
vue3 父组件传值给子组件 子组件修改后回传给父组件
父组件 <jdy-goods-attr v-model:goods_sn="goods.goods_sn"></jdy-goods-attr> //尤总 在vue3的时候给我们提供了一个新的思路:v-model来实现父传子，并且子也可以修改父组件传递过来的数据。 子组件 const props = ......
第二十二篇 - Vue3中el-table篇
今天主要是来介绍vue3中的el-table控件使用。 一、检测开发环境是否OK 1. 在cmd窗口创建一个vue3项目【vue create demo1】 2. cmd窗口运行项目【npm run serve】 3. 浏览器访问项目【http://localhost:8080/】 4. 访问成功界 ......
第十七天PHP 开发-个人博客项目&TP 框架&路由访问&安全写法&历史漏洞
PHP框架真正的发展是从php5开始的，在php5中对对象模型的修改对框架的发展起了很大的作用。PHP框架就是通过提供一个开发web程序的基本架构，把基于web开发的PHP程序摆到流水线上。换句话说，php开发框架有助于促进快速软件开发，节约了开发时间，减少了代码的重复编写。 URL访问 · Thi ......
vue3 子组件修改父组件的两种方法
<jdy-goods-attr :goods_sn="goods.goods_sn" @goods_sn="(msg) => goods.goods_sn = msg" v-model:goods_num="goods.goods_num" ></jdy-goods-attr> const emit ......
vue+element项目部署到线上，所有icon图标不显示，解决方案
build里边utils.js加publicPath if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: 'vue-style-loader', publicPath:'../../' } ......
vue-大文件分片及断点上传
最近开发过程中，有一个大文件分片上传的功能，借鉴于网上的思路，结合自己后端的逻辑，完成了这个功能，在此记录如下： 界面展示： 一、将大文件分片上传写为一个组件，可以全局注册该组件，也可以在使用的页面注册该组件，使用vuex通讯进行组件间传值 由于我有好几个页面需要使用大文件上传，所以我是在App.v ......