three vue js
antd限制开始时间与结束时间范围是30天，并不能选择当前日期之后的日期 vue3（默认展示近7天）
<a-range-picker :value="hackValue || dateArr" :disabled-date="disabledDate" style="width: 240px" separator="~" :allow-clear="false" @change="onChange" ......
Vue2 中vuex和store基本用法——取值之this.$store.getters.getValue & 修改值之this.$store.commit(‘setValue‘, paramVal)
参考：https://blog.csdn.net/weixin_44867717/article/details/124133304 项目实例： ......
从零开始一个vue3前端项目day04-头部导航篇
在实际开发项目中通常会把头部导航栏写成一个通用组件，这里来具体说一下实现思路 1：front-header组件就是我们的头部导航栏，路由我们已经配置好了，把每个导航的首页路径，配置成navList(包含name，path),这样就通过遍历navList就能写出一个首页导航组件 2：导航的选中状态实现 ......
如何再vue项目中使用cdn（以使用天地图得cdn获取当前位置为例）
# 一、了解天地图 http://lbs.tianditu.gov.cn/api/js4.0/examples.html 在其中可以了解天地图的基本使用教程 但其中的教程均为h5引入cdn的方式 以h5定位为例来改成vue项目 源码: ```html5 天地图－地图API－范例－H5定位 本示例演示 ......
js 对象数组读取某个字段去重
对于 JavaScript 中的对象数组，你可以使用以下方法来读取某个字段并去重： 1. 使用 Set 数据结构：使用 Set 来存储唯一的字段值。遍历对象数组，获取需要的字段值，然后将其添加到 Set 中。最后，将 Set 转换为数组即可得到去重后的字段值列表。 ```javascriptcons ......
vue3 甘特图（二）：甘特图时间轴切换
vue3 甘特图（二）：gantt时间轴切换 1.固定时间轴缩放级别 gantt.config.scale_unit = "month"; //时间轴单位 gantt.config.step = 1;//单位数 gantt.config.date_scale = "%Y年%M";//时间轴展现方式 ......
直播带货源码，vue 身份证校验js及其***显示
直播带货源码，vue 身份证校验js及其***显示 校验js const idCardRule = (rule, value, callback) => { let reg = /^(\d{6})(\d{4})(\d{2})(\d{2})(\d{3})([0-9]|X)$/i if (value & ......
js 原生方法请求接口
XNLHttpRequest （xhr）介绍： XMLHttpRequest（简称xhr）是浏览器提供的JavaScript对象，通过它，可以 请求服务器上的数据资源。 在jQuery中封装的AJAX函数，就是基于xhr，然后封装出jq中的ajax，然后就可以调用出get、post、ajax()三个 ......
js处理树形结构数据过滤
最近项目经常遇到后台接口返回整个树形结构，而前端展示只需要展示部分类型的数据，需要过滤一下，所以整理了一个过滤方法。 非层级结构时过滤非常简单，只需要一层代码就够了 export function filterTree (tree) { return tree.filter(item => item ......
.eslintrc.js配置，项目自用版
创建.eslintrc.js文件，内容如下： process.env.NODE_ENV = process.env.NODE_ENV || 'development'; const mode = process.env.NODE_ENV 'development' ? 1 : 2; module.e ......
vue——配置代理无效问题
参考： 1.webpack proxy 不生效 https://segmentfault.com/q/1010000020677598 2.vue开发环境配置代理 https://blog.csdn.net/weixin_50576800/article/details/125055213 3.we ......
JS 追加元素的几种办法
JS 追加元素的几种办法 append(),在父级最后追加一个子元素appendTo(),将子元素追加到父级的最后prepend(),在父级最前面追加一个子元素prependTo(),将子元素追加到父级的最前面after(),在当前元素之后追加（是同级关系）before(),在当前元素之前追加（是同 ......
开发指导—利用JS动画实现HarmonyOS动效
一. 组件动画 在组件上创建和运行动画的快捷方式。具体用法请参考通用方法。 获取动画对象 通过调用animate方法获得animation对象，animation对象支持动画属性、动画方法和动画事件。 <!-- xxx.hml --> <div class="container"> <div id= ......
vue项目全局api接口封装
项目通常情况下，api封装放在src 下utils 文件下 request.js // 安装 axios cnpm install axios --save // 新建request.js// 通常项目的拦截，封装方法都封装在这里 import axios from 'axios' const in ......
Vue3 CompositionAPI如何优雅封装第三方组件
Vue3 CompositionAPI如何优雅封装第三方组件 HexOr 2022-04-11 01:037052 | 收录于专栏： Vue 前言✨ 对于第三方组件，如何在保持第三方组件原有功能（属性props、事件events、插槽slots、方法methods）的基础上，优雅地进行功能的扩展了？ ......
element vue表单form下多个form-item项循环校验
效果图： ps：重点注意 prop 值 <el-form ref="fromRef" :model="formData" :rules="rules" label-width="100px" > <el-row v-for="(item,index) in formData.allopatricCo ......
Postgres LISTEN / NOTIFY with Node.js
#### Postgres 在 9.1 之后推出 LISTEN / NOTIFY #### 创建一个数据表 foo ``` CREATE TABLE foo (id serial primary key, name varchar); ``` #### 创建一个 存贮过程 ``` CREATE FU ......
vue页面书写顺序
<template> <!-- html模板 --> <div class="a-class"> <div class="b-class"> <div class="c-class">vue页面书写规范</div> </div> </div> </template> <script> /* 模块系统 ......
Vue中message.split().reverse().join()函数用法
1、split('') 把一个字符串分割成字符串数组 把数据拆分为一个数组,括号里的' '是把数据拆分为每个字符串 2、reverse() 颠倒数组中元素的顺序 只作用于数组，跟在split('')后才能起作用，在一个字符串后面不起作用，如message.reverse() 3、join('') 把 ......
js原型链
函数构建 var foo = new Function("console.log('hello world!')") foo() 通过function基类,来构建一个foo对象 ......
手把手教你使用Vite构建第一个Vue3项目
### 写在前面 在之前的文章中写过“如何创建第一个vue项目”，但那篇文章写的是创建vue2的 项目。 传送门[如何创建第一个vue项目](https://blog.csdn.net/rong09_13/article/details/127142369) 打开`Vue.js`官网:https:/ ......
在NW.js中使用NaCl
在NW.js中使用NaCl NaCl需要在SDK和NaCl构建方式的NW中使用 , 参考构建方式 . NW.js同Chromium一样支持NaCl(原生客户端)以及PNaCl(便携原生客户端) . 应用可以嵌入NaCl和PNaCl . 以下文档说明由[Chrome NaCl 文档](https:// ......
在NW.js中使用Flash插件
NW.js支持Pepper Flash插件 . 在NW.js应用nw同级目录中将插件(包括配置文件 'manifest.json')需要放入一个名为 'PepperFlash'的子目录. Mac系统中 , 该子目录还需要放入"Internet Plug-Ins"目录中 . 可用 /path/to/n ......
在NW.js中安装Node原生模块
在NW.js中安装Node原生模块 使用NPM安装 对于LTS版本 如果您使用的是LTS版本，在 Windows, 在使用 node-gyp 或 npm安装原生模块之前,您需要用这个文件 替换系统中的 <npm-path>\node_modules\node-gyp\src\win_delay_lo ......
vue--day77--路由的简介
1. vue-router 的理解 vue 的一个插件库 专门用来实现SPA 应用 2.SPA 应用的理解 单页web 应用，（single page web application SPA） 整个页面只有一个完整的页面 点击页面中的导航链接不会刷新页面 只会做页面的局部更新 数据需要通过ajax ......
今天练习element组件的时候，引入element样式和脚本文件以及vue的组件之后，导入简单element组件练习之后，查看组件的时候，样式一直出不来，经过我多次排查，终于发现，导入的三个内容是有顺序排序要求的。必须先导入vue，然后再导入其他的两个。
2023-09-04 今天练习element组件的时候，引入element样式和脚本文件以及vue的组件之后，导入简单element组件练习之后，查看组件的时候，样式一直出不来，经过我多次排查，终于发现，导入的三个内容是有顺序排序要求的。必须先导入vue，然后再导入其他的两个。 <!DOCTYPE ......
Vue 3 之 Element Plus 之 Pagination 的 坑
版本信息： vue.js 3.3.4 Element Plus 2.3.12 浏览器 Chrome Version 116 -- 坑描述 试验 Element Plus 之 分页时，出现了异常——之前开发的 弹窗 打不开了。 Pagination 分页： https://element-plus.o ......
Node.js扫描文件夹
Node.js扫描文件夹 const fs =require('fs'); const path = require('path'); //解析需要遍历的文件夹，以F盘根目录为例 const filePath = path.resolve('F:/扫描文件夹'); //调用文件遍历方法 fileDi ......
从壹开始前后端开发【.Net6+Vue3】（二）前端框架
# 项目名称:KeepGoing(继续前进) ## 介绍 工作后，学习的脚步一直停停走走，希望可以以此项目为基础，可以不断的迫使自己不断的学习以及成长 将以Girvs框架为基础，从壹开始二次开发一个前后端管理框架 在这过程中一步步去学习使用到的技术点，也同时会将在此过程中遇到的问题进行分享 项目地址 ......
js ast 函数调用替换为值
目标 替换ob文件中形如_0x55f3('0x19', "Pg54")的代码为具体的值。 ``` const types = require("@babel/types"); const str_to_str = { StringLiteral(path){ const {node} = path; ......