three vue js
【HarmonyOS】如何获取公共目录的图片等文件（API7 FA模型JS语言）
【关键字】 API7、JS、公共目录、@ohos.multimedia.mediaLibrary 【前言】 在使用API7 JS开发HarmonyOS应用时，需要获取非应用目录即内部存储公共目录下的图片，查找资料发现官网提供 @ohos.multimedia.medialibrary (媒体库管 ......
vue2 学习
vue标签含义 1、 <el-button :logding="buttonLoading" type="primary" @click="submitForm">确 定</el-button> <!-- 1，logding属性=true 会一直现在转圈圈显示状态。 2.buttonLoading属 ......
Vue3 之 reactive、ref、toRef、toRefs 使用与区别，源码分析详细注释
[toc] # reactive、ref、toRef、toRefs 使用与区别 ## reactive - 参数传入普通对象，不论层级多深都可以返回响应式对象，(参数只能是对象) - 但是解构、扩展运算符会失去响应式 ## ref 作用及用法 - 参数可以为任意类型，推荐使用基本类型 - 使用时 需 ......
vue的插槽
插槽 含义 插槽（slot）是vue为组件的封装者提供的能力，允许在封装组件时，把不确定的，希望由用户指定的部分定义为插槽。可以理解为组件封装期间，为用户预留的内容占位符。 封装组件的目的是为了实现UI结构的复用 假设在一个组件<myCount>中，需要有一个部分，这个部分是不确定的，可能是<div ......
web页面中导出Excel (方法四) 纯 js 前端将table中数据导出Excel 使用 js-xlsx
这个示例使用 前端 easyui-datagrid 后端 php 这里是不是 easyui-datagrid 不重要了，是将easyui-datagrid的数据转到table，再将 table导出Excel 使用了 js-xlsx js-xlsx 文件可自行搜索下载 ，参考 https://www. ......
vue3 css ts 双重弹跳加载动画
/双重弹跳加载动画 */ 效果如同页面 https://codepen.io/yjx123/pen/zYMvbML ``` ``` ......
vue学习记录 3
近日笔记简写。 功能实现汇总 页面循环次数创建控件：制作一个11行11列的表格，用v-for实现。 <table> <tr v-for="index_y in 11" :key="index_y"> <td colspan="1" v-for="index_x in 11" :key="index_ ......
web页面中导出Excel (方法三) 前端easyui-datagrid(分页)导出Excel 使用 datagrid-export.js
这个示例使用 前端 easyui-datagrid 后端 php 前端 easyui-datagrid 导出Excel 使用了 datagrid-export.js datagrid-export.js 文件可自行搜索下载 优点：查询结果显示在datagrid中(可以分页)，前端直接下载不用回后端， ......
2023-06-14 记录一下vue组件如何调用App.vue里面的方法（代码来至chatGpt）
可以通过在子组件中使用 `$emit` 方法来触发 App.vue 中的方法。具体步骤如下： 1. 在 App.vue 中定义一个方法 ```vue ``` 2. 在子组件中使用 `$emit` 方法触发该方法 ```vue ``` 3. 在父组件中监听该事件，并调用相应的方法 ```vue ``` ......
直播源码开发，vue 简单的tab切换滑动效果
直播源码开发，vue 简单的tab切换滑动效果 js部分： 利用computed属性计算位移距离 data() { return { value: '0' }; }, computed: { sty() { let num = Number(this.value) * 100 return `tra ......
Three.js教程：光源对物体表面影响
推荐：将NSDT场景编辑器加入你的3D工具链 其他系列工具：NSDT简石数字孪生 光源对物体表面影响 实际生活中物体表面的明暗效果是会受到光照的影响，threejs中同样也要模拟光照Light对网格模型Mesh表面的影响。 你可以打开课件中案例源码，对比有光照和无光照两种情况，网格模型Mesh表面的 ......
直播平台软件开发，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}} 改变对象 ```  前端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 来实现元素切换的时候，如果切换前后含有相同类型的 ......