- 博客(27)
- 资源 (15)
- 收藏
- 关注
原创 浏览器扩展开发之发送系统消息
create 里面的第一个参数是 id,这个 id 比较关键,主要是 update 的时候有用,可以覆盖显示。,这里就用到了 update。
2024-08-23 08:15:39 305
原创 浏览器扩展开发之脚本通信
中创建连接,啥时候创建,取决于你的业务逻辑,比如我一开始就创建。里面监听的事件中有异步操作的话,一定要先返回一个。中一开始就监听连接事件,代码如下。中的写法,直接调用参数中的。中添加监听消息事件,在。中发送消息,反之亦然。
2024-08-22 08:15:03 522
原创 重生之我在NestJS中使用EventStream
有一个需求是需要长连接等待后台的返回,我们使用的,在NestJS中使用很简单,框架基本上已经封装好了。
2024-07-31 10:39:36 523
原创 重生之我在NestJS中使用jwt鉴权
可以使用已经存在的controllerservicemodule也可以新建,后续文章使用的都是新建的文件,整个过程就不使用dto和entities了。
2024-07-18 16:26:19 659
原创 移动端如何实现onTap和onLongTap的事件触发
/ 3.2 也可以给元素添加 `ontap='alert(123213)'`的需求,然后自己摸索了一下,实现了一个自定义事件监听,源码如下。// 1. 引入上面的源码,可以放到一个单独的js中。// 3.1 给要实现的元素添加 tap 的事件监听。最近项目上有需要在移动端监听。// 2. 执行事件初始化。'监听到 tap 事件'
2024-06-03 15:39:00 326 1
原创 vue2项目升级vite,遇到的问题
本来是 vue2 的项目,现在需要用 vite 来编译运行;本来也是多入口应用,诸多配置需要更改;主要需要解决两个东西:①commonjs 的转换;② 多入口的适配。
2024-05-11 14:50:19 625
原创 Vue仿微信过度动画
使用过度动画的原理:牢牢的抓住vue中的transition动画的使用方式,并配合动画的几个过度效果贴一张官网的图和动画的说明v-enter-tov-leave-to。
2022-09-27 08:57:12 288 1
原创 Pinia的基本使用,Vuex的替代品
Pinia的基本使用,Vuex的替代品以下操作均在vue3基础上进行安装npm install pinia基本使用1. 在main.js中引入piniaimport { createPinia } from 'pinia'import { createApp } from 'vue'import App from './App.vue'const app = createApp(App)const pinia = createPinia()app.use(pinia)app.
2022-03-22 17:26:54 1130
原创 Vue3+Vite学习
文章目录1. 文档地址2. 创建项目方式4. `setup` 的语法糖5. 获取上下文6. 自定义事件7. 使用 `JSX` 语法8. 使用 `Mock` 数据9. Router 的使用10. Vuex 的使用11. SCSS 的使用12. 集成 Element313. 配合 github 自动部署1. 文档地址Vite2文档地址2. 创建项目方式npm init @vitejs/appnpm init @vitejs/app my-vue-app -- --template vue##
2022-03-16 22:19:12 942
原创 for in 和 for of 的区别
for in 和 for of 的区别举例说明const arr = [ { name: 'peter', age: 28 }, { name: 'tom', age: 30 }]const obj = { name: 'alice', age: 24 }// for in 循环数组for (let index in arr) { console.log(index) // 这里打印的是数组的下标 0, 1}// for in 循环对象for (let index in
2022-03-08 14:59:21 573
原创 如何给页面加入场和退场的动画
如何给页面加入场和退场的动画思路:利用 vuex 将路由保存在队列中,前进的时候压入队列,后退的时候移出队列用到的技术:Vue Vuex VueRouter Van1. 监听路由的beforeEach事件// src/router/index.jsimport Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter)const router = new VueRouter({ mode: 'hash',
2022-03-04 23:45:43 835
原创 vue.config.js 常用配置
vue.config.js常用配置1. 自动提示/** * @type {import('@vue/cli-service').ProjectOptions} */module.exports = { // 选项...}2. 插件的使用例如使用 filemanager-webpack-plugin 插件,安装npm install filemanager-webpack-pluginconst path = require('path')const FileManagerPlu
2022-03-03 21:54:34 1087
原创 防抖和节流原理和实现
文章目录防抖和节流原理和实现1. 防抖2. 节流防抖和节流原理和实现1. 防抖原理 多少时间内无论操作多少次只触发一次实现方式/** * 防抖 * @params {Function} fn 回调 * @params {Number} 延迟 * @params {Boolean} immediate 是否先执行 */const debounce = function debounce(fn, wait, immediate = false) { let timer = null
2022-01-27 15:18:24 1112
原创 2021年vscode常用插件收藏
2021年vscode常用插件收藏主题相关的1. Monokai Pro非常好看的一款主题色,免费版每天会弹出一次授权2. Material Theme风靡全球的扁平化主题工具相关的1. Auto Rename Tag简介:自动重命名成对的HTML/XML标记,与Visual Studio IDE相同。2. Bracket Pair Colorizer此扩展允许使用颜色识别匹配的括号。用户可以定义要匹配的字符以及要使用的颜色。3. Code Runner4. Live
2021-11-23 22:01:14 979
原创 vue开启https,加载本地证书
vue开启https,加载本地证书1. 通过mkcert创建本地证书1.1 安装mkcert安装方式:npm包地址:https://www.npmjs.com/package/mkcert安装命令:npm install -g mkcert判断是否安装成功,输入命令:mkcert --version,如果能看到版本号,说明安装成功,可以进行下一步1.2 生成证书生成一个ca证书,mkcert create-ca,生成之后会看到一个ca.crt和ca.key文件利用刚刚生成的ca证书,
2021-11-23 09:00:00 16179 32
原创 更改mac图标适配Mac Big Sur圆角图标
更改mac图标适配Mac Big Sur圆角图标1. 安装脚本2. 脚本已经下载好了,怎么运行将图标转换成圆角呢?3. 如果替换的图标不理想,怎么办?4. 如果觉得替换的图标不好看,想还原回去怎么办?5. `iconsur` 的基本使用就说到这儿吧,下面列出一些常用的初衷:自从 mac 更新到 Mac Big Sur 之后,图标开始有了圆角,为了让所有的 app 看着能和谐一下,找到了一个自动将 app 变为圆角的脚本1. 安装脚本安装的方法很简单,下载 shell 文件,放到任意文件夹即可下
2021-10-27 21:57:54 1272
原创 RTMP+Nginx 推流
1. 下载地址http://nginx.org/en/download.html2. 安装./configure --prefix=/usr/local/nginx3. 启动、停止、重启nginx # 启动nginx -s reload # 重新加载配置文件nginx -s stop # 快速停止nginx -s quit # 优雅的退出nginx -s reopen # 重新打开日志文件nginx -c filename # 指定配置文件pkill -9 nginx # 强制停止
2020-06-13 23:10:52 2068
原创 Laravel学习笔记持续更新中
Laravel 学习笔记一、简介1. 安装二、路由的使用1. 文件位置2. 基本使用2.1 根路由2.2 请求方式2.3 `match` 和 `any` 的使用2.4 资源路由3. 参数3.1 必选参数3.2 可选参数3.3 别名3.4 使用 `artisan` 查看路由列表3.5路由群组三、控制器1. 文件位置2. 命名格式一、简介1. 安装composer create-project ...
2020-04-10 08:39:44 365
原创 xdebug远程调试
安装xdebug见我另外一篇文章:PHP安装xdebug配置项xdebug.remote_enable = 1 ; 开启远程调试,必须设置为1xdebug.idekey = PHPSTORM ; 可选设置,xdebug.remote_connect_back = 1 ; 如果PHPStorm在本地,请设置为1,不然本地检测不到设置phpstorm相关配置...
2020-01-02 10:26:05 1000 1
原创 PHP安装xdebug
百度搜一下,一堆网上安全的教程,说一种最简单的安装方式pecl install xdebug找到php的配置文件: php --ini 即可找到配置文件所在位置在配置文件中添加或者启用zend_extension: zend_extension=/www/server/php/72/lib/php/extensions/no-debug-non-zts-20170718/xdebug.so...
2020-01-02 10:12:59 250
原创 PHP怎么校验一个身份证是否正确
首先来介绍一下身份证号码的组成,前往:第二代身份证号码编排规则代码如下$str = '51032219990808473x';function checkIdCard($idCard){ if (strlen($idCard) !== 18) { return false; } $w = [7, 9, 10, 5, 8, 4, 2, 1, 6...
2018-12-19 11:47:16 1703
原创 window终端乱码解决
win+r中输入regedit找到计算机下面的HKEY_CURRENT_USER下面的Console下面的%SystemRoot%_system32_cmd.exe项在右侧找到PageCode, 选择十进制,修改为937或者65001即可完整路径HKEY_CURRENT_USER\Console\%SystemRoot%_system32_cmd.exe...
2018-12-17 13:29:31 3784
原创 安装Ubuntu18的各种坑
文章目录安装Ubuntu18的各种坑坑之一:安装在选择语言界面卡死坑之二:安装好之后在首屏界面卡死坑之三:不能开启WIFI安装Ubuntu18的各种坑坑之一:安装在选择语言界面卡死解决方案在grub将界面,按e进入启动配置,将quite splash ---改为quite splash nomodeset,按F10重启就ok了。参考网址:https://blog.csdn.net/D...
2018-10-14 22:36:07 6731 1
原创 支付宝集成支付
支付宝集成支付首先保证安装好了composer,如果没有安装的可以前往安装快速通道打开终端,输入:composer require johnxu/pay即可使用配置文件// 配置文件$config = [ 'app_id' => '', // 应用ID 'api_url' => 'https://openap...
2018-03-21 13:30:26 992 4
原创 从零构建SMTP邮件发送类
从零构建SMTP邮件发送类从零构建SMTP邮件发送类SMTP连接和发送过程如下SMPT协议常用命令下面开始我们的整体构建一个简单的SMTP邮件发送类下面附上源码注释 SMTP(Simple Mail Transfer Protocol,简单邮件传输协议)是由原地址到目的地址传送邮件的一组规则,用来控制信件的中转方式。SMTP协议属于TCP/IP协议簇,其使每台计算机在发送或中转信件时能到找
2017-09-15 11:05:59 1495
sublime_text_3176破解器
2018-06-19
Python中文手册
2017-10-07
sublime text3最新注册码
2017-09-15
H+ 后台主题UI框架 实例源码下载
2017-02-10
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人