组件 常用confirm vue
iOS:常用的谓词
func compare(_ predicateString: String, num: Any) -> Bool { let predicate = NSPredicate(format: predicateString) return predicate.evaluate(with: num) ......
vue兼容IE的方法规范
第三方插件的兼容性需经过ie和国产电脑浏览器测试后,才可以使用。 1、main.js 顶部添加 babel-polyfill import 'babel-polyfill' import Vue from 'vue' import App from './App.vue' import router ......
Vue3 代码块高亮显示并可使用富文本编辑器编辑(highlight.js + wangEditor)
在Vue项目中实现以下功能: 功能1. 在页面中显示代码,并将其中的关键字高亮显示。 功能2. 允许对代码块进行编辑,编辑时代码关键字也高亮显示。 功能3. 可在编辑器中添加多个代码块,动态渲染代码关键字高亮。 Step1: 安装所需插件(本文使用npm安装,若需使用其他方式请查阅官方文档) 安装代 ......
actually 中国人经常用错的英语单词
词根act- = to do, to drive, 表示“行动,做”,来源于拉丁语 agere "actor (按照预先决定的角色) 行动" 的过去分词 actum 。 后缀-al,-ial 表形容词,“…的”,一般缀于名词后。 后缀-ly 表副词,通常缀于形容词后。 很多人误以为 "actuall ......
iOS:常用的正则表达式
转载自Swift 正则表达式 - 简书 (jianshu.com) 数字:^[0-9]*$ n 位的数字:^\d{n}$ 至少n位的数字:^\d{n,}$ m-n位的数字:^\d{m,n}$ 零和非零开头的数字:^(0|[1-9][0-9]*)$ 非零开头的最多带两位小数的数字:^([1-9][0- ......
iOS:Cocoapods 常用命令
命令 | 描述 | 安装与卸载 | sudo gem install cocoapods | 安装 cocoapods sudo gem install cocoapods -v 1.10.0 | 安装 cocoapods 1.10.0 版本 sudo gem uninstall cocoapods ......
element-ui 的 table 组件 无法设置行高的问题?
element-ui 的 table 组件 无法设置行高的问题因为需要改变table组件的 行高;试了好多方法;包括官方文档提供的方法cell-style,cell-class-name,虽然能加上样式但是没有效果,不知道啥原因,最后 发现 td 下面有个 class 为 cell 的div,于是修 ......
VUE学习笔记
VUE学习笔记 1.函数体格式 简写格式:“ 方法名(){ } ” >全写格式:“ 方法名:function(){ } ” 2.定义对象格式 对象名:{ } 3.全局事件总线相关的函数 注册全局事件总线:在main.js的VUE实例中创建事件总线 beforeCreate() { Vue.proto ......
VUE - 遍历并生成ArrayList
var arr = []; this.rows.forEach(item => { arr.push({ MaterialNumber: item.MaterialNumber, Message:item.TONumber }); }); this.mWHInterfaceResults = arr ......
vue3 文件上传,fileChange中的一个问题,第二个参数问题
这里fileChange第二个参数,不可也用fileList会污染已经定义的响应式变量fileList <script setup> const fileList = ref([]) const fileChange = (file,fileList) => { fileList.value = f ......
vue2源码-十一、Vue的生命周期
Vue的生命周期 钩子函数是如何实现? 内部利用一个发布订阅模式,将用户写的钩子维护成一个数组,后续依次调用hooks。主要靠的是mergerOptions 方法有哪些? 引用自https://vue3js.cn/interview/vue/lifecycle.html#%E4%BA%8C%E3%8 ......
DRF的认证组件(源码分析)
DRF认证组件(源码分析) 1. 数据库建立用户表 在drf中也给我们提供了 认证组件 ,帮助我们快速实现认证相关的功能,例如: # models.py from django.db import models class UserInfo(models.Model): username = mod ......
vue3打包后一片空白控制台报错
问题原因是路径不对,加上一行代码就可完美解决问题。 在vue.config文件中加上 publicPath:'./' 即可解决问题。 问题如图所示: 如何解决问题呢? ......
vue实现的常见的动画效果
本文包括的动画: zoom-in zoom-in-left zoom-in-right zoom-in-top zoom-in-bottom zoom-in-center-x zoom-in-center-y slide slide-left slide-right slide-top slide- ......
Flutter组件化开发方案
原文地址 zhuanlan.zhihu.com Flutter组件化开发方案 残枫cps 目录收起前言1.存在的问题2.改进点3.从Platform Channel说起4.Flutter Plugin5.Pub6.Private Pub7.Flutter 工程结构8.开发流程总结 原文地址 jue ......
vue全家桶进阶之路48:Vue3 跨域配置devServer的参数和设置
devServer 是一个用于配置开发服务器的选项对象。它可以用来配置服务器的各种选项,例如代理,端口号,HTTPS 等。 以下是一些常用的 devServer 参数和设置: port:指定开发服务器的端口号,默认为 8080。 host:指定开发服务器的主机名,默认为 localhost。 htt ......
子组件prop自定义类型
子组件prop自定义类型 export default defineComponent({ name: "message-out", props: { name: String, image: String, time: Number, text: String, type: String, fil ......
vue3 路由跳转:Cannot read properties of undefined (reading 'push')
在vue2中我们通常会在全局的接口请求里面设置拦截器,如果登录失效或者说其他情况需要跳转到登录页面或者说其他页面的,我们就使用this.$router.push实现vue3中同样使用改方式: import { useRouter } from 'vue-router'; const router = ......
Vue&Element-Ui(支技VUE2)&解决ttf, woff 文件报错的问题
一、Vue&Element-Ui(支技VUE2) Vue 是一套用于构建用户界面的渐进式 JavaScript (主张最少)框架 ,开发者只需要关注视图层, 它不仅易于上手,还便于与第三方库或既有项目的整合。是基于MVVM(Model-View-ViewModel 即:视图层-视图模型层-模型层)设 ......
【快应用】list-item组件的正确隐藏
【关键词】 list组件 if/show 【问题背景】 list组件中给list-item使用show属性后,再设置为false后,会有一个空白位置留出,感觉位置好像还是被占据着,这种情形我们该如何处理? 如下图所示: 【问题原因】 引擎list组件的实现就是这样的,show为false时只 ......
vue3 源码
这文章写的很好 Compiler模块:编译模板系统。主要职责是将template编译成虚拟节点。 Runtime模块:也可以称之为Renderer模块,真正负责渲染的模块。主要职责是将虚拟节点渲染成真实元素,然后显示到浏览器上。 Reactivity模块:响应式系统。主要职责是监听响应式的数据,然后 ......
下载Apache软件基金的软件和项目(Hadoop相关组件)
一、下载Hadoop相关组件,可以到Apache软件基金的资源目录: Apache 分发目录地址:https://dlcdn.apache.org/ 二、下载软件 方法一:在页面中找到需要下载的软件目录,点击进去,选择对应的版本就可以直接下载。 方法二:在上面的地址栏中直接加上对应的组件名称,进入后 ......
vue全家桶进阶之路47:Vue3 Axios拦截器封装成request文件
可以将Axios拦截器封装成一个单独的request文件,以便在整个应用程序中重复使用。 以下是一个示例,展示如何将Axios拦截器封装成一个request文件: 1、创建一个名为request.js的新文件,并导入Axios: import axios from 'axios'; 2、创建一个名为 ......
Vue3 入门(ref)
Vue3 入门(ref) let name = ref('jack') 首先我们得明白,ref函数返回的是一个RefImpl对象的实例,所以此时name的值是一个复杂数据类型Object,它里面有个value属性,就是它的值,而其它的属性皆是下划线开头的,我们不关注,因为这类属性一般不是给我们开发用 ......
【vue3-element-admin 】基于 Vue3 + Vite4 + TypeScript + Element-Plus 从0到1搭建后台管理系统(前后端开源@有来开源组织)
本篇通过万字长文详细介绍 vue3-element-admin v2 版本从 0 到 1,相较于v1版本增加了对原子CSS(UnoCSS)、按需自动导入、暗黑模式等功能的支持以及重构优化。v2 版本发布也标志着有来开源组织的 SpringBoot3 + Vue3 前后端分离开源项目到达新的里程碑,希... ......
Vue插槽
插槽 作用 让父组件可以向子组件指定位置插入html结构,也是一种组件间通信的方式,适用于父组件 => 子组件。 分类 默认插槽 具名插槽 作用域插槽 使用方法 默认插槽 //父组件中 <Category> <div>html结构</div> </Category> //子组件中 <template ......
11-Vue组件的定义和注册
title: 11-Vue组件的定义和注册 publish: true 前言 什么是组件 组件: 组件的出现,就是为了拆分Vue实例的代码量的,能够让我们以不同的组件,来划分不同的功能模块,将来我们需要什么样的功能,就可以去调用对应的组件即可。 模块化和组件化的区别 模块化:是从代码逻辑的角度进行划 ......
12-Vue组件之间的传值
title: 12-Vue组件之间的传值 publish: true 父组件向子组件传值 我们可以这样理解:Vue实例就是一个父组件,而我们自定义的组件(包括全局组件、私有组件)就是子组件。 【重点】需要注意的是,子组件不能直接使用父组件中的数据。父组件可以通过props属性向子组件传值。 父组件向 ......