大龙帅-CSDN博客

微信分享签名报错：realAuthUrl: xxxxxx;sing: fail; 前端访问URL和后端不一样；h5跳转小程序，进入到开放标签页面，需要重新载入config微信网页授权，获取code的重定向地址，如果是hash地址，无法直接拿code参数，需要做字符串截取处理vue ref获取子组件大坑！ const temp = ref() 此处的temp一定和子组件上的 ref=“temp” 名称一致！！！不然获取不到！！！vue 配置多环境打包后文件不压缩是因为 .env文

2023-04-28 13:55:29 175

原创 JS常用方法

【代码】JS常用方法。

2023-04-26 14:35:53 85

原创 vue2中axios封装

vue2中axios简单的封装了一下

2022-10-09 16:33:15 2586

原创 react之useRef和createRef

一、useRef和createRef1. 作用于普通DOMimport { Input, Button } from 'antd';import { useRef, createRef } from 'react';import type { InputRef } from 'antd';const RefDemo = () => { const inputEL = useRef<InputRef>(null); const inputEL2 = useRef&lt

2022-05-15 19:22:26 3756

原创 react之useContext、useReducer

一、useContetxtreact父组件传值给子组件，可以直接在组件上传值。如果有多个子组件或者还带有孙子组件，那么普通传值就会很繁琐，useContext能够实现组件状态的穿透父组件创建一个 context 状态，我这里用 ts 给了个类型，没用到 ts 可以忽略import { createContext, useState, useContext } from 'react';type ContextType = { count: number};const ConfigCon

2022-04-12 19:57:46 1052

原创 react之useState、useEffect

一、useStatereact 函数式组件的状态import { useState, useEffect } from 'react';import { Button } from 'antd';const StateDemo = () => { const [count, setCount] = useState<number>(0); return ( <div> <p>count: { count }</p&g

2022-04-07 22:01:14 759

原创 umi 路由配置

一、基础路由项目根目录下新建文件夹：config/routes.tsx （umi约定，位置不能错，不然引入会报错）routes.tsximport type { IRoute } from 'umi';const routes: IRoute[] = [ { path: '/', component: '@/pages/index' }];export default routes;.umirc.ts这个文件内引入简单介绍下这个文件：umi的配置文件，参考官方文档impo

2022-04-05 21:35:13 8775

原创 umi+react项目创建

一. 创建项目新建一个项目空目录，随便取一个名字：umi-react打开命令行，执行：yarn create @umijs/umi-app安装依赖，执行：yarn运行项目：执行：yarn start

2022-04-05 15:18:24 1342

原创 vscode前端插件简单配置

Auto Close Taghtml标签自动闭合Chinese (Simplified) (简体中文) Language Pack for Visual Studio Codevscode中文插件儿Easy LESS项目无框架无webpack时可以使用的一个less转换插件settings.json配置"less.compile": { "out": false, //是否输出css文件，false为不输出 "compress": false, //是否压缩 "sour..

2022-03-19 20:38:27 1033

原创 Unexpected token o in JSON at position 1 at JSON.parse (＜anonymous＞)

这种类型的报错一般是localStorage、sessionStorage与JSON.parse、JSON.stringify获取引起的；往本地存对象数据的时候是否用JSON.stringify转为字符串存储;使用JSON.parse转换的数据不能为空字符

2021-12-17 17:24:32 2307 1

原创 TS基础数据类型

1. 布尔值、数字、字符串let bool: boolean = false;let num: number = 123;let str: string = "古德古德";let str_2: string = `${str} 模版字符串也是OK的`;2. 对象let obj: object = {a: 1, b: 2};3. 数组let arr: number[] = [1];let arr2: Array<string> = ['string'];let arr3:

2021-12-17 17:09:38 149

原创 ts入坑之路

ts入坑之路day-1全局安装：npm install -g typescript最基础配置- 命令行运行：tsc --init 生成tsconfig.json配置文件- 修改以下地方"lib": ["dom", "es6", "es7"], // 使用dom api的时候防止报错后面两个es也加上不然也会报错我也不清楚为啥么"strict": "false", // 建议关掉作为新手老是出现知识盲区的报错vscode自动编译- 依次选择 Terminal => R

2021-10-14 16:13:29 110

原创 box-sizing之content-box和border-box

HTML中的盒子模型当在HTML顶部声明了 doctype后网页就是标准模式下渲染，HTML中的块级元素就是一个盒子模型标准盒模型：box-sizing: content-box一个标准盒模型所占的空间 = 实际宽高（width/height）+ 内边距（padding）+ 边框（border）+ 外边距（margin）例如：定义一个宽高为100px的标准盒模型，然后给他加上bo...

2019-08-10 16:58:23 270 1

大龙帅的博客

原创从零开始一个h5聊天室--前端（一）

原创工作中遇到的一些前端问题