空格 源码app vue
vue中新的状态管理器-pinia
背景 对于pinia的使用,可参考官方文档在这不做过多赘述。这边主要来讲讲pinia中 少用且好用的方法,为什么我们选择pinia而不用vuex ps: 以下写法全部基于组合式API 使用方式: 先下载依赖 npm i pinia -s 在vue3中,main.js这么写 import { crea ......
Gitlab CI/CD of react app in docker container 用gitlab CI/CD部署docker container react app
1.0 Download project git clone http://oauth2:{token}@{host}/{user}/{project} {dir_folder} download project to target server 2.0 Install gitlab runner ......
vue国际化在js中$t()报错
最近在做国际化的时候,发现在.vue里面写国际化语言没有报错,而且也可实现国际化,可是在js中引入$t()写法的时候,报错。 最后花了一个小时解决了,做一个笔记,以供后来学者遇到此类问题,仅供参考。 1,首先,我引入的国际化写法是在main.js中引入了,所以在.vue文件中引入国际化语言的写法,自 ......
ant design vue中form-model嵌入级联a-cascader中回显
前言 在form-model表单中写入a-cascader,现在开发编辑功能,需要a-cascader根据后端返回的值回显出来内容 关键点就是设置value,从级联中拿取值用:model,把值设置到级联中用value <a-form-model-item label="所属行业" prop="bel ......
vue中el-select,el-radio-group设置默认值
首先来说设置默认值是用v-model去绑定一个值, 如下,一般大家用label是来展示具体展示在前端的文字,value是这组对象里每个对象的标识。 打个比方item.label是姓名,item.value是学号,学号不在前端展示。这样的话,v-model绑定的字符串对象写item.label的值。 ......
ubuntu 18 源码安装nginx
linux 搭建 nginx正向代理 , 添加 第三方模块ngx_http_proxy_connect_module apt-get install build-essential apt-get install libtool sudo apt-get update sudo apt-get in ......
element+vue2下的input的样式修改
/* 禁用下的input的字体颜色 */ /* .el-input.is-disabled /deep/ .el-input__inner { color: red; } */ /* 禁用下的input的样式修改 */ /* .el-input.is-disabled { border: 1px s ......
Python制作经典游戏案例-水果忍者(附源码等文件)
前言 大家好,我是小明呀,今天给大家分享一款我以前特爱玩的游戏,水果大战,今天我就教大家使用python把这款游戏制作出来。我们先来看效果 当我运行代码这个就是第一效果图,还会有熟悉的音乐的声音。然后拖动鼠标就会有水果跳上来。 接下来我们就可以通过鼠标随便切,可以横着切,也可以竖着切,是不是很解压呢 ......
nameServer启动过程源码分析
1.1 nameServer源码入口 1.2 先生成nameServer的核心控制器 1.2.1 加载命令行参数 1.2.2 生成nameServer配置对象 1.2.3 生成nettyServer配置对象,设置监听端口9876 1.2.4 加载启动命令中 “-c” 指定的配置文件,把配置加载到配置 ......
Vue2组件插槽的使用笔记
Vue2插槽使用组件MyComponent.vue: <template> <div> <slot name="name1" :userName="'zhagnsan'"></slot> </div> </template> 复制 使用组件: <my-component> <template slo ......
vue3 报错 Uncaught TypeError: Cannot read properties of undefined (reading ‘deep‘)
报错信息 Uncaught TypeError: Cannot read properties of undefined (reading 'deep') at withDirectives (runtime-core.esm-bundler.js:2774:17) at Proxy._sfc_re ......
vue3 中使用 transition的问题
问题:在路由中添加动画效果但是,当切换路由时,页面一片空白,这个问题困扰了我几天了,今天终于发现了它的问题,特来记录一下,以便参考 首先有这么一段代码 想在vue的路由跳转里面加入动画效果,于是便这样写 // 提示: name="fade-transform" fade-transform是css类 ......
Vue 中给图片添加时间水印
Vue 中给图片添加时间水印,可以通过在图片上叠加一层带有日期时间的透明图层来实现。具体的实现方式及步骤如下: 在 Vue 的 template 中加载原始图片和水印图片。 在 Vue 的 script 中计算日期时间字符串,并根据需要生成对应的日期时间图片(可以借助 Canvas API 来绘制) ......
源码分析CHANGE REPLICATION SOURCE TO
从MySQL 8.0.23版本开始,CHANGE MASTER TO开始被替换为CHANGE REPLICATION SOURCE TO,下面使用MySQL 8.0.32的代码分析语句的具体执行流程。 从语句的入口函数mysql_execute_command开始,在命令执行之前首先会检查语句执行用 ......
uni-app:button中添加图片/图标时与文字对齐(hbuilderx 3.7.3)
一,js代码: 1,html: <!-- 语音音阶动画 end--> <button class="btn" @click="goRecord"> <uni-icons :type="micType" size="30"></uni-icons> {{title}} </button> <view ......
生活服务类APP开发
生活服务类APP开发让生活更方便,生活服务类APP开发都有什么功能? 1.服务项目呈现:各种各样的商品呈现,如家政保洁,特色美食,大集,交通服务等不同种类呈现。 2.线上投入功能:只要是现今线上网上商城系统都是有着线上投入功能,便捷挪动投入应用。 3.日子新闻资讯功能:城市里一个新的优惠打折,新的店 ......
微信小程序uni-app开发中遇到的踩坑一二三事
兼容问题 开发者工具中正常显示,在手机上运行时却出现问题 举例: tab切换效果,默认第一个tab是激活状态,后面的是未激活状态,初始化是正常的(这里的激活状态与其他初始状态的区别在于字体颜色不一样,添加一个class控制样式) 问题:切换,当前点击激活的是正常的,其他的都无法显示,开发者工具上可正 ......
vue3定义变量ref、reactive、toRefs的特征和应用
1.ref() 函数 ref() 函数用来根据给定的值创建一个响应式的数据对象,传入的为基本数据类型,例如字符串、数字、boolean 等,返回值是一个对象,这个对象上只包含一个 value 属性 ref定义的变量,改变值要.value,而且在template中不用写.value <div>{{ms ......
vue-qr引入时报错You may need an appropriate loader to handle this file type. 问题
今天研究了一下vue生成二维码的功能,在使用vue-qr插件的时候,在所需页面引入,报错,于是就研究了一番。 解决方法 找到node_modules/vue-qr/dist/vue-qr.js文件,搜...e,将...去掉,然后重新运行就好。 ......
6002CEM APP开发
Faculty of Engineering, Environment and Computing 6002CEM Mobile App Development Assignment Brief and Grading Rubric 2023 Module Title Mobile App Deve ......
直播平台源码,将全局的ArrayList 生成局部的ArrayList
直播平台源码,将全局的ArrayList 生成局部的ArrayList private List<String> list = new ArrayList<>();@Overrideprotected void onCreate(Bundle savedInstanceState) { super. ......
直播app系统源码,Fragment 显示 隐藏 监听
直播app系统源码,Fragment 显示 隐藏 监听 显示 @Overridepublic void onHiddenChanged(boolean hidden) {super.onHiddenChanged(hidden);if (!hidden) {updateUserinfo();}} ......
vue 实现下拉滑动触底加载
实现下拉滑动触底加载可以分为以下几个步骤: 监听滚动事件,判断是否到达底部。 到达底部后,发起数据请求,获取数据。 将获取到的数据添加到页面上。 下面是一个基于Vue.js的示例代码: <template> <div class="container" ref="container" @scroll ......
vue-router学习笔记
入门 router-link // Go to Home router-view //router-view 将显示与 url 对应的组件。 ##动态路由匹配 带参数的动态路由匹配($route.params) const User = { template: '<div>User</div>', ......
vue项目手动上传文件并展示进度条
问题: 1.上传文件可能会跨域,查找跨域解决办法。(查找资料表明用手动上传,new FormData()方式可以解决,先用这个试一试) 2.手动上传没有进度条,查找进度条实现方式。(自定义axios,添加请求参数onUploadProgress) 3.进度条的进度和上传的对勾显示时机不一致。(解决办 ......
vue全家桶进阶之路24:Mock
Mock 是一个 JavaScript 库,用于生成随机数据或模拟 HTTP 请求响应,用于前端开发中的单元测试、功能测试、集成测试等场景。 Mock 可以生成各种类型的数据,包括字符串、数字、布尔值、对象、数组等等,并支持多种数据格式,例如 JSON、XML、YAML 等。Mock 还支持自定义数 ......
Vue.js 路由的params参数
视频 6.路由的params参数 配置路由,声明接收params参数 { path:'/home', component:Home, children:[ { path:'news', component:News }, { component:Message, children:[ { name: ......
Vue.js 命名路由
视频 5.命名路由 作用:可以简化路由的跳转。 如何使用 给路由命名: { path:'/demo', component:Demo, children:[ { path:'test', component:Test, children:[ { name:'hello' //给路由命名 path:' ......
Vue.js 路由的query参数
视频 4.路由的query参数 传递参数 <!-- 跳转并携带query参数,to的字符串写法 --> <router-link :to="/home/message/detail?id=666&title=你好">跳转</router-link> <!-- 跳转并携带query参数,to的对象写法 ......