写法vue2 vue js
(三) vue组件化-组件通信
父子组件之间的通信 父组件传递给子组件:通过props属性; 子组件传递给父组件:通过$emit触发事件 父组件传递给子组件 在开发中很常见的就是父子组件之间的通信,比如父组件有一些数据,需要子组件来进行展示: 这个时候可以通过props来完成组件之间的通信; 什么是props props是可以在注 ......
js颜色的单词名称字符串转为rgb颜色值
将js单词名称如red,green,blue转为rgb颜色值, 暂时没找到什么特别的方法。网上找到了颜色名称与rgb值的对应表,然后构造成map获取rgb值。 代码放在: https://github.com/lxmghct/my-vue-components src/utils/color_con ......
wangeditor5 vue2 安装后运行报错 Error in ./node_modules/@wangeditor/editor/dist/index.esm.js
问题 解决方法: 原因就是引入的链接不对, 使用cnpm 、 npm、pnpm、yarn安装插件的时候,路径都是不一样的,所以要对应着改路径就可以了 链接:https://github.com/wangeditor-team/wangEditor/issues/4041 ......
开发在线客服系统聊天界面,JS实现相邻两条消息之间间隔小于3分钟,就不展示消息时间
我在开发一个客服聊天界面,每条消息都有发送时间,我想要实现相邻两条消息之间间隔小于3分钟的就不展示发送时间. 下面就是消息的JSON结构,里面的time就是发送时间 message = { "msg_id": 629255, "time": "2023-02-11 00:41:04", "conte ......
vue中的插槽
插槽用大白话讲就是:在子组件中用slot标签占个位置,然后在父组件中,子组件标签里嵌套一个标签,然后执行的时候用嵌套的标签替代slot 子组件:组件MySon定义了一个默认插槽,用slot标签表示。当父组件使用MySon时,可以在其标签内放置任意内容,该内容将会替换掉slot标签。 1 <templ ......
【uniapp】【外包杯】学习笔记day04 | 学习模板+vue相关知识+环境搭建
没啥好说的,人与人的悲欢并不相同,我只觉得吵闹。 好烦啊,虽然不应该总说一些低气压的话,不过目前预见的就是有很多工作要做,并且对于完成的希望也有点没有,就这样吧,没啥好说的。 昨天做了python的作业 今天晚上把小程序做出来。 明天搭建数据库。 ......
Vue基础语法
模板语法 Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML ,所以能被遵循规范的浏览器和 HTML 解析器解析。vue将模板编译成虚拟dom,结合响应系统,Vue 能够智能地计算出最少需要重新 ......
TinyMCE上传图片后端处理写法
写法有两种,一种是先把图片转换成base64后再本地解析显示,这样可以直接将图片储存在HTML文件中,如果图片过多可能会让HTML文件过大,或者你可以将已经转码成base64的图片上传到服务器后服务器再转码成原jpg或png格式。 另一种是方法是通过POST把图片传输给服务器后,服务器再返回图片地址 ......
VUE 入门
1.vue介绍 1.1 什么是vue vue是一个构建用户界面UI的渐进式javascript框架,渐进式的框架是指可以一步一步的由浅入深的去使用这个框架,该框架可以逐步引入项目。作者:尤雨溪 vue官网 https://cn.vuejs.org/ 1.2 vue的优点 1.体积小压缩后33k左右, ......
AES加解密,vue加密,goframe解密代码
AES CBC模式的加解密示例,前端使用Vue.js,后端使用GoFrame框架。 前端加密代码(Vue.js): import CryptoJS from 'crypto-js' // 加密 export function encrypt(data, key, iv) { key = Crypto ......
论文caption写法讨论
本文来自一篇英文博客。总结了该博客提出的关于caption写法。博客链接在末尾给出。 caption的组成部分 一个caption 通常由一下几个部分组成。 declarative title: 总结在figure中展示的数据的主要发现。 通常的caption中不会明确表示数据的主要发现而是仅说明被 ......
vue2源码-七、虚拟DOM转化为真实DOM
虚拟DOM转化为真实DOM vnode虚拟节点创建真实节点,主要有以下几步: Vue原型方法_update的扩展。 patch方法:既有初始化的功能又有更新的逻辑。 createElm方法:根据虚拟节点创建真实节点。 _update方法: // 将vnode转化为真实dom Vue.prototyp ......
vue加goframe使用AES加解密(记录)
vue加goframe使用AES加解密 首先,需要在前端使用Vue的crypto-js库来进行AES加解密,可以使用以下命令进行安装: npm install crypto-js 然后在需要加解密的组件中引入该库: import CryptoJS from 'crypto-js' 对于加密,可以使用 ......
vue常用组件之confirm用法及说明
vue常用组件之confirm用法及说明 原文链接:https://www.jb51.net/article/263587.htm +目录vue组件之confirmvue自定义confirm弹窗(全局组件)全局组件方式vue组件之confirm 一些自带的方法,比如alert,confirm等,往往 ......
vue3微信公众号商城项目实战系列(6)用户登录
1. 一个商城要实现购物的功能,需要能识别用户的身份,这样才能完成加购物车,下单,付款等操作。 但微信公众号商城和PC端商城有些不一样,区别在于微信公众号商城使用微信支付的时候需要一个openid的参数(以后再具体讲) 这个参数必须访问微信公众号提供的接口才能获取到,基于这个原因,用户登录的时候必须 ......
JS特殊用法
--集合排序 //排序 //打印排序前集合 console.log("排序前:"+data); for(vari=0;i<data[0].length;i++){ for(varj=0;j<data[0].length-1-i;j++){ //相邻元素两两对比,元素交换,大的元素交换到后面 if(d ......
Vue3 ref函数处理基本类型或对象类型
基本类型视频 对象类型视频 2.ref函数 作用: 定义一个响应式的数据 语法: const xxx = ref(initValue) 创建一个包含响应式数据的引用对象(reference对象,简称ref对象)。 JS中操作数据: xxx.value 模板中读取数据: 不需要.value,直接:<d ......
记录-js基础练习题
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 隔行换色(%): window.onload = function() { var aLi = document.getElementsByTagName('li'); for(var i = 0; i < aLi.length; i++ ......
使用vue-cli创建第一个vue项目
命令提示符切换至需要创建项目的目录: 直接在路径输入cmd在按键盘的enter键打开的终端就直接切换到该目录下 (1)输入以下命令: vue create 项目名称 (2)我这里选手动选择,键盘上下按钮,选完后按enter键 (3)我这里选Babel和CSS,键盘上下按钮,选中或取消选中按空格,选完 ......
vue插槽
我们经常会有封装组件的需求, 组件需要的往往不只有数据, 有时候我们要给一个模块做内容方面的可自定义, 比如我封装了一个黑板, 但是我有时希望上面是字, 又有时希望上面是图画, 这就要用到插槽了 一. 插槽的基本用法 子组件 <template> <el-row> <slot></slot> </e ......
Vue3快速入门学习笔记一
一、概要 1.1、库与框架的区别 框架是一个软件的半成品,在全局范围内给了大的约束。库是工具,在单点上给我们提供功能。框架是依赖库的。Vue是框架而jQuery则是库。 1.2、MVC(Model View Controller) MVC的核心理念是:你应该把管理数据的代码(Model)、业务逻辑的 ......
JS数字区间比较大小的写法
正确的写法: if (realValue >= 0 && realValue <= 5) { console.log('正确写法'); } 错误的写法: if (0 <= realValue <= 5) { console.log('错误写法'); } ......
js EventLoop事件循环机制
1、js是单线程语言,其事件分为:同步任务和异步任务,异步任务分为宏任务与微任务; 2、执行顺序为:同步任务(主流程任务) > 微任务 > 宏任务 3、微任务:promise.then(fn) fn即会推入微任务队列 宏任务: setTimeout(fn1,time) fn1即会推入宏任务队列 ......
js判断是否手机模式
function autoLoad() { var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; var bIsIphoneOs = sUserAg ......
vue将页面导出pdf
需求:需要前端把当前html下载成pdf文件 第一步:安装插件 终端输入指令,安装2个插件: //第一个:将页面html转换成图片 npm install --save html2canvas //第二个:将图片生成pdf npm install jspdf --save 第二步:定义全局函数 创建 ......
vue全家桶进阶之路32:Vue3 WatchEffect和watch 监听
在 Vue 3 中,watchEffect 是一个用于监听响应式数据变化的 API。它可以在函数内部自动跟踪数据的依赖,并在依赖变化时重新运行函数。 watchEffect 的作用以及各个参数的功能讲解: watchEffect(effect: (onInvalidate: InvalidateCb ......
vscode调试 vue
1. 配置 vue.config.js 加上 devtool: 'source-map' //开发环境可以加,生产环境,别人可以看到源代码,不完全不要加 2.添加 launch.json vscode打开调试窗口,在下图箭头指向的位置点击打开配置文件 launch.json: 3.配置远程调试 1) ......
Vue - watcher原理
原理 Watcher原理是先把自己设置到全局唯一指定的位置(window.target),然后读取数据。因为读取了数据,所以会触发这个数据的getter。然后在getter中就会从全局唯一的那个位置读取真正读取数据的watcher,并把这个watcher收集到Dep中去。通过这样的方式,watche ......
vue全家桶进阶之路31:Vue3定义单个数据和方法
在 Vue 3 中,你可以使用 setup 函数来定义组件的数据和方法。在 setup 函数中,你可以使用 ref、reactive 和 computed 等 Vue 3 的响应式 API 来定义数据,并返回一个包含你需要公开的数据和方法的对象。下面是一个例子: import { defineCom ......
ue全家桶进阶之路30:Vue定义组件
要定义 Vue 3 组件,你可以使用 Vue 3 提供的 defineComponent 函数。 例如,以下是一个简单的 Vue 3 组件定义: import { defineComponent } from 'vue'; export default defineComponent({ name: ......