自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

DreamFJ的博客

技术+生活

  • 博客(396)
  • 收藏
  • 关注

原创 el-tab 按需加载

el-tab 按需加载 tab

2023-01-11 08:50:14 931

原创 vue.js 如何确保在异步获取成功之后,才进行页面渲染?

在异步请求回来后或者事件监听到后再去实例化Vue

2023-01-11 08:32:52 990 1

原创 vue-router 异步按需加载组件时增加loading

vue-router 异步按需加载组件时增加loading

2022-11-15 14:48:30 806

原创 利用webpack的require.context读取文件

利用webpack的require.context读取文件

2022-10-28 15:14:06 680

原创 chrome出现Provisional headers are shown

chrome出现Provisional headers are shown,看不到cookie等请求头信息

2022-06-17 09:08:37 1668

原创 后台管理系统表单封装

背景:后台管理系统有很多布局类似的页面,查询展示的,表单提交的等。系统基于Vue + ElementUI开发的单页应用。每次写一个新增/编辑页面都会写一堆类似如下的表单代码:<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm"> <el-form-item label="活动名称" prop="name"> <

2022-04-21 09:40:17 764

原创 端口被占用,如何kill掉

netstat -ano|findstr 8080 //说明:查看占用8080端口的进程taskkill /pid 8108 /f //说明:运行windows自带taskkill命令,将上面显示的进程号,结束掉。

2022-04-18 11:26:28 582

原创 全局滚动条样式修改

