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
前端相关
0 人评
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/13 正则表达式匹配中文
js
\u2E80\u9FFF
最靠谱的是上面这个，
什么百度出来的
ini
匹配中文字符的正则表达式： \u4e00\u9fa5
匹配双字节字符(包括汉字在内)：^\x00\xff
全部不靠谱！
并且把我的搜索软件都弄趴下了
话说回来，Jetbrains家的产品确实牛逼
2021-08-13 10:18
其它杂类
1 人评
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/08/06 2021-08-06 Caddy的下载与使用
前言
在nginx已经把服务器性能压干之后，Caddy的作用是啥呢？
开箱即用的某些功能，极简配置。
下载
Download Caddy (caddyserver.com)(https://caddyserver.com/download)
定制化配置下载也是其一大特色功能：
image20210806150353188(https://wi
2021-08-06 15:28
其它杂类
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/28 2021-07-28 Windows安装MinGW备份
前言
每次安装这些东西都恼火。
找半天，这次备个份：
http://mingww64.org/
Downloads mingww64\(http://mingww64.org/doku.php/download)
解压后，点击如下图进行安装：
image20210728135442222(https://wimg.misiyu.
2021-07-28 14:03
软件相关
0 人评
2021/07/26 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
2021-07-26 19:51
其它杂类
0 人评
2021/07/20 Webstorm+vue+eslint+prettier融合问题
前言
跟着此文章步骤一点点走下去不一定完全就没问题了，因为都是一点点调出来的的，根本不知道哪些地方改了就没问题，哪些地方改了就有问题了。
那么使用WebStorm存在的问题是：
在webstorm中，调用快捷键格式化，和保存后自动格式化代码的规则不一致，需要调试。
这是一个很简单的问题，也是一个很难受的问题。
根据prettier官方文档Integratin
2021-07-20 14:20
前端相关
0 人评
2021/07/18 2021-07-18 Laravel5.8结合MeiliSearch+Scout全文搜索
有人说，折腾的最终目的地就是默认，这句话是真没错….
折腾那么久之后，还是就回归misiyu了
不管怎么说，最近以来，编程能力也是有不少提高的，虽然很久没写php了，但是编程这东西很多东西真是互通的..
再加上，最近撸了几个腾讯云轻量服务器，所以把原来运行在学生机上面的博客搬移到新机器上了，这次无论是Mysql，php，nginx都是全手动搭建，只
2021-07-18 15:26
PHP
2 人评
2021/07/18 Centos7安装redis
安装Redis
安装Redis有多重办法，这里介绍两种；
注意：Redis仅支持Linux系统，虽然微软开源小组做了个Windows版本的，但其2016年后便没有维护了，所以不建议使用学习；
Linux编译安装
官网地址：https://redis.io/
在官网中，我们可以下载最新稳定版，编写此文时事5.0.8；
截图1585881116(https:
2021-07-18 09:59
教程相关
0 人评
2021/07/16 【笔记】Linux安装Nginx相关步骤，备忘
1. 前言
本来尝试了Docker的，但是由于一些原因，不太方便，还是选择原生 的nginx安装
2. 下载
下载：http://nginx.org/en/download.html
下载后，解压到一个目录，此目录随便，因为之后要编译
编译代码：
bash
./configure user=www group=www prefix=/usr/loc
2021-07-16 21:04
一些备忘
2 人评
2021/07/16 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
2021-07-16 19:34
一些备忘
0 人评
2021/07/14 2021-07-14 vscode 远程链接ssh配置
前言
配置如下：
ini
Host name
HostName ip
User xxx
Port xxx
IdentityFile C:\\Users\\kuan\\.ssh\\idrsa
2021-07-14 19:39
一些备忘
0 人评
2021/07/13 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)
2021-07-13 20:25
教程相关
0 人评
2021/06/26 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
2021-06-26 19:38
一些备忘
0 人评
2021/06/05 安装drone记录
安装
yml
version: '3'
services:
droneserver:
restart: always
image: drone/drone:1
ports:
"10003:80"
volumes:
./data/drone/:/var/lib/drone/
2021-06-05 11:19
教程相关
2 人评
It's me
昵称：无道
坐标：成都
性别：
一个人，一介学生社会人，一个儿子~ 愿你我都被世界温暖以待
最新评论
1
initSettingStore 是什么时候调呢
2
感谢博主的分享，支持了。
技术文章，学习了。
3
暑期快乐，感谢博主的分享，支持了。
技术文章，学习了。
80% WordPress博客，都是在讲
4
你好你好你好你好你好你好你好你好你好你好你好你好你好
5
@198，额。。。这就不知道怎么回了.。
你不会每天都要逛很多网址吧，2333
6
@199，当然可以，但是一般来说这些包管理工具都不会是最新版本。
另外，对于编程这行来说肯定最
7
弱弱地问一句，yum和aptget这些不能直接装好吗？233
aptget install
点击排行
随机标签