Ant-Design-Pro使用QianKun微前端最佳实践 前提:做项目时偶然了解到微前端的概念,在详细了解后觉得对分解【巨石】应用有很大的帮助,查阅了一些文档和资料后自己整了一套,以备后用~文档资料:QianKun官网https://qiankun.umijs.org/zhUmi JS v4关于QianKun的使用说明https://umijs.org/docs/max/micro-frontendAnt Design Pro🏆 让中后台开发更简单 包含 table form 等多个组件。https://pro.ant.design/zh-CN/docs/get.
npm、yarn如何设置源 介绍一款能同时、分开管理npm、yarn源的工具npm: https://www.npmjs.com/package/cgr github: https://github.com/daysai/cgr安装:npm install -g cgr默认源列表:cgr lsN npm ---- https://registry.npmjs.org/ cnpm --- http://r.cnpmjs.org/Y taobao - https://registry.npm.taobao
GitHub项目迁移到GitLab后,如果使用GitHub Desktop快速配置项目为GitLab地址? 1、选中原项目,依次在GitHub Desktop菜单中选择Repository-Repository settings...并修改下方Remote中的地址为修改后的GitLab的地址:2、再次选中原项目,鼠标右击并选择Remove...3、依次在GitHub Desktop菜单中选择File-Add local repository...(快捷键:crl+O),在弹出的文件选择器中选择原有的GitHub项目文件:4、完结撒花~~~......
JavaScript:判断链接是否从微信或QQ中打开 是否微信中打开:let is_weixin = (function () { let ua = navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == 'micromessenger') { return true; } else { return false; }})();是否QQ中打开:let is_qq = (function () {
Ant Design Pro如何全局更换页面的Loading样式? 前言:最新的项目用的是Ant Design Pro v5.0的框架,每个页面的Loading默认用的是Spin组件,以前的项目也是默认用的Spin项目,在这个项目中看到后就有点审美疲劳了~~~,所以就想替换掉默认的加载动画,在网上也找了好多方法,有的是语言不对应,有的是版本不对应,有的虽然可以实现,但是要在每个请求时去做处理,就会比较麻烦,经过认真查阅官网API,在Spin组件的最后一句话中发现了实现的最优方案 ):官网地址话不多数,直接上实现过程:1、在项目的src/components文
Ant-Design-Pro中:EditableProTable在ProForm保存时一并验证EditableProTable中每条数据的规则是否满足 注:EditableProTable默认是在单行保存时调用表单验证,如下图:现在项目有个需求:是点击EditableProTable外部的保存按钮对整个表单进行验证,实现效果如下:思路如下:EditableProTable提供了editable属性,可以设置form属性:官网地址实现代码如下,复制可直接运行):import React, { useState, } from 'react';import { FooterToolbar, } from '@ant-desi
项目中用到的正则整理(持续更新) 1、只能输入纯英文字母、符号/^[\x00-\xff]*$/2、只能输入纯英文字母、符号或纯英文字母、符号和中文括号/^[\x00-\xff +()]*$/3、不能输入某个字符,如:&/^((?!&).)*$/4、验证邮箱格式:可以输入多个邮箱并用;分隔/^((([a-z0-9_\.-]+)@([\da-z_\.-]+)\.([a-z\.]{2,6}\;))*(([a-z0-9_\.-]+)@([\da-z_\.-]+)\.([a-z\.]{2,6})..
IDEA官网:JETBRAINS.COM进不去解决办法 方法一:修改hosts文件hosts文件路径:C:\Windows\System32\drivers\etc进入C:\Windows\System32\drivers\etc,以文本形式编辑hosts文件 注释以下内容:#IDEA官网#0.0.0.0 account.jetbrains.com#0.0.0.0 www.jetbrains.com方法二:修改DNS打开控制面板,选择网络和 Internet选择查看网络状态和任务选择网络中的点击以太网,并点击属性Intern
基于React封装的可拖拽排序的表格组件 废话不多说,直接开干~~~~1、安装必须的依赖: "react-dnd": "^10.0.2", "react-dnd-html5-backend": "^10.0.2", "immutability-helper": "^3.0.1",2、组件代码如下:import React from 'react';import {Table,} from 'antd';import {DndProvider,DragSource,DropTarget,} from 'r
JS日期+天数返回一个新的日期 JS日期+天数返回一个新的日期参数1:原日期参数2:天数export function addDate(date,days){ var d=new Date(date); d.setDate(d.getDate()+days); var m=d.getMonth()+1; return d.getFullYear()+'-'+m+'-'+d.getDate();}
配置:VS CODE 中 HTML 和 VUE 没有自动补全 1、在插件市场搜索安装HTMLSnippets插件2、点击文件-首选项-设置,然后根据以下截图进行操作3、setting.json中加入以下代码"files.associations":{ "*.vue":"html"},
记录一次 FineReport 参数面板摸坑之路 # FineReport的参数面板可以实现在数据集中通过参数直接过滤得到自己需要的数据1、点击编辑按钮即可以实现对参数面板的修改:2、通过拖动面板上方的组件进行面板参数的组合:3、手动添加过滤条件参数:点击收支类型下拉组件,在右侧弹出的控件设置面板中找到数据字典并点击,如下:弹出如下图面板,下拉选择 '自定义'并添加参数:在SQL中 Where处判断如下:日期参数设置详图如下:4、通过数据集添加过滤条件参数:点击项目下拉组件,在右侧弹出的.....
GitHub Desktop 提交代码时出现:Commit failed - exit code 1 received 的解决办法 博主提交的是用React写的前端代码,解决办法中:找到项目中的 package.json文件,删除其中这行代码:再次重新提交即可。
Windows 电脑常见问题汇总记录(持续更新) 1、外接机械键盘Win键不能使用:方法1:Fn+PrtSc 方法2:同时按住左右两个Win键3秒左右松开2、 查看电脑端口占用情况:netstat -ano
初识 SwiftUI (基于 IOS 13+) 什么是 SwiftUI ?2019年 WWDC 大会上,苹果宣布了基于 Swift 语言构建的全新 UI 框架 SwiftUI 。其界面布局完全抛弃了 Storyboard 和Autolayout ,采用了声明式的界面语言(DSL,即Domain Specific Language),加上 Canvas 的实时预览功能,开发体验有了很大的提升。近年来随着编程思想、技术的进步,越来越多的开始使用......
React 中 Table 数据源已经改变,但是 Table 却没有显示新的数据 前言:在前段时间有一个 React 中的 Bug 真是困扰了我好长时间~~~场景还原:点击 Table 的某一行,下方显示另一个 Table ,其数据是上方 Table 数据源中的子数据实现思路:给 Table 数据重新给一个新的唯一的ID 并赋值给 Table 的 rowKey1、在点击 Table 的行的方法中:onRow={(record, index) => {......
关于 Pure MVC 的一些个人理解(基于 IOS 开发) 前言:本篇所写的名词很多可以在下面链接中找到:初识Prue MVC(基于IOS的文件夹创建、Storyboary的使用及其它)先附上架构图~~~1、Model、View、Controller 的作用:Model 中存放数据、访问网络 View 中显示页面 Controller 中写业务逻辑2、Delegate (代理模式)的理解:在 view 中,每一个页面被写成两个......