自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(73)
  • 资源 (9)
  • 收藏
  • 关注

转载 webstorm tailwindcss 不智能提示 问题

新版本会安装为:npm:@tailwindcss/postcss7-compat@^2.2.0 // 这个地方会导致weistorm无法智能提示,因为webstorm提示是采用的:node ./node_modules/tailwindcss/lib/cli.js build。./node_modules/tailwindcss/tailwind.css --config tailwind.config.js 这个在2.2的版本中会出错,无输出。商业转载请联系作者获得授权,非商业转载请注明出处。

2023-05-11 08:57:31 968

原创 JavaScript 堆内存溢出

你可以在执行命令时添加 --max-old-space-size 选项来增加 Node.js 的堆内存限制。例如,node --max-old-space-size=4096 my_script.js 将 Node.js 堆内存限制增加到 4GB。例如,NODE_OPTIONS=“–max-old-space-size=4096” yarn run build 将 Yarn 命令的堆内存限制增加到 4GB。如果你的机器内存较小,可以尝试在执行命令时关闭一些其他程序或服务,以释放一些内存。

2023-04-03 10:26:08 416

原创 记录宝塔 Ubuntu安装Vue脚手架后找不到命令解决方法

确认安装成功后,通过 vue 和 vue --verison 命令查看帮助信息和版本信息,正常是可以正常访问的,但这时却发现系统提示“找不到vue命令”创建好后,我们再次通过 vue 和 vue --verison 命令查看帮助信息和版本信息,可以发现,可以正常获取到信息了。通过命令 npm install -g @vue/cli 命令全局安装 Vue 脚手架。安装完毕后,通过命令 npm list -g 查看全局安装的模块,确认安装成功。宝塔使用的是node.js插件 vue存放位置是。

2023-03-24 18:07:44 377

转载 vue——通过post方法下载文件并重命名 后端要暴露参数

vue——通过post方法下载文件并重命名参考:https://blog.csdn.net/u011301203/article/details/102629952https://www.cnblogs.com/codesyofo/p/14142197.html前端downLoad(){let that = thislet params = { // 根据后端需求传参meetName: encodeURI(that.meetName),htmlText: encodeURI(that.con

2022-05-31 14:55:37 406

原创 vue3 vue-seamless-scroll

main.ts// @ts-ignoreimport scroll from "vue-seamless-scroll/src";app.use(scroll)引用<template> <div class="give_an_alarm"> <div class="level_title"> <div class="top_level"></div> <span>告警日志</span

2021-11-29 16:27:48 4978

原创 css 动画

//验证码动画.QrcodeAnimation{//动画class 时长 速度animation: mymove 1s linear;//当动画完成后,保持最后一个属性值animation-fill-mode: forwards;//运行次数animation-iteration-count: 1;// normal - 动画正常播放(向前)。默认值// reverse - 动画以反方向播放(向后)// alternate - 动画先向前播放,然后向后// alternate-rev

2021-11-13 17:20:23 227

转载 uniapp中实现px转rpx

方法在网上搜索一番后,我选择用PostCSS的一个插件来解决这个问题。插件:postcss-pxtorpx-pro安装:npm install postcss-pxtorpx-pro --save-dev然后找到postcss.config.js这个文件,将该插件添加进去即可:————————————————版权声明:本文为CSDN博主「码飞飞」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。原文链接:https://blog.csdn.net/weix

2021-11-11 10:13:28 869

原创 vue3 中的setup

setup 的运用和其意义reactive, 创建一个响应式数据ref, 用于创建一个响应式数据,当数据发生改变时,Vue会自动更新UI ref和reactice的最大区别是 ref 返回的是{value: xxx}computed, 计算属性 有缓存watchEffect 监听 没缓存<template> <img alt="Vue logo" src="./assets/logo.png" /> <HelloWorl

2021-09-18 16:59:20 338

原创 创建vue3的项目

