写法vue2 vue js
直播平台软件开发,Vue上拉框显示隐藏动画
直播平台软件开发,Vue上拉框显示隐藏动画 css简单布局 .picker { height: 300px; background: #fff; width: 100%; position: fixed; left: 0; bottom: 0; z-index: 2020; overflow-y: ......
js 正则所有a标签
1 var str = '<a href="/cms_files/filemanager/431831678/attach/20233/74d09820eed742dcb076df943a704747.xlsx">附件1:数据1.xlsx</a>dsfsaf345566..,.m,./..safes ......
【转】微信JS-SDK和WeixinJSBridge的区别
【转】http://m.cuiwei.net/p/1067485585 官方解释 使用 WeixinJSBridge 预览图片 WeixinJSBridge.invoke('imagePreview', { current: 'http://inews.gtimg.com/newsapp_bt/0/ ......
如何使用Multer简化Express.js中的文件上传过程
文件上传是Web开发项目中的常见需求。但是在 Node.js 中处理文件上传可能既复杂又耗时。这就是 Multer 的用武之地。 Multer 是一个强大的 Node.js 中间件,它通过处理 multipart/form-data 请求来简化文件上传过程。在本教程中,您将学习如何利用 Multer ......
vue3对于ref和reactive类型数据监听的区别
总结:1、对于ref类型的数据进行监听,不能使用 ()=>字段名,的方法,而是采用直接写值进行监听,案例见方式一和方式二2、对于reactive类型的数据进行监听,不要使用直接写属性名的方式监听:watch(属性名,(newVal, oldVal)=>{}),因为这种方式虽说可以执行函数,但却监听不 ......
从0搭建Vue3组件库(十):如何搭建一个 Cli 脚手架
本篇文章将实现一个名为`create-easyest`脚手架的开发,只需一个命令`npm init easyest`就可以将整个组件库开发框架拉到本地。 ## 创建 Cli 包 首先,我们在 packages 目录下新建 cli 目录,同执行`pnpm init`进行初始化,然后将包名改为`crea ......
vue watch deep 用法
### 简单案例 ``` watch deep obj:{{obj}} 调用watch次数:{{times}} 改变对象 ``` ![](https://img2023.cnblogs.com/blog/1202393/202306/1202393-20230614131230156-5873063 ......
Vue3中循环任务优化方案
# 需求 在使用循环任务时,往往需要使用到`setInterval`方法。其接受三个参数,分别是 1.具体执行的函数 2.执行时间间隔 3.传递个函数的参数,并返回一个id,后续可以使用这个id来停止循环的执行。具体的使用可以[查阅MDN](https://developer.mozilla.org ......
web页面中导出Excel (方法二) 前端easyui-datagrid导出Excel 使用 datagrid-export.js
这个示例使用 前端 easyui-datagrid 后端 php 前端 easyui-datagrid 导出Excel 使用了 datagrid-export.js datagrid-export.js 文件可自行搜索下载 优点:查询结果显示在datagrid中(不能分页),前端直接下载不用回后端, ......
vue 中使用 rem 后元素最终大小的计算和转换?
1.如果项目引入了rem,那么默认的html元素的font-size大小被设置为 html 元素样式中的 font-size 会被设置为 clientWidth/10 + "px",此值可以自己修改2.1rem 将等于 html 的 font-size 的大小3.如果一个元素用px作为单位设置,那将 ......
ant design-vue的table表格添加rowkey的三种方式
项目场景: 知识产权模块展示表格数据 问题描述 控制台给出警告 原因分析: 未按照组件要求添加key 属性作为唯一的标识。 解决方案: 方法1::rowKey=“record=>record.number” <!-- number为表格数据data中的一个属性 --> <a-table ref="t ......
vue watch immediate方法用法
* 通过`immediate` 选项,我们可以第一次监听时就执行回调函数,以便进行一些初始化操作. * 注意: 如果我们监听的事一个对象或数组类型数据,那么`immediate` 选项只会在实例初始化时执行一次回调操作,而不是在对象或数组内部数据变化时重新执行回调函数。 * 如果需要在内部数据变化时 ......
Vue-router跳转和location.href有什么区别
vue-router使用pushStat进行路由更新,不刷新页面,静态跳转; 使用diff算法,按需加载,减少dom操作, 同一个页面跳转或者路由跳转 异步加载this.$nextTick(()=>{获取url}) 使用location.href来跳转,简单方便,但是刷新了页面; 不同页面间跳转 可 ......
html 中拦截 js 的样式更改
比如拦截 html 标签的 font-size 样式的更改: ... <body> <script> var observer = new MutationObserver(function (mutations) { mutations.forEach(function (mutation) { ......
Next.js 使用@ant-design/charts问题结局
## ant-design/charts 版本问题,导致nextjs 使用报错 解决办法 - 使用子包 - 使用下面加载方式 import dynamic from 'next/dynamic'; const Line = dynamic(() => import('@ant-design/char ......
Vue中的key
【key 是为 Vue 中 虚拟节点 的唯一标记,通过这个 key,diff 操作可以更准确、更快速】 (1)第一种情况是 v-if 中使用 key。 由于 Vue 会尽可能高效地渲染元素,通常会复用已有元素而不是从头开始渲染。 因此当使用 v-if 来实现元素切换的时候,如果切换前后含有相同类型的 ......
js 制作电子印章
圆形章<!DOCTYPE HTML> <HEAD> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>圆形公章</title> </HEAD> <body> <BR> 输入单位(14位,多了自己调 ......
js实现上传的pdf文件预览
js实现pdf文件上传预览功能 > 需求: 上传预览功能, 支持图片和pdf上传预览, 并且是在指定的div里面预览 主要使用的是pdfjs库 pdfjs可以轻松实现点击打开一个新的页面或一个大的dialog在原页面实现预览, 但是不支持(可能是我没找到)在指定的div里面预览 这里要实现的是在指定 ......
Three.js教程:三维坐标系
推荐:将NSDT场景编辑器加入你的3D工具链 其他系列工具:NSDT简石数字孪生 三维坐标系 本节课的目的就是为了加强大家对threejs三维空间的认识。 辅助观察坐标系 THREE.AxesHelper()的参数表示坐标系坐标轴线段尺寸大小,你可以根据需要改变尺寸。 // AxesHelper:辅 ......
vue记录滚动位置
# 1.目的 列表页进入详情页时缓存并记录滚动位置,返回列表页面不重新请求数据并滚动到离开时的位置 # 2.实现 ## 2.1.单页面 不管是浏览器前后退 还是router-link前后退都生效 ``` ``` ``` // 滚动位置 let scrollTop = 0; onActivated(( ......
vue事件总线
//事件总线: 类似于单独对于一个功能的处理。组件间通信的方式;适用于任意组件间通信 // export default{ // //监控事件 // $on(eventName,handler){ // if(!listeners[eventName]){ // listeners[eventNam ......
vue实现子父组件之间通信
<template> <div> <button @click="handleClick" :disabled="isLoading"> {{ isLoading ? "loading" : "submit" }} </button> <div class="err">{{ error }}</di ......
再也不用担心变量类型错误!学会JS中如何轻松检查变量类型
在JavaScript编程中,了解如何精确地检查变量类型是至关重要的技能,而新手程序员可能会因此感到困惑。本篇文章将详细介绍JS中检查变量类型的方法,包括使用typeof运算符、instanceof关键字、Object.prototype.toString()方法、以及ES6 语法中的Symbol.... ......
vue路由
1、 在dos窗口下安装 ``` npm install vue-router@3 --save-dev --registry=http://registry.npmmirror.com ``` 2、配置路由 ① 在src目录下面,新建 router文件夹 ② 然后再其中创建 index.js 路由 ......
vue组件之间的数据传递
一、组件之间的关系 父子关系、兄弟关系、跨级关系 二、父子之间数据传递 1、父组件向子组件传递【使用 props】 第一步:在父组件中使用子组件时,给子组件绑定属性 第二步:在子组件中使用props接收绑定的属性值 2、子组件向父组件传递【使用 $emit】 第一步:在子组件中通过$emit触发指定 ......
用纯HTML,JS,CSS实现横向滚动标签页
### 前言 前不久,在我的一个项目中,需要展示一个横向滚动的标签页,它支持鼠标横向拖动和点击切换。在实现的过程中,我发现这个小功能需要同时用到前端的三辆马车,但是实现难度不高,而且最终效果还不错,是个难得的初学者项目,于是萌生了写这篇文章的想法,希望对初学者有所帮助。同时为了避免初学者学习框架,我 ......
【vue】前端下载文件自定义文件名称
【vue】前端下载文件自定义文件名称 https://blog.csdn.net/weixin_48200589/article/details/125067618 下载文件自定义文件名称 文件下载名称不想和后端提供的URL一样怎么办呢?1.首先给按钮去绑定一个事件2.正常我们的下载处理方式3.自定 ......