- 博客(29)
- 收藏
- 关注
原创 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
原创 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中发布文章对首篇文章封面和次篇文章封面图片尺寸校验
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关注的人