爱吃猫的鱼

原创 【vue3+TS+naive-ui】封装form组件

【代码】【vue3+TS+naive-ui】封装form组件。

原创 小程序封装请求request 完整版

**//定义公共url**const baseUrl = "https://api.midiandz.com/api"let ajaxTImes = 0 export const get=(params)=>{ let token = wx.getStorageSync('Authori-zation') ajaxTImes++ wx.showLoading({ title: '拼命加载中', mask:true }) return new Promis..

原创 AI智能提示词编写

原创 vue3封装倒计时组件

【代码】vue3封装倒计时组件。

原创 【Vue3+naive】封装自定义表格内容

1、新建工具方法 render.ts。

原创 根据scss创建px转化为vw函数

1、创建一个scss文件。

原创 【uniapp】签名+base64encode

【代码】【uniapp】签名+base64encode。

原创 【uniapp】上传视频录像

【代码】【uniapp】上传视频录像。

原创 基于Vue3+TS+naive封装上传组件

【代码】基于Vue3+TS+naive封装上传组件。

原创 http报错Failed to execute ‘setRequestHeader‘ on ‘XMLHttpRequest‘: String contains non ISO-8859-1code

2、自己把请求头编码一次 传给后端后端再去解码回来（不推荐）1、要求后端不要返回中文字符（推荐）

原创 sm4util国密加密

【代码】sm4util国密加密。

原创 文件下载适用于大部分主流前端框架

【代码】文件下载适用于大部分主流前端框架。

原创 React+Mobx封装

【代码】React+Mobx封装。

原创 rem进行移动端适配（vue）

为了适配兼容市面上的移动端，进而选择动态获取设置根元素大小

原创 配置vue.config.js

配置vue.config.js

原创 vue+Element 表格导出

vue+Element 表格导出

原创 vue使用人机验证

用于人机验证

原创 判断对象是否为空

判断对象是否为空

原创 css hover 放大缩小

.news-box-item-img { transition: all 0.5s ease-in-out;} .news-box-item-img:hover { transition: transform 0.5s; transform: scale(1.1); -webkit-transition: transform 0.5s; -moz-transition: tra...

原创 antd vue select远程搜索下拉不更新数据

//重点： :default-active-first-option="false" :filter-option="false" <a-form-model-item label="离线提醒人员" v-if="initialObj.brand !== 1"> <a-select show-search :allowClear="true" v-model="initialObj.remindStaff

原创 vue antd table自定义表头

this.columnDetail.push({ // 表头数据 label: item, width, dataIndex: "key" + index, key: "key" + index, scopedSlots: { customRender: "space", title: "k...

原创 AntDesign Vue table设置最小宽度(单元格属性or头部)

{ title: '任务名称', dataIndex: 'title', ellipsis: true, align: 'center' customCell: () => { return { style: { 'min-width': '200px', }, }; }, },

原创 对url指定切除返回切除后的地址

// 对url进行某个参数的删除，并返回urlconst funcUrlDel = (name) => { let loca = window.location; let baseUrl = loca.origin + loca.pathname + "?"; let query = loca.search.substr(1); if (query.indexOf(name) > -1) { let obj = {} let arr = query.split(

原创 vue搭建地图 使用leaflet.js和esri-leaflet构建(esri-leaflet轻量级的地图js框架)

vue搭建地图 使用leaflet.js和esri-leaflet构建

原创 冒泡排序（传入数组，判断条件）

export function bubbleSort (arr, condition) { // 对数据进行排序 // 排序数组 排序条件 if (Array.isArray(arr)) { for (let i = arr.length - 1; i > 0; i--) { for (let j = 0; j < i; j++) { if (arr[j][condition] > arr[j + 1][condition]) {

原创 vue 使用leaflet 引入天地图实现搜索跳转位置（二）

//HTML <div class="search"> <el-input v-model="SearchValue" placeholder="可根据目的地进行查找" prefix-icon="el-icon-search" @input="input()" /> <div class="searchItem" v-show="searchShow"> <ul> <

原创 vue 使用leaflet 加载地图服务 （可切换天地图 影像地图）（一）

// 下载 npm install leaflet // 引入 main.jsimport L from "leaflet";import "leaflet/dist/leaflet.css";// HTML<div id="map"></div> created() { let _that = this; //面信息初始化 _that.normal = new L.layerGroup(); _that.factoryLandPolygo

原创 函数防抖

// 新建antiShake.js// 函数防抖const antiShake = (() => { let timer = 0; return function(callback, ms) { clearTimeout(timer); timer = setTimeout(callback, ms); };})();export { antiShake };// 在需要使用的地方引入import { antiShake} from '@/utils/a

原创 vue使用vue-amap让标注始终位于屏幕中心点

// 使用npm下载npm install vue-amap --save // 新建amap.js 且输入下面代码import Vue from 'vue';import VueAMap from 'vue-amap';Vue.use(VueAMap);// 初始化vue-amapif (!Vue.prototype.$isServer) { VueAMap.initAMapApiLoader({ // 高德的key key: '', // 插件集合 p

原创 身份证检验

**身份证检验**function IdentityCodeValid(code) { var city={11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古",21:"辽宁",22:"吉林",23:"黑龙江 ",31:"上海",32:"江苏",33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山东",41:"河南",42:"湖北 ",43:"湖南",44:"广东",45:"广西",46:"海南",50:"重庆",51:"四川",52:"贵州"