- 博客(50)
- 收藏
- 关注
RSS订阅原创 animation属性整理
语法：animation: name duration timing-function delay iteration-count direction fill-mode play-state;
2023-04-20 18:31:30
135
原创 限制开始和结束时间为最近一个月(element ui)
<el-date-picker v-model="cashFlowForm.startTime" style="width: 100%" type="date" placeholder="选择开始时间" value-format="timestamp" :picker-options="beginDateOption" />data(){ return { beginDateOpt...
2022-03-12 15:01:30
1421
原创 strapi默认数据库sqlite更改为mysql数据库
一、本地安装mysql数据库终端输入如下命令1、PATH="$PATH":/usr/local/mysql/bin2、mysql -u root -p3、create database 数据库名称 default character set utf8 collate utf8_general_ci; [//]: # 创建数据库4、drop database <数据库名>; 删除数据库二、更改了strapi项目中config/database.js文件module.exports
2022-01-21 15:03:59
1487
原创 全屏滚动下拉滚动提示动画
.kv_more { background: url("../../assets/home/kv_more.png") no-repeat; position: absolute; bottom: 10px; left: 50%; margin-left: -30px; width: 65px; height: 56px; animation: next 3s infinite; -webkit-animation: next 3s infinite; /*Safari
2021-11-04 11:01:41
174
原创 vue.config.js中配置跨域
1、axios简单封装（utils下的request.js文件）import axios from "axios";const service = axios.create({ baseURL: "https:xxx.com", timeout: 1000,});// 添加请求拦截器service.interceptors.request.use( function (config) { console.log(config, "hahhah请求拦截"); // 在
2021-11-02 17:58:32
543
原创 fullpage.js在vue中的使用
参考文章：https://blog.csdn.net/weixin_41192489/article/details/111104443<template> <div> <full-page :options="options" ref="fullpage"> <ul id="menu"> <li @click="handleMove(index)" :data-menuanc
2021-11-02 16:19:35
1735
原创 vue实现钉钉扫码登录第三方网站
（1）### 登录钉钉开放平台，进入应用开发页面，此页面需要管理员开放权限才能进入（2）### 点击【创建应用】，圈出的三部分填写完之后点击【确定创建】（3）### 切换到新版，钉钉登录与分享中填写回调域名（回调域名就是扫码成功要跳转的页面），点击【添加】（4）### 切换旧版登录模块内，点击【创建扫码登录应用授权】具体信息如下：整体开发流程官网教程：https://developers.dingtalk.com/document/app/enterprise-interna
2021-10-16 18:09:41
2382
1
原创 评论回复组件库的使用
<template> <!-- 属性及事件详情详见 https://github.com/wanglinyong/hbl-comment --> <div> <comment :commentList="commentList" @doSend="sendContent" @doChidSend="childSend" :commentNum="commentList.length"
2021-10-09 09:34:56
407
原创 strapi学习
1、使用strapi上传图片（1）利用strapi创建接口（2）查看接口位置显示上传图片相关接口（3）开通接口使用权限（4）实现上传图片完整代码<template> <div class="m-write"> <!-- 上传图片 --> <div class="m-write-upload"> 上传图片： <el-upload class="upload-demo"
2021-09-17 11:26:57
1299
2
原创 全选单选实现
<template> <div class="app-container"> <el-form ref="searchForm" :inline="true" > <el-form-item label="选择" prop="services"> <el-checkbox-group v-model="types"> <el-checkbox labe
2021-09-06 20:20:48
81
原创 node项目配置eslint格式化
（1）安装依赖‘npm i eslint standard --save-dev（2）新建.eslintrc.js文件module.exports = { root: true, extends: [ 'standard' // '@vue/standard',eslint起检测作用主要的代码 ], globals: { Atomics: 'readonly', SharedArrayBuffer: 'readonly' }, parserOptions
2021-08-30 18:23:07
424
原创 input框输入以回车隔开，如何将value值转成数组
testchange(value) { console.log(value.split("\n")); }
2021-08-30 16:53:15
708
原创 vue+less实现主题切换
参考文章 https://www.rokub.com/61045.html1、在src下创建一个style文件夹，文件夹black.less文件中代码如下：.theme(@backcolor:#EEA2AD,@fcolor:#fff) { .m-art { position: relative; .m-commonheader { width: 100%; position: fixed; z-index: 999; backgro
2021-08-23 16:31:56
944
原创 Vue.set()和this.$set()介绍
参考文章 添加链接描述今天在开发过程中遇到一个问题：当生成vue实例后，当再次给数据赋值时，有时候并不会自动更新到视图上去错误代码示例：导致input中使用v-model失效，输入的内容不展示需要失焦才展示this.bigProgressBarNum[this.bigProgressBarNum.length] = { label: `第${this.bigProgressBarNum.length + 1}档`, visible: false, bar
2021-08-05 21:58:01
82
原创 js实现表格每行数据复制
参考文章：https://www.cnblogs.com/zhenguo-chen/p/10454521.html copeRow(row) { const txt = Object.values(row).join() console.log(txt) const input = document.createElement("input"); // 创建一个新input标签 input.setAttribute("readonly", "readonly
2021-07-20 21:58:55
692
原创 Vue 项目中Axios配置不同的baseURL,请求不同的域名接口
参考文章：添加链接描述1、在脚本文件（.env.development）中添加需要用到的域名# just a flagENV = 'development'# base apiVUE_APP_BASE_API1 = 'http://xxxxxxx'VUE_APP_BASE_API2 = 'http://xxxxxxx'# vue-cli uses the VUE_CLI_BABEL_TRANSPILE_MODULES environment variable,# to control w
2021-06-28 19:56:41
1134
原创 mapboxjl手写popup弹框，并且支持缩放地图，拖拽地图是弹框的位置实时变化
地图事件 this.map.on("click", this.mapClick); this.map.on("moveend", this.mapMoveend);点击事件方法 async mapClick(e) { this.lngLat = e.lngLat; // 获取点击地图时的图层及其对应的properties let features = this.gdeChart.chartInstance.map.queryRenderedFeatures
2021-05-21 14:06:49
738
原创 css实现三角形
.m-popup { position: relative; &::after { content: ""; position: absolute; /* prettier-ignore */ bottom: -25PX; /* prettier-ignore */ left: 128PX; width: 0; height: 0; /* prettier-ignore */ border: 14PX solid
2021-05-20 10:44:44
64
原创 解决使用history拿不到路由上参数的问题
import qs from 'qs' routeParams () { const param = (window.location.search.replace(/^\?/, '')) return qs.parse(param) || {} },
2021-05-08 16:32:31
880
原创 mapbox给地图设置fitbounds不起作用
给地图设置fitbounds不起作用的原因原来是地图没有加载完 // 地图加载完成事件 this.map.on('load', () => { this.map.fitBounds(this.mapBounds) })
2021-04-27 17:22:54
817
原创 vue中el-upload的使用
<template> <div> <el-dialog title="导入数据" :visible.sync="drVisible" width="350px" :modal-append-to-body="false" > <el-upload class="avatar-uploader" :action="impo
2021-04-23 10:06:54
481
1
原创 vue父组件监听子组件生命周期
1、子组件<template><div>子组件</div></template><script>export default { data () { return { } }, created () { /** * 方法二 * 通过@hook 监听 @hook:created="parentMethods2"(created是子组件生命周期) * 父组件事件parentM
2021-04-22 09:11:30
358
原创 vue对data中数据初始化
参考 https://blog.csdn.net/margin_0px/article/details/84761803Object.assign(this.$data, this.$options.data());
2021-04-21 19:22:16
72
原创 密码至少包含一个大写字母、一个小写字母、一个数字
let reg = /^\S*(?=\S{6,})(?=\S*\d)(?=\S*[A-Z])(?=\S*[a-z])\S*$/
2021-04-12 20:01:51
1396
原创 微信小程序tabBar实现
1、navbar组件import Taro, { getCurrentPages } from '@tarojs/taro'import React from 'react'import { View } from '@tarojs/components'import { AtTabBar } from 'taro-ui'function Index(props) { // 1、数据 const navBarList = [ { title: '线索',path
2021-04-11 16:01:13
364
原创 taro H5跨域实现
config/dev.js h5: { devServer: { host: "localhost", port: 10086, proxy: [ { context: ["/api"], target: "https://XXXXXXX",//域名 pathRewrite: { '^/api': '' }, changeOrigin: true,
2021-03-31 11:07:09
1930
原创 taro别名引入路径方式
config/index.js const path = require('path') const config = { alias: { '@/src': path.resolve(__dirname, '..', 'src') }, }tsconfig.json{ "compilerOptions": { "paths": { "@/src/*": ["./src/*"] }, },}配置完之后重启项目...
2021-03-31 09:16:07
341
原创 ts封装table组件
表格展示的数据 const data = [ {label:'封装表格好',active:'好好fff',name: 'X6sss', star: 297,type:11 ,field:'assss',tabel:'niao'}, {label:'封装表格好',active:'好好fff',name: 'Gssss', star: 506,type:12,field:'acffff',tabel:'niao' }, {label:'封装表格好',active:'好好fff',name: 'AV
2021-03-24 16:10:18
794
转载 纯html+css固定表格一列或多列，其余进行横向滚动和纵向的方法
参考：https://blog.csdn.net/weixin_44860440/article/details/106802228<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>固定第一列</title> <style> *{ margin: 0;
2021-03-24 11:12:50
467
原创 使用beautifyjs格式化代码
参考：https://github.com/beautify-web/js-beautify1、安装npm install --save js-beautify2、引入const beautifyJS = require(‘js-beautify’).js_beautify3、使用beautifyJS(JSON.stringify(options), { indent_size: 2 }参数1：要格式化的代码参数2：样式格式化前：格式化后：...
2021-03-18 10:26:15
1488
原创 lodash中debounce防抖实现和延时器防抖实现
handleChange (property, value) { this.debounce(property, value) }, debounce: _.debounce(function (property, value) { window.GDEGRAPHIC.setProperty(property, value) }, 1000),
2021-03-08 11:15:15
301
原创 Day.js ：一个轻量的处理时间和日期的 JavaScript 库
1、封装import * as dayjs from 'dayjs'const utc = require('dayjs/plugin/utc')dayjs.extend(utc)export const transformDate = (date, type = 'YYYY-MM-DD') => { return dayjs.utc(date).format(type)}2、引入import { transformDate } from '@/utils/transform-
2021-03-04 13:50:04
251
原创 正则校验字符串中是否有空格
let str = '12 3' const reg1 = new RegExp(/\s/) reg1.test(str)
2021-03-04 13:48:35
1714
1
原创 直接插入排序算法
参考文章 https://www.cnblogs.com/guopengxia0719/p/10520561.html思想：每一趟将一个记录插入到已经排好序的一组记录的适当位置上，直到所有待排序记录都插入为止。方法一： let a = [23,12,56,78,65,90,88,92,18,21] for(let i = 1;i<a.length;i++){ debugger let temp = a[i]//标志从数组第二个元素开始 let
2021-02-25 20:10:47
69
原创 手机号校验
check(value) { var tel = /^(\d3,4|\d{3,4}-)?\d{7,8}$/; var phone = /^(((13)|(14)|(15)|(16)|(17)|(18)|(19))+\d{9})$/; if (!value) { this.$message.warning("联系方式不能为空"); } else if ( !( (value.toString().len...
2021-01-19 17:23:41
101
原创 Prettier 前端代码格式化工具
1、安装依赖yarn add -D prettier eslint-config-prettier eslint-plugin-prettier @vue/eslint-config-prettier2、文件配置（1）配置.eslintrcmodule.exports = { root: true, parserOptions: { parser: 'babel-eslint' }, env: { browser: true, }, extends: [
2020-12-23 17:26:34
208
原创 antd vue写一个多条件查询
<template><!-- 数据筛选 --><div class="m-datafilter"> <div v-for="(itemList,listIndex) in filterList" :key="listIndex" class="m-selectgroup" > <!-- 筛选条件1 --> <a-select v-model="itemList.select1"
2020-12-18 13:58:07
1039
2
原创 flex实现两个div高度自适应
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> body { margin: 0;
2020-12-18 10:55:04
1454
原创 vue嵌入页面
<template><div class="m-box"> <DIV class="container" align=center><IFRAME src="http://weather.265.com/weather.htm" frameBorder=0 marginwidth=0 marginheight=0 scrolling=no style="width:100%;height:100%" ALLOWTRANSPARE
2020-12-17 19:51:48
3337
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人