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 人评

正则表达式匹配中文

js \u2E80\u9FFF 最靠谱的是上面这个, 什么百度出来的 ini 匹配中文字符的正则表达式: \u4e00\u9fa5 匹配双字节字符(包括汉字在内):^\x00\xff 全部不靠谱! 并且把我的搜索软件都弄趴下了 话说回来,Jetbrains家的产品确实牛逼
08月13日 10:18 其它杂类 1 人评

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-08-06 Caddy的下载与使用

前言 在nginx已经把服务器性能压干之后,Caddy的作用是啥呢? 开箱即用的某些功能,极简配置。 下载 Download Caddy (caddyserver.com)(https://caddyserver.com/download) 定制化配置下载也是其一大特色功能: image20210806150353188(https://wi
08月06日 15:28 其它杂类 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 人评

2021-07-28 Windows安装MinGW备份

前言 每次安装这些东西都恼火。 找半天,这次备个份: http://mingww64.org/ Downloads mingww64\(http://mingww64.org/doku.php/download) 解压后,点击如下图进行安装: image20210728135442222(https://wimg.misiyu.
07月28日 14:03 软件相关 0 人评

acme.sh 3.0使用教程

bash acme.sh setdefaultca server zerossl 申请证书之前,建议先在ZeroSSL官方网站:https://zerossl.com/(https://zerossl.com/?fpr=xiaoz)注册账号,方便与acme.sh申请的证书进行绑定于关联。 bash acme.sh registeraccount m myemail
07月26日 19:51 其它杂类 0 人评

Webstorm+vue+eslint+prettier融合问题

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

2021-07-18 Laravel5.8结合MeiliSearch+Scout全文搜索

有人说,折腾的最终目的地就是默认,这句话是真没错…. 折腾那么久之后,还是就回归misiyu了 不管怎么说,最近以来,编程能力也是有不少提高的,虽然很久没写php了,但是编程这东西很多东西真是互通的.. 再加上,最近撸了几个腾讯云轻量服务器,所以把原来运行在学生机上面的博客搬移到新机器上了,这次无论是Mysql,php,nginx都是全手动搭建,只
07月18日 15:26 PHP 2 人评

Centos7安装redis

安装Redis 安装Redis有多重办法,这里介绍两种; 注意:Redis仅支持Linux系统,虽然微软开源小组做了个Windows版本的,但其2016年后便没有维护了,所以不建议使用学习; Linux编译安装 官网地址:https://redis.io/ 在官网中,我们可以下载最新稳定版,编写此文时事5.0.8; 截图1585881116(https:
07月18日 09:59 教程相关 0 人评

【笔记】Linux安装Nginx相关步骤,备忘

1. 前言 本来尝试了Docker的,但是由于一些原因,不太方便,还是选择原生 的nginx安装 2. 下载 下载:http://nginx.org/en/download.html 下载后,解压到一个目录,此目录随便,因为之后要编译 编译代码: bash ./configure user=www group=www prefix=/usr/loc
07月16日 21:04 一些备忘 2 人评

2021-07-15 Centos7 安装php7,并与php8共存

前言 共存需要编译安装以指定安装目录 下载 bash wget https://www.php.net/distributions/php7.4.21.tar.gz 系统依赖 bash yum install gcc autoconf gccc y yum install y libxml2 libxml2devel openssl opensslde
07月16日 19:34 一些备忘 0 人评

2021-07-14 vscode 远程链接ssh配置

前言 配置如下: ini Host name HostName ip User xxx Port xxx IdentityFile C:\\Users\\kuan\\.ssh\\idrsa
07月14日 19:39 一些备忘 0 人评

Centos7安装php8

title: 'Centos7安装php8' date: 20210712T20:00:5908:00 draft: false slug: 'centos7installphp8' CentOS 7.编译安装PHP8 Leone 博客园 (cnblogs.com)(https://www.cnblogs.com/doseoer/p/14050037.html)
07月13日 20:25 教程相关 0 人评

nginx开启gzip压缩

Nginx开启gzip ini gzip on; gzipminlength 1k; gzipcomplevel 4; gzipbuffers 4 16k; gziphttpversion 1.1; gziptypes text/plain text/css application/json application/javascript text/xml application
06月26日 19:38 一些备忘 0 人评

安装drone记录

安装 yml version: '3' services: droneserver: restart: always image: drone/drone:1 ports: "10003:80" volumes: ./data/drone/:/var/lib/drone/
06月05日 11:19 教程相关 2 人评
It's me
昵称:无道
坐标:成都
性别:
一个人,一介学生社会人,一个儿子~ 愿你我都被世界温暖以待