vue create vue01 (创建项目)手动选择支持的特性// bable 过 Babel ,可以帮我们将 高级的语法转换为 低级的语法// typeScript 使用ts开发//linter / Formatter 代码检查//unit testing 单元测试选择版本 使用3开发//是否使用 class-style (因为使用3的变动, 不需要这项) N//选择格式化代码选择哪个//lint on save 可以快速知道代码有没有问题//lint and fix

2021-09-14 11:01:59 63

原创 阻止微信浏览器下拉

function noPullDown(selector) { //禁止页面拖动 document.querySelector('body').addEventListener('touchmove', function (e) { console.log('禁止下拉出现网页来源信息') if(!selector) { e.preventDefault() } else { // 如果需要部分区域

2021-08-05 14:54:41 460

原创 Hyperf 里中间件使用方式和中间件的流程原理 包括通过 @Middlewares 和 @Middleware 注解来注册中间件

官网解释这里的中间件指的是 “中间件模式”,该功能属于 hyperf/http-server 组件内的一项主要功能,主要用于编织从 请求(Request) 到 响应(Response) 的整个流程,该功能完全基于 PSR-15 实现。原理中间件主要用于编织从 请求(Request) 到 响应(Response) 的整个流程,通过对多个中间件的组织,使数据的流动按我们预定的方式进行,中间件的本质是一个 洋葱模型,我们通过一个图来解释它:图中的顺序为按照 Middleware 1 -> Midd

2021-07-01 11:59:08 1400 1

转载 Ubuntu查看crontab运行日志 及解决命令行好用 执行不好使的问题

From:http://www.pooy.net/ubuntu-open-crontab-logging-and-resolution-no-mta-installed-discarding-output-problem.html在ubuntu下安装crontab后,系统默认的是不开启crontab的日志记录,如何开始crontab的日志:修改rsyslog文件,将/etc/rsyslog.d/50-default.conf 文件中的#cron.*前的#删掉;重启rsyslog服务service rs

2021-06-30 16:04:39 832

原创 Hyperf 里配置的使用方式 通过 @Value 注解获取配置,通过 config() 全局函数获取配置 3 中形式

//1.写在配置中2.单独新建文件hyerf/ config / autoload/foo.php<?phpreturn [ 'bar' => '9999'];通过依赖注入的形式获取配置<?phpnamespace App\Controller;use Hyperf\Di\Annotation\Inject;use Hyperf\HttpServer\Annotation\AutoController;/** * @AutoController()

2021-06-29 18:56:29 934 2

原创 hyperf协程概念 协程的多种创建方式 Channel 的使用及调度流程 通过 WaitGroup 特性和 Parallel 特性通过子协程并行

协程概念Hyperf 是运行于 Swoole 4 的协程之上的,这也是 Hyperf 能提供高性能的其中一个很大的因素。PHP-FPM 的运作模式在聊协程是什么之前,我们先聊聊传统 PHP-FPM 架构的运作模式,PHP-FPM 是一个多进程的 FastCGI 管理程序,是绝大多数 PHP 应用所使用的运行模式。假设我们使用 Nginx 提供 HTTP 服务(Apache 同理),所有客户端发起的请求最先抵达的都是 Nginx,然后 Nginx 通过 FastCGI 协议将请求转发给 PHP-FPM

2021-06-25 16:49:27 2216 1

原创 hyperf 协程数据混淆的思考和分析

<?phpnamespace App\Controller;use Hyperf\HttpServer\Annotation\AutoController;use Hyperf\HttpServer\Contract\RequestInterface;/** * @AutoController() */ class CoController{ private $foo = 1; public function get(){ return

2021-06-19 16:51:42 1195 2

转载 vue+element 键盘回车事件导致页面刷新的问题

问题:input输入框输入内容,按键盘上的回车按钮,会刷新界面      解决方法:1.如果回车时有方法需要调用,在调用方法的时候加上@keyup.enter.native 2.如果在input上加上@keyup.enter.native,第一次回车时还是会刷新界面,在el-from上加上  @submit.native.prevent<el-form :inline=“true” class=“search

2021-06-19 15:11:04 797 1

原创 2021-06-11 hyperf AOP 面向切面编程

用通俗的话来讲,就是在 Hyperf 里可以通过 切面(Aspect) 介入到任意类的任意方法的执行流程中去,从而改变或加强原方法的功能,这就是 AOP。第一步新建app/Aspect/IndexAspect.php切入注解<?phpnamespace App\Aspect;use App\Annotation\Foo;use App\Controller\User\IndexController;use Hyperf\Di\Annotation\Aspect; #用 @Aspe

2021-06-11 14:16:14 966 2

转载 hyperf 自定义注解

这篇文章是转载得防止删除备注了一下基础操作 https://blog.csdn.net/hedeqiang9436/article/details/106498656比较详细的个人想法的 https://blog.csdn.net/u010602865/article/details/112668961什么是注解什么是注释?注解 与 注释 的区别:注释:给程序员看,帮助理解代码,对代码起到解释、说明的作用。注解:给应用程序看,用于元数据的定义,单独使用时没有任何作用,需配合应用程序对其元

2021-05-25 17:33:29 812

原创 hyperf 依赖注入

简单对象注入通常来说,类的关系及注入是无需显性定义的,这一切 Hyperf 都会默默的为您完成,我们通过一些代码示例来说明一下相关的用法。假设我们需要在 IndexController 内调用 UserService 类的 getInfoById(int $id) 方法。<?phpnamespace App\Service;class UserService{ public function getInfoById(int $id) { // 我们假设存在

2021-05-24 14:12:13 627

原创 hyperf 定义访问路由

其实文档对于路由这块写的已经非常清楚了, 只是记录一下。通过配置文件定义路由通过注解来定义路由 (主要用于自动生成路由)通过 @Controller 注解定义路由(更精细化的制定路由)// 原先indexController在外面, 挪到了里面的写法, 并且通过注解自定义路由处理http请求(比较灵活不用一定是mvc)...

2021-03-09 22:12:27 580

原创 ubuntu 20 安装hyperf

首先看hyperf 得安装环境先安装PHP7.3以上 我安装了7.4apt install php7.4-fpm php7.4-dev php7.4-mysqlsudo apt install redis-serversudo apt install php-redisapt install nginxapt install mysql-server顺手安装了mysql redis MySQL是8的之后安装swoole 在码云上或者github 上找到swoole右键复制链接地址

2021-03-07 23:01:42 467

原创 ubuntu 部署 simps +mqtt

安装mqtthttps://blog.csdn.net/qq_29933439/article/details/91307940一. 为什么选择在ubuntu下安装服务器的原因 因为考虑后使用wireshark抓取MQTT数据包来进行对MQTT协议分析, mqtt客户端使用的是eclipse.paho.ui.app(安装在windows下,后续将介绍如何安装),如果将mqtt服务器安装在windows下,那么wireshark无法捕获localhost数据包(可能有其他办法搞定,总之没必要麻烦,而且将

2021-02-05 14:43:15 792 3

转载 Ubuntu16.04 or ubuntu 20 安装 php7.3 Nginx Mysql8 + Ubuntu安装nginx_php7以及配置index.php启动 + 更换源

转载https://blog.csdn.net/qq_31953961/article/details/90079814大部分操作都是根据转载中的操作一样那么中间又遇到什么坑了呢文档中没有安装php-fpmapt-get install php7.3-fpm源地址过慢更换了阿里的源地址 //首先备份原先的源 sudo cp /etc/apt/sources.list /etc/apt/sources_init.list **1.更改源** vim /etc/apt/sources.l

2020-11-26 23:34:05 1550

原创 vuex 注册 + 更改值 + 提交载荷 + Action(逻辑层) + 派生属性 getter + module 模块化

安装依赖 npm install --save vuex每一个 Vuex 项目的核心就是 store(仓库)。 store 就是一个对象,它包含着你的项目中大部分的状态(state)。state 是 store 对象中的一个选项,是 Vuex 管理的状态对象(共享的数据属性)建立vuex文件注册使用全局 和 通过点击更改全局...

2020-11-16 11:18:32 335

原创 vue组件添加事件@click.native

1,给vue组件绑定事件时候,必须加上native ,否则会认为监听的是来自Item组件自定义的事件2,等同于在子组件中: 子组件内部处理click事件然后向外发送click事件:$emit(“click”.fn)<Item @click.native = “shijian()”>...

2020-11-11 15:24:50 356 1

转载 首次登录mysql未设置密码或忘记密码解决方法

https://blog.csdn.net/qq_38737992/article/details/810903731.首先输入以下指令:sudo cat /etc/mysql/debian.cnf运行截图如下:再输入以下指令:mysql -u debian-sys-maint -p//注意!//这条指令的密码输入是输入第一条指令获得的信息中的 password = ZCt7QB7d8O3rFKQZ 得来。//请根据自己的实际情况填写!运行截图如下:(注意! 这步的密码输入的是 ZC

2020-10-22 09:07:42 1489 1

原创 layer 关闭弹出层 + 解决PHP使用POST提交数据不完整,数据不全的问题

layer 关闭弹出层 window.parent.location.reload()//刷新父页面 var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引 parent.layer.close(index); //再执行关闭参考文章 : http://www.xiaoshu168.com/jquery/148.htmlhttps://www.jb51.net/article/16

2020-10-16 15:11:41 167

转载 vue : 无法加载文件 C:\Users\1111111\AppData\Roaming\npm\vue.ps1,因为在此系统禁止运行脚本

在用脚手架搭建vue项目时,提示:无法加载文件 C:\Users\1111111\AppData\Roaming\npm\vue.ps1,因为在此系统禁止运行脚本这是你笔记本禁止运行脚本,解决办法1.管理员身份打开 运行powershell(管理员身份)23.输入set-ExecutionPolicy RemoteSigned4.选择Y 或者A ,就好了...

2020-10-02 17:00:32 153

原创 vue-cli 安装与创建 vue-cli 脚手架自选选项说明 + 脚手架项目结构 + 自定义配置 + vscode 自定义vue模板 + mockjs基础生成规则 + easy-mock本地环境部署

vscode 自定义vue模板第一步第二步1、打开file(文件)->preferences(首选项)->User snippets(用户片段),输入vue.json(或vue),添加下面代码。2、新建vue文件,输入vue回车,补全为vue2.0语法,输入v3回车,补全为vue3.0语法 { "Print to console": { "prefix": "vue", "body": [ "<template>", ...

2020-09-28 09:08:03 304

原创 解决vue-loader webpack 版本出现的问题

出现问题问题描述主要是webpack打包时出现问题报错如上发现vue-loader 和 vue-template-compiler 版本不匹配解决方法npm instllnpm update之后再运行就解决了

2020-09-25 17:43:22 1531

原创 Webpack 安装 系统环境变量

第二章 Webpack 安装和案例2.1全局安装1.安装 webpack2.如果上面安装的是 webpack v4+ 版本, 还需要安装 CLI , 才能使用 webpack 命令行可通过 npm root -g 查看全局安装目录3.如果安装后,命令行窗口 webpack 命令不可用,则手动配置 全局目录的 环境变量,具体见 2.2.12.2快速入门VSCode 中安装插件 Node Snippets ,有代码快捷提示2.2.1打包 JS 模块默认情况下, 模块化 JS 浏览器不能识别,可

2020-09-23 15:04:44 292

原创 Vue 动画隐藏显示 + v-pre + v-text -v-cloak +自定义指令

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head> <style> .fad

2020-08-06 23:01:38 247

原创 vue v-for + v-on + 事件修饰符 + 按键修饰符 + 表单数据双向绑定

v-forv-on

2020-08-04 22:44:02 237

原创 git + 码云 + tortoisegie

注册码云新建仓库3.生成公钥4- 1 客户端操作命令行操作第一步 按照码云上的提示操作第二步 公钥的生成 https://gitee.com/help/articles/4181如果不好使 解决方案 git正确设置了ssh,但仍然提示Permission denied (publickey)https://blog.csdn.net/I_can_/article/details/88170601?utm_medium=distribute.pc_relevant.

2020-07-28 17:48:22 101

转载 Ubuntu16.04 安装 php7.2 Nginx Mysql8 + Ubuntu安装nginx_php7以及配置index.php启动

转载 https://www.cnblogs.com/Yatces/p/11388811.html转载 https://blog.csdn.net/qq_31953961/article/details/90079814Ubuntu版本信息:root@yatces-virtual-machine:~# cat /etc/lsb-releaseDISTRIB_ID=UbuntuDISTRIB_RELEASE=16.04DISTRIB_CODENAME=xenialDISTRIB_DE

2020-07-27 17:29:27 546

原创 ubuntu ssh root登陆

1.默认使用ubuntu用户登录,密码为服务器配置时设置的密码,可在重置密码中修改2.修改 root 密码sudo passwd root3.修改配置文件sudo vi /etc/ssh/sshd_config找到下面相关配置:Authentication:LoginGraceTime 120PermitRootLogin prohibit-passwordStrictModes yes更改为:Authentication:LoginGraceTime 120#PermitRoot

2020-07-27 10:00:41 3556

原创 条件渲染 v-if+ v-show

条件指令v-if 是否渲染当前元素v-else v-else-if v-show 与 v-if 类似,只是元素始终会被渲染并保留在 DOM 中,只是简单切换元素的 CSS 属性 display 来显示或隐藏v-if 与 v-show 比较什么时候元素被渲染v-if 如果在初始条件为假,则什么也不做,每当条件为真时,都会重新渲染条件元素v-show 不管初始条件是什么,元素总是会被渲染,并且只是简单地基于 CSS 进行切换使用场景选择v-if 有更高的切换开销,v-show 有更高的初

2020-07-20 16:21:29 104

原创 VUE 比较函数和计算属性 + class数据绑定 +style 数据绑定

计算属性 computed computed 选项定义计算属性计算属性 类似于 methods 选项中定义的函数计算属性 会进行缓存,只在相关响应式依赖发生改变时它们才会重新求值。函数 每次都会执行函数体进行计算。需求:输入数学与英语分数,采用 methods 与 computed 分别计算出总得分...

2020-07-20 13:23:00 635

原创 vue {{}} + v-once + v-html + v-bind + v-on

{{xxxx}} 双大括号文本绑定v-xxxx 以 v- 开头用于标签属性绑定,称为指令双大括号语法 {{}}格式: {{表达式}}作用:使用在标签体中,用于获取数据可以使用 JavaScript 表达式一次性插值 v-once通过使用 v-once 指令,你也能执行一次性地插值,当数据改变时,插值处的内容不会更新v-html如果是HTML格式数据,双大括号会将数据解释为普通文本,为了输出真正的 HTML,你需要使用 v-html指令。Vue 为了防止 XSS 攻击,在此指令上.

2020-07-17 11:45:59 177 1

原创 初次认识vue + mvvm

初次认识vue之 hello worldmvvm是 model - view -viewmodel 的缩写model 就是dataview 就是模板页面viewmodel 本质上就是vue实例把需要改变的数据初始化到vue中,通过修改vue数据实现对视图的更新

2020-07-17 10:52:38 103

skeleton.zip

skeleton.zip

2021-02-05

PHP 文件log类|Log.php

PHP 文件log类PHP

2020-11-05

php 文件目录操作类|Dir.php

php 文件目录操作类php 文件目录操作类php 文件目录操作类php 文件目录操作类php 文件目录操作类php 文件目录操作类php 文件目录操作类

2020-11-05

PHP 传输数据加密(时间限制[可选])|DataEncryption.php

PHP 传输数据加密(时间限制[可选])PHP

2020-11-05

php数组之间的子级父级转换|Category.php

php数组之间的子级父级转换

2020-11-05

Excel-tp5最新.php

PHP execl导出导入类

2020-11-05

04-Webpack入门到精通教程.pdf

04-Webpack入门到精通教程.pdf

2020-11-04

03-Vuejs入门到高级项目实战教程v3.1.pdf

03-Vuejs入门到高级项目实战教程v3.1.pdf

2020-11-04

02-VS Code安装教程.pdf|02-VS Code安装教程.pdf

02-VS Code安装教程.pdf

2020-11-04

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除