【前端相关】 分类

2022/07/04 React中的useState是同步还是异步的？

前提对于同步还是异步的，需要搞清楚，在这里的同步异步是指？ tsx import React, { FC, PropsWithChildren, useState } from 'react'; type ITest = {}; const Test: FC<PropsWithChildren<ITest = (props) = { const coun

2022-07-04 10:48 前端相关 0 人评

2021/10/17 2021-10-17 JS使模板元素进行移动（拖拽模板元素）

前言拖拽模板元素，需要明白：原理很简单，就是将元素设置为绝对定位，然后监听鼠标按下（mousedown），移动事件(mousemove)，改变元素的top、left值就行。但是具体场景，具体业务需要是不一样的，需要具体来说。下面以我最近的需求为例，来展示如何编写vue3 hooks 需求如图，我需要：点集Header部分时，

2021-10-17 15:51 前端相关 0 人评

2021/10/06 2021-10-06 vue3-你可能需要pinia来作为状态管理

前言好久没写博客了，其实我之前和现在写博客的唯一目的，就是为了记录一些不重要，但是以后可能会用但会忘的资料，也就是为了以后方便自己查找。这是其一。其二就是其实还是就懒。 Why 为是什么不使用官方的vuex，vuex其实已经不太适合vue3了，特别时vitevue3tsscriptsetup 重要的一点，就是对于ts的支持不友好，想要ts类型

2021-10-06 17:49 前端相关 1 人评

2021/08/30 2021-08-30 vite使用iconify，图标任你用！

前言需要使用到antfu大佬开发的vite插件 iconify Iconify是功能最丰富的图标框架。可以与任何图标库一起使用的统一图标框架。开箱即用的功能包括80多个图标集和超过70,000个图标有了iconify，基本上也不选哟iconfont了，因为其实如果你用过iconfont，会发现很多图标其实大小这些不配套，需要修改。下

2021-08-30 21:10 前端相关 1 人评

2021/08/21 2021-08-21 vue2+golang使用google的recaptcha验证

前言还是来记录下。申请key reCAPTCHA (google.com)(https://www.google.com/recaptcha/admin/create) 去上面地址添加地址获取两个key 一个前端使用，一个后端。目前我采用的是v2版本，因为后续的vue,golang都支持v2 vue端本次使用的是vu

2021-08-21 14:45 前端相关 0 人评

2021/08/16 2021-08-16 Vue2中使用eslint+prettier+webstorm

前言大部分和这篇文章类似， Webstormvueeslintprettier融合问题迷思雨无道 (misiyu.cn)(https://www.misiyu.cn/article/178.html) 只不过上面这篇是vue3ts的，配置稍显复杂。背景这是一个vue2项目，使用的vuecli脚手架搭建的，当时只选择了eslint，没有

2021-08-16 20:16 前端相关 0 人评

2021/08/11 vite按需引入element-plus一个插件搞定

前言按照 elementplus 文档所言，是使用vitepluginstyleimport 如下： js import { defineConfig } from 'vite' import vue from '@vitejs/pluginvue' import styleImport from 'vitepluginstyleimport' export de

2021-08-11 15:24 前端相关 0 人评

2021/07/31 2021-07-31 在vue3中使用tailwindcss

安装 bash yarn add D tailwindcss@latest postcss@latest autoprefixer@latest bash npx tailwindcss init p vuecli 新增配置： js //vue.config.js module.exports = { css: {

2021-07-31 11:08 前端相关 1 人评

2021/07/20 Webstorm+vue+eslint+prettier融合问题

前言跟着此文章步骤一点点走下去不一定完全就没问题了，因为都是一点点调出来的的，根本不知道哪些地方改了就没问题，哪些地方改了就有问题了。那么使用WebStorm存在的问题是：在webstorm中，调用快捷键格式化，和保存后自动格式化代码的规则不一致，需要调试。这是一个很简单的问题，也是一个很难受的问题。根据prettier官方文档Integratin

2021-07-20 14:20 前端相关 0 人评

2020/07/21 【React】React-router的使用记录

1. 前言官方文档地址：https://reactrouter.com/web/guides/quickstart(https://reactrouter.com/web/guides/quickstart) 2. 高阶组件先说一下高阶组件的意思，一个函数接受一个组件作为参数返回一个新的组件功能性的封装减少重复代码一般被高阶组件处理过的组件获取数据

2020-07-21 12:09 前端相关 0 人评

It's me

昵称：无道

坐标：成都

性别：

一个人，一介学生社会人，一个儿子~ 愿你我都被世界温暖以待