自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(29)
  • 收藏
  • 关注

原创 基于element-ui的table组件封装的合并列组件(很灵活)

基于element-ui封装table合并列

2022-07-13 17:13:20 440 1

原创 elementUI的日期选择组件只能选择当前年的日期,不能选择之前年和之后年的日期

elementUI的日期选择组件只能选择当前年的日期,不能选择之前年和之后年的日期 <el-date-picker v-model="form.nowYear" type="date" format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="选择当前年份" :picker-options="pickerOptions" />pickerOptions: { disabledDate(

2022-05-07 16:58:45 3066 1

原创 改写el-tree实现角色权限设置

改写el-tree实现角色权限设置取消el-tree自带的父子关系,自己通过递归实现父子关系,这样在选中其中一个子级的时候,父级也会勾选,点击父级也可以全选和取消全选等 ,能够随心控制<template> <el-tree ref="tree" :data="data" node-key="menuId" :check-strictly="true" :props="props"

2022-04-21 18:07:39 764 1

原创 导出或者下载文件流封装(兼容ie9以上)

导出或者下载文件流封装(兼容ie9以上)

2022-04-20 11:00:28 353 1

原创 vue开发封装思路--api篇

vue开发封装思路--api篇

2022-04-20 10:53:40 1057 1

原创 动态表单 自定义布局(代码实现)

动态表单的实现

2021-12-03 16:05:26 1117 3

原创 vue拖拽生成动态表单(可缩放和自定义布局)

vue拖拽生成动态表单(可缩放和自定义布局)如果需要源码,可以在评论区留言

2021-11-23 16:00:35 2427 21

原创 dart中的抽象类、多态、接口、泛型、late、required

抽象类抽象类通过abstract 关键字来定义抽象类不能被实例化,只有继承它的子类可以抽象类里面的抽象方法 在继承的时候必须要定义这些方法如果子类继承抽象类必须得实现里面的抽象方法如果把抽象类当做接口实现的话必须得实现抽象类里面定义的所有属性和方法。多态多态就是父类定义一个方法不去实现,让继承他的子类去实现,每个子类有不同的表现。多个子类继承一个父类,每个子类的抽象方法逻辑不一样late延迟初始化 定义变量没有赋值的时候需要在前面加laterequire参数不能为空imp

2021-10-13 18:24:46 721 1

原创 dart语法(一)

真实的从零开始的学习dart语法,可以看代码注释进行理解//[]可选参数String fun1(String name, [int age = 10, String sex = '男']) { return '$name-----$age';}//{} 传参 fun2('xx',age:10)String fun2(String name, {required int age, String sex = '男'}) { return '$name-----$age';}int .

2021-10-13 18:20:03 125 1

原创 linux安装nginx

1.环境安装0.1 gcc 安装安装 nginx 需要先将官网下载的源码进行编译,编译依赖 gcc 环境,如果没有 gcc 环境,则需要安装:yum install gcc-c++ 0.2 PCRE pcre-devel安装PCRE(Perl Compatible Regular Expressions)是一个Perl库,包括 perl 兼容的正则表达式库。nginx 的 http 模块使用 pcre 来解析正则表达式,所以需要在 linux 上安装 pcre 库,pcre-de

2021-10-09 14:24:12 82 1

原创 linux安装和启动mysql

1)彻底删除首先查看:rpm -qa|grep -i mysql 删除操作(一个一个删除):yum remove '软件名'查看关于mysql的文件:find / -name mysql对于顽固的文件夹:rm -rf 文件名(删除)2 )下载安装如果无法执行wget命令,则先安装wget:yum -y install wget下载MySql:wget http://dev.mysql.com/get/mysql57-community-release-el7-11.noa

2021-10-09 14:22:35 822 1

原创 flutter基础

StatefulWidget和StatelessWidgetStatefulWidget : 具有可变状态的窗口部件,也就是你在使用应用的时候就可以随时变化,比如我们常见的进度条,随着进度不断变化。StatelessWidget:不可变状态窗口部件,也就是你在使用时不可以改变,比如固定的文字(写上后就在那里了,死也不会变了)。第01节:Text Widget 文本组件的使用import 'package:flutter/material.dart';void main () => run

2021-10-09 14:20:03 156 1

原创 windows中flutter的环境搭建

系统的基本要求操作系统:必须windows7以上64位操作系统。(这个一般都能很好的满足)磁盘空间:大于3个G,虽然官方说的是400M,但是你还需要安装Android Studio 和 虚拟机,所以至少要3个G左右,如果能达到5个G就更好了(满足多个虚拟机的要求)。需要Git环境:Flutter需要git环境的支持,所以这个也要有,作为一个前端,这个是必备工具,所以我在文章中就不教大家安装了。JAVA环境的安装链接:https://pan.baidu.com/s/1fcP6n8jTbpZ0ti

2021-09-29 10:46:55 263 1

原创 vue组件封装之下拉刷新上拉加载(原生)

基于vue和原生javascript封装的下拉刷新上拉加载组件upTilte插槽是下拉刷新的自定义内容放的地方downTilte插槽是上拉加载的自定义内容放的地方默认插槽为列表内容区域组件代码如下<template> <div class="refresh" id="refresh"> <slot name="upTilte"></slot> <slot></slot> <slot nam

2021-09-24 10:29:24 758 1

原创 数组方法的重写

