- 博客(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
1231
原创 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
492
原创 记录宝塔 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
431
转载 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
427
原创 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
5042
原创 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
244
转载 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
971
原创 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
429
原创 创建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
74
原创 阻止微信浏览器下拉
function noPullDown(selector) { //禁止页面拖动 document.querySelector('body').addEventListener('touchmove', function (e) { console.log('禁止下拉出现网页来源信息') if(!selector) { e.preventDefault() } else { // 如果需要部分区域
2021-08-05 14:54:41
486
原创 Hyperf 里中间件使用方式和中间件的流程原理 包括通过 @Middlewares 和 @Middleware 注解来注册中间件
官网解释这里的中间件指的是 “中间件模式”,该功能属于 hyperf/http-server 组件内的一项主要功能,主要用于编织从 请求(Request) 到 响应(Response) 的整个流程,该功能完全基于 PSR-15 实现。原理中间件主要用于编织从 请求(Request) 到 响应(Response) 的整个流程,通过对多个中间件的组织,使数据的流动按我们预定的方式进行,中间件的本质是一个 洋葱模型,我们通过一个图来解释它:图中的顺序为按照 Middleware 1 -> Midd
2021-07-01 11:59:08
1500
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
898
原创 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
1018
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
2385
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
1306
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
858
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
1002
2
转载 hyperf 自定义注解
这篇文章是转载得防止删除备注了一下基础操作 https://blog.csdn.net/hedeqiang9436/article/details/106498656比较详细的个人想法的 https://blog.csdn.net/u010602865/article/details/112668961什么是注解什么是注释?注解 与 注释 的区别:注释:给程序员看,帮助理解代码,对代码起到解释、说明的作用。注解:给应用程序看,用于元数据的定义,单独使用时没有任何作用,需配合应用程序对其元
2021-05-25 17:33:29
884
原创 hyperf 依赖注入
简单对象注入通常来说,类的关系及注入是无需显性定义的,这一切 Hyperf 都会默默的为您完成,我们通过一些代码示例来说明一下相关的用法。假设我们需要在 IndexController 内调用 UserService 类的 getInfoById(int $id) 方法。<?phpnamespace App\Service;class UserService{ public function getInfoById(int $id) { // 我们假设存在
2021-05-24 14:12:13
669
原创 hyperf 定义访问路由
其实文档对于路由这块写的已经非常清楚了, 只是记录一下。通过配置文件定义路由通过注解来定义路由 (主要用于自动生成路由)通过 @Controller 注解定义路由(更精细化的制定路由)// 原先indexController在外面, 挪到了里面的写法, 并且通过注解自定义路由处理http请求(比较灵活不用一定是mvc)...
2021-03-09 22:12:27
595
原创 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
492
原创 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
833
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
1588
原创 vuex 注册 + 更改值 + 提交载荷 + Action(逻辑层) + 派生属性 getter + module 模块化
安装依赖 npm install --save vuex每一个 Vuex 项目的核心就是 store(仓库)。 store 就是一个对象,它包含着你的项目中大部分的状态(state)。state 是 store 对象中的一个选项,是 Vuex 管理的状态对象(共享的数据属性)建立vuex文件注册使用全局 和 通过点击更改全局...
2020-11-16 11:18:32
342
原创 vue组件添加事件@click.native
1,给vue组件绑定事件时候,必须加上native ,否则会认为监听的是来自Item组件自定义的事件2,等同于在子组件中: 子组件内部处理click事件然后向外发送click事件:$emit(“click”.fn)<Item @click.native = “shijian()”>...
2020-11-11 15:24:50
365
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
1555
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
190
转载 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
166
原创 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
318
原创 解决vue-loader webpack 版本出现的问题
出现问题问题描述主要是webpack打包时出现问题报错如上发现vue-loader 和 vue-template-compiler 版本不匹配解决方法npm instllnpm update之后再运行就解决了
2020-09-25 17:43:22
1560
原创 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
320
原创 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
263
原创 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
121
转载 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
558
原创 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
3592
原创 条件渲染 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
114
原创 VUE 比较函数和计算属性 + class数据绑定 +style 数据绑定
计算属性 computed computed 选项定义计算属性计算属性 类似于 methods 选项中定义的函数计算属性 会进行缓存,只在相关响应式依赖发生改变时它们才会重新求值。函数 每次都会执行函数体进行计算。需求:输入数学与英语分数,采用 methods 与 computed 分别计算出总得分...
2020-07-20 13:23:00
655
原创 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
190
1
原创 初次认识vue + mvvm
初次认识vue之 hello worldmvvm是 model - view -viewmodel 的缩写model 就是dataview 就是模板页面viewmodel 本质上就是vue实例把需要改变的数据初始化到vue中,通过修改vue数据实现对视图的更新
2020-07-17 10:52:38
111
php 文件目录操作类|Dir.php
2020-11-05
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人