2021-10-17 JS使模板元素进行移动(拖拽模板元素)

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

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

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

2021-08-30 vite使用iconify,图标任你用!

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

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
08月21日 14:45 前端相关 0 人评

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

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

vite按需引入element-plus一个插件搞定

前言 按照 elementplus 文档所言,是使用vitepluginstyleimport 如下: js import { defineConfig } from 'vite' import vue from '@vitejs/pluginvue' import styleImport from 'vitepluginstyleimport' export de
08月11日 15:24 前端相关 0 人评

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: {
07月31日 11:08 前端相关 1 人评

Webstorm+vue+eslint+prettier融合问题

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

【React】React-router的使用记录

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

[面试]Vue的面试题汇总(个人总结)

优聚集:https://ujuji.com 迷思爱:http://hao.misiai.com 1. vuex的作用? vuex是一个专门为vue.js应用程序开发的状态管理模式、vuex可以帮助我们管理共享状态,也就是管理全局变量 vuex的几个核心概念: vuex使用一个store对象管理应用的状态,一个store包括:state,getter,muta
2020-06-16 11:31 前端相关 0 人评