自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

黄孝果的博客

You’ll never realize how strong you are until you have no other choice but to be strong

  • 博客(28)
  • 资源 (27)
  • 论坛 (1)
  • 收藏
  • 关注

原创 解决el-input输入框使用oninput或onkeyup后,v-model双向绑定失效问题

在输入中文触发oninput后,v-model绑定的值会被设成空字符串,这时候再输入数字,v-model绑定的值不会被赋值,一直为空。解决方法可以用blur手动给绑定的值赋值。 <el-input v-model="form.account" clearable placeholder="请输入手机号" onkeyup="value=value.replace(/[^\d]/g,''.

2021-03-22 17:26:46 547

原创 Ant Design Pro 动态路由的实现

提供登录与获取用户信息数据接口import request from '@/utils/request';/** * * @returns 首页列表权限 */export async function queryCurrent():Promise<any>{ return request('/user/info2', { prefix:'/mock', method: 'GET', });}登录接口数据{'code': 200, 'data'.

2021-03-19 17:35:27 349 1

原创 umi.js学习(九)、全局共享数据

主要使用@umijs/plugin-modelhttps://umijs.org/zh-CN/plugins/plugin-model#启用方式在src目录下创建models,并创建数据存储tsappstore.ts提供数据仓库import { useState, useCallback } from 'react'export default () => { const [user, setUser] = useState({}) const setUser.

2021-03-16 17:37:22 269

原创 umi.js学习(八)、案例三、ProTable 简单使用

效果展示导入yarn add @ant-design/pro-table//使用DatePicker时间选择器yarn add moment 创建user模块配置路由及配置代理在.umire.ts中import { defineConfig } from 'umi';export default defineConfig({ nodeModulesTransform: { type: 'none', }, routes: [ { pa.

2021-03-16 17:35:16 236

原创 umi.js学习(七)、简单列表和数据编辑(使用antd)

效果展示创建user模块配置路由及配置代理在.umire.ts中import { defineConfig } from 'umi';export default defineConfig({ nodeModulesTransform: { type: 'none', }, routes: [ { path: '/', component: '@/pages/users/index' }, ], fastRefresh: {}, pro.

2021-03-16 17:32:10 76

原创 umi.js学习(六)、简单列表和数据编辑(学习而已,项目中不推荐)

效果展示创建user模块配置路由及配置代理在.umire.ts中import { defineConfig } from 'umi';export default defineConfig({ nodeModulesTransform: { type: 'none', }, routes: [ { path: '/', component: '@/pages/users/index' }, ], fastRefresh: {}, proxy: {.

2021-03-16 17:28:43 49

原创 umi.js学习(五)、antd 中使用From表单报错

在modal弹窗框中使用From表单报错devScripts.js:5836 Warning: Instance created by `useForm` is not connected to any Form element. Forget to pass `form` prop?官方文档解释:在modal中加上forceRender 强制加载更新From表单内容报错Cannot update during an existing state transition (such as.

2021-03-16 17:25:01 100

原创 umi.js学习(四)、ajax请求获取数据

创建ajax请求文件 service.ts编写ajax请求import { request } from 'umi';export async function getRemoteList() { return request('/api/users', { method: 'get' }) .then(response => { return response }) .catc.

2021-03-16 17:21:58 162

原创 umi.js学习(三)、从model的effects中获取数据

创建主页面index.tsx和数据存储model.ts内置 dva约定式的 model 组织方式,不用手动注册 model文件名即 namespace,model 内如果没有声明 namespace,会以文件名作为 namespace内置 dva-loading,直接 connect loading 字段使用即可支持 immer,通过配置 immer 开启约定式的 model 组织方式 符合以下规则的文件会被认为是 model 文件, src/models 下的文件 .

2021-03-16 17:18:45 157

原创 umi.js学习(二)、如何从model的reducers中获取数据

创建主页面index.tsx和数据存储model.ts内置 dva约定式的 model 组织方式,不用手动注册 model文件名即 namespace,model 内如果没有声明 namespace,会以文件名作为 namespace内置 dva-loading,直接 connect loading 字段使用即可支持 immer,通过配置 immer 开启约定式的 model 组织方式 符合以下规则的文件会被认为是 model 文件, src/models 下的文件 .

2021-03-16 17:15:35 222

原创 umi.js学习(一)、认识umi.js

umi.js安装npm install -g umi 查看umi.js版本umi -v创建umi项目先找个地方建个空目录。$ mkdir myapp && cd myapp通过官方工具创建项目$ yarn create @umijs/umi-app# 或 npx @umijs/create-umi-app创建ant-design-pro项目yarn create umi运行yarnyarn dev...

2021-03-16 17:12:48 63

原创 typeScript学习(十五)、非空断言操作符 !& 泛型

非空断言操作符 !let name:string = 'huxngxiaoguo'let nus:string;console.log(name.trim())//非空断言操作符 ! 可以消除编辑器 当nus为undefined时候报错//使用时注意 保证nus不为undefined,否则运行时会报错console.log(nus!.trim())export {};泛型const addUID = <T extends { name: string }&g.

2021-03-09 11:25:46 374

原创 typeScript学习(十四)、接口类实现

创建接口export interface HasFormatter { name?: string;//可以实现也可以不实现 age?: number; format(): string;}实现类import { HasFormatter } from "../interfaces/hasformatter";class Invoice2 implements HasFormatter { constructor( private cl.

2021-03-09 11:23:52 48

原创 typeScript学习(十三)、接口

interface IsPerson { name: string; age: number; speak(a: string): void; spend(a: number): string;}/***********************************普通实现**************************************** */const me: IsPerson = { name: "shaun", age: 30.

2021-03-09 11:20:00 44

原创 typeScript学习(十二)、模块化管理

创建类模块class Invoice { // private client: string; // public details: string; // readonly amount: number; constructor( private client: string, //内部访问可修改 public details: string, readonly amount: number //内部访问不可修改 .

2021-03-09 11:19:08 33

原创 typeScript学习(十一)、面向对象_public_private_readonly

// classesclass Invoice { // private client: string; // public details: string; // readonly amount: number; constructor( private client: string, //内部访问可修改 public details: string, readonly amount: number //内部访问不可修改

2021-03-09 11:16:49 57

原创 typeScript学习(十)、面向对象_class

class Invoice { client: string; details: string; amount: number; constructor(c: string, d: string, a: number) { this.client = c; this.details = d; this.amount = a; } format() { return `${this.client} o.

2021-03-09 11:16:00 36

原创 typeScript学习(九)、function_type_参数限制_返回值类型

// let greet: Function;//// greet = (name: string): void => {// console.log(`hello ${name}`);// };//// greet('world')/**********************参数限制********************************** *///声明let greet: (a: string, b: string) => void;//实现gree

2021-03-09 11:14:48 82

原创 typeScript学习(八)、类型别名_Type_Aliases

//将sting和number类型封装为StringOrNum类型type StringOrNum = string | number;const logDetails = (uid: StringOrNum, item: string) => { console.log(`${item} has a uid of ${uid}`);};logDetails(1111, "world");// ------------------------------------------.

2021-03-09 11:13:23 40

原创 typeScript学习(七)、function_参数默认值_可选参数

/*****************************参数默认值********************************* */const add: Function = (num1: number, num2: number = 10) => { return num1 + num2;};function add2(num1: number, num2: number = 10) { return num1 + num2;};function add3(.

2021-03-09 11:10:07 63

原创 typeScript学习(六)、动态类型

let staff: any = 119;console.log(staff);staff = "ruby";staff = { name: "ruby",};staff = [1];console.log(staff)// --------------------------------------------------------------------let languages: any[] = ["ruby", 18, [1], { name: "ruby" }]

2021-03-09 11:08:03 71

原创 typeScript学习(五)、联合类型_数组类型_对象类型

/*******************************联合类型**************************************** */let money: string | number | boolean = 9;money = "5";money = 6;console.log(money)/*******************************数组类型**************************************** */let lan.

2021-03-09 11:06:45 270

原创 typeScript学习(四)、数组和对象

/****************************数组***********************************/let languages = ["ruby", "js", "dart", "python"];console.log(languages[0]);languages.push("java");//ts报错(默认只能存字符串)// languages.push(222);languages[0] = "rust";console.log(lang.

2021-03-09 11:04:34 161

原创 typeScript学习(三)、基本类型

let hName = "huangxiaoguo";hName = 'xiaoguo';console.log(hName)const username = "huangxiaoguo"//常量不可以修改(ts会报错)// username ='xiaoguo'/*******************************数据类型***************************/let age: number = 19// let age = 19//number类

2021-03-09 10:41:23 23

原创 typeScript学习(二)、配置文件 tsconfig.json

生成配置文件 tsconfig.jsontsc --init编译ts—>js直接执行tsctsc修改tsconfig.json中的配置tsc使用npx生成tsconfig.jsonnpm install -g npxnpx tsconfig.json

2021-03-09 10:37:48 201

原创 typeScript学习(一)、认识ts

安装tsnpm install -g typescript查看版本tsc --version相关命令tsctsc -wtsc-nodetsc-node-devnodemon tspconcurrently "tsc ..." "nodemon ..."编译ts—>jstsc filename.ts // filename为TypeScript文件名//tsc命令工具还可以同时编译多个ts文件,多个文件之间用逗号隔开tsc file1.ts.

2021-03-09 10:34:12 72

原创 React.js学习(十五)、antd实现自定义主题

安装less cnpm install less less-loader --save创建 config-overrides.jsconst { override, fixBabelImports, addLessLoader } = require('customize-cra');//针对antd实现按需打包module.exports = override( fixBabelImports('import', { libraryName: 'antd',.

2021-03-02 14:48:54 50

原创 React.js学习(十四)、antd实现按需打包

安装 antdcnpm install antd --save安装依赖cnpm install react-app-rewired --savecnpm install customize-cra --savecnpm install babel-plugin-import --save创建 config-overrides.js修改 package.json "scripts": { "start": "react-scripts start", .

2021-03-02 12:24:23 79

使用阿里ARouter路由实现模块化开发流程

使用阿里ARouter路由实现模块化开发流程,介绍了Arouter的基本使用方法,快速实现模块化开发

2017-12-08

android使用CollapsingToolbarLayout实现折叠效果

android使用CollapsingToolbarLayout实现折叠效果

2017-02-09

移动端强大的富文本编辑器richeditor-android

通常我们使用富文本编辑器都是在H5端实现,但是如果你遇到在移动端发表文章的功能,那么richeditor-android这套框架可以轻松为你实现,不需要再使用大量的控件进行拼凑!

2018-01-15

greendao3.0以上数据库到底该怎么升级下载

greendao3.0以上数据库到底该怎么升级

2017-01-16

openCV贾志刚.txt

openCV贾志刚视频教程,网盘地址,OpenCV级联分类器训练与使用实战教程,OpenCV 特征提取与检测实战视频课程,OpenCV视频分析与对象跟踪实战教程,OpenCV图像处理-小案例实战教程,OpenCV图像处理视频课程,OpenCV图像分割实战视频教程等多个文件。

2020-11-29

java-android:AES加密,RAS加密,DES加密,MD5加密,Base64加密,异或加密

java代码实现各种加密算法:AES加密解密,RAS加密解密,DES加密解密,MD5加密,Base64加密解密,异或加密解密

2017-09-20

商城首页一键回到顶部功能实现(包括ListView, RecyclerView 和 ScrollView)

一般只要做商城的大家都知道或都见过有个悬浮按钮,当你向下滑动到一定的位置的时候他就会乖乖的弹出了!当你点击一下他就会跳转到页面的顶部(其实可以是任何位置的),在顶部的时候他就会乖乖的消失。

2016-12-17

android:kotlin语言使用greendao数据库简解

使用kotlin语言编写android程序时,使用greendao3.0数据库简介

2017-10-05

利用fmod实现android仿QQ变声功能

利用fmod实现android仿QQ变声功能,可以直接使用到项目中

2019-09-19

使用RecyclerViewHeader一键添加RecyclerView头布局并实现轮播效果 实例源码下载

使用RecyclerViewHeader一键添加RecyclerView头布局并实现轮播效果

2017-01-23

lottie动画效果使用简例

lottie动画效果使用简例

2017-02-21

使用RecyclerView打造QQ条目侧滑效果

使用RecyclerView打造QQ条目侧滑效果

2017-01-07

快捷使用Retrofit网络请求框架(get请求,post请求,上传文件)

快捷使用Retrofit网络请求框架(get请求,post请求,上传文件)

2017-03-24

Glide4使用简介

我想大多数人在自己的项目中还是使用Glide3.7.1这个版本吧!不过Glide版本现在已经到4.4.0了! 当我们把Glide3更换成Glide4,会发现大部分地方都报错了,那么该怎样快速替换Glide3为Glide4呢?

2017-12-25

android插件化——支付宝如何在不安装淘票票的情况下加载淘票票原生App

android插件化——支付宝如何在不安装淘票票的情况下加载淘票票原生App

2018-04-11

Android仿淘宝最新向上滚动广告条

在之前的淘宝中。向上滚动的广告条只有文字,而现在的广告条不仅有文字还有图片滚动.

2018-01-03

连连支付官方demo

连连支付官方demo下载下来导入AndroidStudio可能不能使用,这里重新写了一下,导入AS就可以使用

2017-10-31

android:RecyclerView交互动画(上下拖动,左右滑动删除)

android:RecyclerView交互动画(上下拖动,左右滑动删除)

2018-10-11

android增量更新.zip

使用NDK的方法,解决android项目增量更新,主要使用bsdiff和bzip2

2019-08-22

MVVM之DataBinding的使用

MVVM中DataBinding的使用,帮助小白从0开始快速使用DataBinding到自己的项目中

2018-06-02

android替换Glide通讯组件为Okhttp并监控加载进度

主要实现将Glide通讯组件更换为当下最流行的网络加载框架Okhttp,并且通过拦截器实现图片加载进度,demo中还包括更换缓存路径和更换加载模式为ARGB_8888功能等

2017-11-21

使用RecyclerView自定义目录快速索引

使用RecyclerView自定义目录快速索引

2017-01-11

jsoup-1.8.1

使用 jsoup 来解析 HTML。

2017-08-02

android新特性:DrawerLayout与NavigationView配合使用

android新特性:DrawerLayout与NavigationView配合使用

2017-01-20

kotlin-中文免费文档(后台,android,前端)

kotlin-中文免费文档(后台,android,前端),本来不想设置积分的,但是为什么现在显示最少是1积分,没法选0积分。

2017-09-15

集合&&IO总结表

集合&&IO总结表

2017-01-15

仿SlidingMenu自定义QQ侧滑菜单

仿SlidingMenu自定义QQ侧滑菜单

2017-01-09

晓果博客的留言板

发表于 2020-01-02 最后回复 2020-04-15

空空如也

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

TA关注的人 TA的粉丝

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