::-webkit-scrollbar { width: 8px; height: 12px; background-color: #fff;}::-webkit-scrollbar-thumb { display: block; min-height: 12px; min-width: 8px; border-radius: 6px; background-color: rgb(217, 217, 217);}::-webkit.

2021-10-28 10:06:08 212 3

原创 计算属性和函数的区别

函数:每次调用都会执行(如果数据经常发生变化,推荐使用)计算属性:只要返回的结果没有发生变化,计算属性就只会被执行一次(如果数据不经常变化,推荐使用)

2021-05-06 15:24:07 545

原创 vue自定义指令

directive方法接收两个参数:第一个:指令名称(string),不需要v-第二个:配置项(object),指令可以在不同的生命周期阶段执行,参考官方文档的钩子函数:https://cn.vuejs.org/v2/guide/custom-directive.html#%E9%92%A9%E5%AD%90%E5%87%BD%E6%95%B01、自定义全局指令<!DOCTYPE html><html lang="en"><head> &

2021-05-06 14:16:52 144

原创 MAC上Git安装与GitHub基本使用

参考:MAC上Git安装与GitHub基本使用

2021-04-27 11:00:22 134

原创 图片宽高自适应,不压缩

img{ max-width: 188px; max-height: 106px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}

2021-04-26 15:47:53 224

原创 Vue3 究竟好在哪里?(和 React Hook 的详细对比)

写的真好!参考:Vue3 究竟好在哪里?(和 React Hook 的详细对比)

2021-04-25 17:53:08 318

原创 什么是BFC?

参考:https://blog.csdn.net/sinat_36422236/article/details/88763187

2021-04-25 11:41:41 107

原创 scss模块化

以react简单举例import pcStyles from './knowledgeDialog.module.scss';import mobileStyles from './knowledgeDialog_mobile.module.scss';import { isMobile } from "@utils/ua";let styles = isMobile() ? mobileStyles : pcStyles;<div className={styles.header.

2021-04-23 14:12:15 292

原创 react在线编辑器

https://codesandbox.io/s/proud-meadow-8i3nz?file=/src/index.js

2021-04-22 17:07:47 1658

原创 useCallback()、useMemo() 解决了什么问题?

参考:https://www.jianshu.com/p/014ee0ebe959

2021-04-22 16:53:46 170

原创 搜索需要的ts声明文件

可以在这个页面搜索:https://www.typescriptlang.org/dt/search?search=

2021-03-25 10:37:04 505 1

原创 promise示例

1、等图片加载完后获取图片的尺寸,后续可以判断尺寸是否符合要求 const getImageSize: any = (url) => { let size = { width: 0, height: 0, } let img = new Image(); img.src = url; return new Promise(resolve => {

2021-03-22 10:59:39 122

原创 React Hooks系列之useImperativeHandle

转自:React Hooks系列之useImperativeHandle

2021-03-18 11:06:18 196

原创 js快速交换数组里元素位置

参考:https://blog.csdn.net/qq_36812165/article/details/111224040

2021-03-04 19:20:46 249 1

原创 如何使用React.memo()

参考:https://www.jianshu.com/p/b3d07860b778

2021-02-24 20:19:23 167

原创 react项目启动报错:Uncaught TypeError: Cannot read property ‘forEach‘ of undefined

参考:https://blog.csdn.net/feinifi/article/details/112448350

2021-02-23 14:44:45 324

原创 Thunk 函数的含义和用法

参考:Thunk 函数的含义和用法

2021-02-22 18:11:53 195

原创 React state和props使用场景

参考:React state和props使用场景

2021-02-02 14:11:34 127

原创 CSS3实现0.5px的边框

参考:CSS3实现0.5px的边框

2021-01-27 10:44:16 188

原创 react antd table 单击一行选中当前行复选框

参考:官方例子react 入坑学习(二)antd table 单击一行选中当前行复选框

2021-01-26 19:43:55 878

原创 无法打开“XXXX”,因为Apple无法检查其是否包含恶意软件。怎么解决?

参考:无法打开“XXXX”,因为Apple无法检查其是否包含恶意软件。怎么解决?

2021-01-21 15:10:29 306

原创 安装react-devtools

参考:Google 安装React Devtools方法(通过git克隆/直接下载)React开发者工具 React Developer Tools 的下载

2021-01-19 17:20:42 84

原创 修改placeholder样式

https://www.cnblogs.com/ooo0/p/6141764.html

2021-01-14 15:24:45 159

原创 react 的 Fragment

react 的 Fragment 类似于 vue 的 template参考:https://www.jianshu.com/p/36bb4d88f26c

2021-01-14 10:33:17 117

原创 postman调用接口成功,前端本地请求接口返回405

postman或其他接口测试工具测试接口成功,前端本地请求接口返回405,本地代理的问题,加上:secure: true即可前端反向代理问题修改前:修改后:参考:https://www.jianshu.com/p/956a0064fe7d

2021-01-05 19:43:41 4801 3

原创 vue.config.js配置代理

proxy: { //配置跨域 '/api': { target: 'https://www.baidu.com/', //这里后台的地址模拟的;应该填写你们真实的后台接口 ws: true, changOrigin: true, //允许跨域 pathRewrite: { "^/api": "" //这里理解.

2020-12-30 15:54:53 1697

原创 vue+typescript怎么写computed

export default class xx extends Vue { private get greet(): string { return 'hey' + this.name }}参考:https://blog.csdn.net/rj0024/article/details/108464573

2020-12-29 16:57:49 1660

原创 vue+typescript,三种组件传值方式

参考:https://blog.csdn.net/qq_34648151/article/details/86707397

2020-12-29 16:42:25 360

转载 正则表达式-支付宝账号验证

支付宝账号分为个人账号和企业账号个人账号可以是邮箱和手机号企业账号只能是邮箱手机号正则表达式:/^1[3-9]\d{9}$/邮箱正则表达式:/^[a-zA-Z\d._-]*\@[a-zA-Z\d.-]{1,10}\.[a-zA-Z\d]{1,20}$/同时支持手机号和邮箱:/^(?:1[3-9]\d{9}|[a-zA-Z\d._-]*\@[a-zA-Z\d.-]{1,10}\.[a-zA-Z\d]{1,20})$/转自:http://www.qilin668..

2020-12-28 14:58:51 1494

转载 正则表达式-身份证号码验证

身份证号码验证1.第一代身份证15位:/^[1-9]\d{5}\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}$/例:if (sfzhmcode.length == 15 && !(/^[1-9]\d{5}\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}$/.test(sfzhmcode))) { docu...

2020-12-25 11:05:16 375

原创 解决Property ‘$echarts‘ does not exist on type ‘***‘.Vetur(2339)办法

参考:http://www.zyiz.net/tech/detail-132962.html

2020-12-23 10:29:38 2442

原创 vue-property-decorator

参考:https://blog.csdn.net/sllailcp/article/details/102542796/

2020-12-23 10:20:04 95

原创 vue-cli3.0环境变量与模式

参考:https://www.cnblogs.com/heroljy/p/9305263.html

2020-12-22 15:06:38 97

空空如也

空空如也

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

TA关注的人

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