element ali-oss方式vue3
vue3--h5页面中判断在支付宝环境还是微信环境
支付宝： navigator.userAgent.indexOf('AliApp') > -1 环境变量： navigator.userAgent "Mozilla/5.0......AlipayDefined(nt:WIFI,ws:320|504|2.0) AliApp(AP/9.6.0.0000 ......
vue3 + vant4 ：form表单中，搭配 Popup 和 Field 实现vant-picker组件，设置默认值及默认选中--踏坑
环境：vue3，vant4 背景：Picker 作为用于辅助表单填写，搭配 Popup 和 Field 。页面需要给picker设置默认值，city为温州，但是在popup弹出时，picker没有选中温州这个选项，还时停留在杭州。 解决方案： 看了很多解决方案，设置default-indexset ......
vue+element 上传文件及文件夹
有需求需要做一个上传压缩包及文件夹的需求，记性不好，记录一下。 HTML 使用的element的upload和form表单，dropdown下拉菜单 <div> <el-col :span="24"> <el-form-item label="材料路径：" prop="fileName"> <el- ......
js中本地存储的三种方式
1：cookie Cookie用于储存不超过 4KB 的小型文本数据，拥有有效期、安全性、使用范围的属性; 用法：安装第三方插件 npm install js-cookie 按自己开发需求是全局引入还是局部引入，我这里是安全局引入，在main.js入口文件引入； import Cookies fro ......
vue3--使用ref获取Dom元素
vue2中，ref使用： 在 div 元素上绑定了 ref 属性，并命名为 hello，接下来我们直接使用 this.$refs.hello 的方式就可以获取到该 DOM 元素了。 <template> <div id="app"> <div ref="hello">Vue2，ref获取dom元素< ......
基于vue3和elementplus实现的自定义table组件
基于vue3和elementplus实现的自定义table组件，集成查询工具栏分页，可通过配置直接实现基础的列表页基于vue3和elementplus实现的自定义table组件，集成查询工具栏分页，可通过配置直接实现基础的列表页 目录结构如下： 类型声明： declare type DictType ......
Binding 中 Elementname，Source，RelativeSource 三种绑定的方式
在WPF应用的开发过程中Binding是一个非常重要的部分。 在实际开发过程中Binding的不同种写法达到的效果相同但事实是存在很大区别的。 这里将实际中碰到过的问题做下汇总记录和理解。 1. source = {binding} 和source = {binding RelativeSource ......
vue3 + xlsx 实现 excel 导入web页面解析成json数据
vue3 + xlsx 实现 excel 导入web页面并解析成json数据 fileIipt 动态创建的标签，一定要用户点击事件触发，不然文件选择框的弹出会被拦截，无法弹出。意思就是下面这段关键代码要用一个事件区触发执行，不能主动执行（比如：vue的钩子） import * as XLSX fro ......
Vue3节流指令封装
节流指令 import { ObjectDirective } from 'vue' interface ThrottleEl extends HTMLElement { throttleEvent: () => void } // 节流指令封装 const throttleDirective: O ......
WPF：如何以Binding方式隐藏DataGrid列
预想方案 像这样： 先在ViewModel创建数据源 People 和控制列隐藏的 IsVisibility，这里直接以 MainWindow 为 DataContext public partial class MainWindow : Window, INotifyPropertyChanged ......
针对start.sh 更有效果启动命令的快捷方式
如果新建一个start.sh ps -ef | grep `ls -1r hot-data-sync*.jar | head -1` | grep -v "grep" | awk "),{print $2}"), NAME=`ls -1r hotwheels-data-sync*.jar | hea ......
element-ui中的el-table底部固定指定行
1，固定一行合计的情况 https://element.eleme.cn/#/zh-CN/component/table 直接使用官方文档上的summary-method 2，固定指定行或者多行 使用样式去固定 例子：(计算列表数据的平均值，最大值，最小值并固定底部) 1，计算数据的值 protec ......
工业etherCat转RS232网关在物流行业的应用方式
在物流行业，etherCat转RS232网关的应用无疑为仓储管理带来了革命性的变革。etherCat转RS232网关网关技术不仅提高了数据传输的速度和准确性，还为物流设备之间的协同工作提供了强大的支持。 ......
vue3+vite动态引入图片（import.meta.glob）
Vite官方提供的 import.meta.glob API。 这个方法一般用于批量引入js或者ts文件，但实际上这个方法就是 很多import语句的集合而已，import是可以引入图片的，所以import.meta.glob 也同样可以引入图片资源，只不过需要加入配置项 as:'url' 就可以了 ......
群晖 NAS 配置校园网认证方式
预先准备的材料 群晖对应型号的 container manager 安装文件 下载连接 群晖docker可供导入使用的 siomiz-chrome 容器文件 下载链接 VNC 客户端软件 下载链接 校园网有线连接的网口 一台有网口的电脑 container manager 需要你按照对应的型号在官网 ......
WPF ListView GridView表头Header修改外观的方式
<Window.Resources> <DataTemplate x:Key="BlueHeader"> <StackPanel Orientation="Horizontal" Margin="-5,-5,-5,-5" Width="120"> <StackPanel.Background> <L ......
C#数据去重的这几种方式，你知道几种？
思维导航 前言 使用HashSet去重 使用Linq的Distinct()方法去重 使用Linq的GroupBy()方法去重 使用自定义的比较器和循环遍历 直接循环遍历去重 加入DotNetGuide技术交流群 示例代码 前言 今天我们一起来讨论一下关于C#数据去重的常见的几种方式，每种方法都有其特 ......
Vue项目引入图片的两种场景和三种方式
场景一：public目录下的图片 public目录 public目录下的图片引入方式： Bash <!--'/images/'+图片名称，这种属于绝对路径，/指向public目录 --> <img src="/images/image.png"> 场景二：在src目录下的图片 src目录 通过imp ......
高等数学学习笔记 | 1.关于学校课时安排和个人学习方式的体会
高等数学是一门基础课，是一门非常基础的大学课程。 基础到什么程度呢？几乎每个专业的同学都有学习这门课的内容，同时这门课具有比较高的学分比重。 而且高等数学也是考研数学中占比很高的一部分。 这就导致了一个现象，首先，高等数学的应试化体系已经非常成熟了，但是学生们仍然感到学习障碍大。 一部分学生投入了很 ......
vue vue3 jsx tsx
0. 安装插件（@vitejs/plugin-vue-jsx） vite官方提供了官方的插件来支持在vue3中使用jsx/tsx，直接安装就行。 yarn add @vitejs/plugin-vue-jsx -D 安装完之后在vite.config.ts中插入一下代码 import vueJsx ......
边做笔试边查缺补漏——算法、js基础、vue3官方文档、八股文
边投简历边完善自己的知识库。 最近这些天一直在面试和笔试＋投简历中，每次面试或笔试完后其实最重要的不是结果，而是做题的过程或者说对话的过程。因为只有这些才让我知道自己哪里还有不足，比如一碰到算法题就歇菜、vue3和vue2混用、js基础知识不牢固等等。 那我痛定思痛，有缺点咱就认咯。算法——代码随想 ......
Vue3
1、ref和reactive 原来reactive是一个对象类型，使用reactive重新赋值一个对象不起作用 <script lang="ts" setup> import {reactive} from "vue"; let user = reactive({name: '小明', age: 1 ......
Spring创建Bean的三种方式及Bean的生命周期
目录Spring创建Bean的三种方式及Bean的生命周期Spring创建Bean的三种方式第一种方式：使用默认构造函数创建第二种方式：使用普通工厂中的方法创建对象第三种方式：使用工厂中的静态方法创建对象Bean的生命周期 Spring创建Bean的三种方式及Bean的生命周期 Spring创建Be ......
vue3 静态配置文件
前言 有时候我们负责做的只是一个大平台系统下的某个子系统，有时候我们需要调用这个大平台系统下别的子系统的接口。 如果直接把别的接口地址，直接写在代码里，那么如果别的子系统的接口调整了，会影响到我们的系统，我们还要重新打包，部署，会很繁琐。 解决思路 我们的想法是这样： 敲代码的时候，如果要引用其他人 ......
Vite4+Typescript+Vue3+Pinia 从零搭建(7) - request封装
项目代码同步至码云 weiz-vue3-template 基于 axios 封装请求，支持多域名请求地址 安装 npm i axios 封装 utils 目录下新建 request 文件夹，并新建 index.ts、request.ts 和 status.ts 文件。 1. status.ts 文件 ......
前端广度和深度拓展方式之多看博文
记录一些阅读的比较好的博文汇总 1.框架类相关的 前端框架自欺欺人，TypeScript全无必要？(自述了对于目前前端框架越来越复杂，学习成本越来越高的背景和见解) ......
VUE3学习基础之模板语法
我的vue3学习之路总是学学停停，最开始在18年开发微信小程序，就发现小程序和vue的语法有些相似，然后就去看了vue2的文档，随后忙其它的事情就丢下了。 直到22年又开始捡起来vue3，有了组合式api，语法简明很多，然后又不知道忙什么丢下。。。 前段有些空时间，就把vue3的学习整理下，使用vi ......
vue3学习笔记（四）
表单输入绑定 <!-- 文本 (Text) --> <input v-model="message" placeholder="edit me" /> <p>Message is: {{ message }}</p> <!-- 多行文本 (Textarea) --> <textarea v-mode ......
vue+element 表格formatter数据格式化并且插入html标签 ;
formatter的用法： 列表内容回显， orderStatus 0 是未处理， 1是已处理等，不能直接展示，所以需要 formatter <el-table-column label="订单状态" prop="orderStatus" :formatter="statusFormatter"> ......