/** * 数组扩展方法重写 */ Array.prototype.myforEach = function (cb) { var _arr = this var _len = this.length var _th = arguments[1] || window for (var i = 0; i < _len; i++) { cb.apply(_th, [_arr[i], i, _ar.

2021-09-03 16:29:04 149

原创 用Promise实现一个请求超时

用Promise实现一个请求超时今天面试了一家公司,面试官问了一个‘能不能自己实现一个请求超时’,刚开始还是有点慌的,经过思考有了一些思路请求请求!!第一时间想到的就是promise刚好promise有个api是promise.race([api1,api2…]),这个api会优先返回最快的那一个请求 let rest = function (_data = 4000) { return Promise.race([ upload(),

2021-09-03 16:15:03 1686 2

原创 vite2.0+vue3.0+ts

vite2.0+vue3.0+ts1、template中可以有多个根元素,以前只能包在一个父容器中<template><p>{{count}}</p><el-button type="primary" @click="clickTo">子组件</el-button><el-button type="primary" @click="go">跳转</el-button>{{state.sum}}<van-b

2021-07-16 14:54:55 360 1

原创 socket的通讯流程

socket的通讯流程服务器端(电话的一端,接听电话者):1、创建socket,表示有了一个电话2、绑定socket和端口号,相当于,电话对应了一个电话号码3、监听端口号,相当于,把电话插上电话线,可以随时等待有人拨通电话4、接收客户端的连接请求,相当于有人打来了电话5、从socket中读取字符,相当于,接起电话,有语音信息传输过来了6、关闭socket,相当于通话完成后,挂掉电话客户端:1、 创建socket,表示有了一个电话(当然也默认绑定了端口号)

2021-06-21 17:56:16 3017 1

原创 formidable接收图片

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Do

2021-06-21 17:54:34 183 1

原创 nodeJs

nodeJS一、nodeJS介绍二、原生nodeJS1、模块:http,fs,path,​ 1)、http​ http.createServer(); 创建服务器的​ 2)、fs​ fs.readFile(); 读取文件的​ 3)、path​ path.extname(); 获取扩展名​2、对象:req(请求对象),res(响应对象)​ 1)、req(请求对象)​ req.url;

2021-06-21 17:51:30 101 1

原创 node中使用Mongodb和Mongoose

在 Express 中利用 Mongoose 操作 Mongodb安装mongoose (相当于关系数据库中的驱动)npm i mongoose --save连接数据库第一个js文件const mongoose = require('mongoose'); mongoose.connect( 'mongodb://localhost:27017/mydb181101', {useNewUrlParser:true} //使用解析器来解析本次连接 ); mod

2021-06-21 14:40:08 212 1

原创 vue3.0中子组件向父组件传值emit的使用注意事项

子组件的写法,需要从setup函数中引出{emit}<template> <div id="center" v-if="isShow"> <h2><slot>my model</slot></h2> <el-button type="primary" @click="btnclose">传递事件</el-button> <el-button type="primary" .

2021-05-20 14:14:47 3865 1

原创 vue3.0+ts语法及写法(最新)

script中使用ts的写法,以及store和router在.vue页面的使用方法,需要从vue-routerhe 和vuex中导出useStore和useRoute(userouter)通过getCurrentInstance()方法可以获得组件实例<script lang="ts">import { defineComponent, computed, onMounted, watch,ref,getCurrentInstance,reactive,nextTick ,toRefs}

2021-05-20 14:08:35 9286 1

原创 vue3.0+TS的语法练习

<template> <div class="home"> {{age}} <p>{{getSum}}</p> <p>{{two.id}}</p> <input type="text" ref="inputRef"> <button @click="add">按钮</button> <h3>m1: {{m1}}</h3>

2021-04-29 09:50:48 933 1

原创 vue项目的PC端不同分辨率的适配

ss

2021-04-27 15:57:41 815 1

原创 vue中发布文章对首篇文章封面和次篇文章封面图片尺寸校验

vue中发布文章对首篇文章封面和次篇文章封面图片尺寸校验根据后端返的url判断图片尺寸 // 获取图片尺寸 getImgSize(url) { return new Promise((resolve, reject) => { const imgObj = new Image() imgObj.src = url imgObj.onload = () => { resolve({

2021-04-01 17:59:22 164 1

原创 vue中三级导航的菜单权限控制

vue中三级导航的菜单权限控制把路由表的数据结构和后端沟通好,然后后端把对应权限的路由树给前端返回,前端在vuex中处理处理路由import Cookies from 'js-cookie'import router from '@/router'import userInfos from '@/api/login'import date from '../modules/user'const Layout = () => import ('@/layout') // 全局组件

2021-03-28 11:22:03 651 3

原创 在vue项目中微信公众号授权接入

在vue项目中微信公众号授权接入**首先跳转到微信公众号授权页面 ,扫码授权,授权完成后关闭授权页,并且让当前页面自动刷新,获取到公众号的基本信息 ** // 授权接入 wxAuthorization() { wxApi.getAuthorizeUrl(`appid`).then(res => { // window.open(res.result.url) var flag = window.open(res.result.url)

2021-03-26 15:33:27 789

原创 vue中使用富文本插入小程序卡片

vue中使用富文本插入小程序卡片首先新建mp.js文件夹import mp from '@/utils/mp'Quill.register(mp, true)import { Quill } from 'vue-quill-editor'const BlockEmbed = Quill.import('blots/block/embed')const Link = Quill.import('formats/link')class mp extends BlockEmbed {

2021-03-26 11:29:54 1566 5

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除