- 博客(192)
- 收藏
- 关注
RSS订阅原创 CentOS8 yum makecache 的时候 AppStream报错
修改 /etc/yum.repos.d 中 CentOS-Linux-BaseOS.repo 文件为以下内容:[baseos]name=Qcloud centos OS - $basearchbaseurl=http://mirrors.cloud.tencent.com/centos/$releasever/BaseOS/$basearch/os/enabled=1gpgcheck=1gpgkey=http://mirrors.cloud.tencent.com/centos/RPM-GPG-.
2022-04-20 14:26:09
709
原创 vue 中使用 js-xlsx 导出数据导 excle, 支持多 sheet
安装: npm install xlsx -S支持多 sheet 导入代码如下:特别强调, 按照官方文档以及网上其他文章的说法, 导入的时候使用的是 import XLSX from 'xlsx', 我下载的 js-xlsx 的版本是 0.18.3, 这个版本中使用这种导入方式根本就不行, 需要使用下面的导入方式或者使用解构的方式导入才能行<template> <div class="excle"> <button @click="download"&g.
2022-03-07 17:39:39
1220
原创 微信小程序中自定义组件
在项目根目录下创建 components 目录, 将所有的组件都放在该目录下, 组件中四个文件的名字都是 index. 注: 当然放在其他目录下, 其他的名字也可以, 包含以下文件和变量的命名, 都只是个人习惯而已组件定义/components/index-active-item/index.wxml<view data-active-id="{{activeItem.id}}" bind:tap="onGoToDetail"> <image src="{{active.
2021-12-27 11:18:34
325
原创 css 中实现四周阴影
.shade { /* 要设置 x 轴和 y 轴的阴影都是 0 */ box-shadow: 0 0 10px rgba(0, 0, 0, .2);}效果如下:
2021-12-27 10:50:08
3398
原创 vue 中使用 vue-pdf 显示PDF
<!DOCTYPE html><html lang="zh"><head> <style> canvas { margin-bottom: 8px; box-shadow: 0 2px 8px 4px rgba(0, 0, 0, 0.1); } .app-header { padding: 16px;
2021-11-18 15:24:49
1195
原创 在 vue 中使用字符串来调用函数
可以使用 const methodList = this.$options.methods 来获取到所有的函数名进而可以使用 methodList[methodStr]() 来调用函数, 但是这样会产生 this 指向问题, 所以如果在函数中如果有用到 this, 则可以在调用的时候将 this 作为参数传递过去如果想要在 js 中通过字符串来调用函数的话, 则可以使用 eval(methosStr + '()') 来调用...
2021-11-15 17:16:18
3419
原创 element 表单中使用 flex 布局对齐方式失效
在使用 element 的表单的时候, 想要让两个 input 输入框放在一排上, 所以代码如下:此时, justify-content: space-between 失效了, 两个 input 输入框并不能两端对齐, 两端还留有一部分距离出现上述问题的原因是在 el-row 中有 after 和 before 这两个伪类, 他们两个的宽度虽然是 0, 但是也占了位置解决方法是把伪类去掉.el-row:before, .el-row:after { content: none}...
2021-11-15 17:09:49
1845
原创 element-ui 中手动上传文件
代码如下<el-upload ref="upload" :auto-upload="false" :http-request="uploadWord"> <el-button size="small" type="primary">选择文件</el-button></el-upload><el-button size="small" type="primary" @click='upload'>点击上传</el-button>.
2021-08-31 14:41:40
922
1
原创 element-ui 中自定义上传回调函数参数
element-ui 文档中上传成功回调函数如下:其中三个参数, 但是如果想要在该钩子中新增参数的话, 可以如下操作:<el-upload class="avatar-uploader" :show-file-list="false" :action="uploadImageUrl" :on-success="response => uploadImageSuccess(response, index)"> <img v-if="teamItem.usericon" :sr.
2021-08-31 11:49:24
1443
原创 vue 中配置跨域问题
在项目根目录下新建 vue.config.js 文件，并写入以下内容module.exports = { devServer:{ // 本地域名 host:'localhost', // 本地端口 port:'8080', open:true, proxy:{ //配置跨域 // 当访问到 api 开头的接口时走下面的内容 '/api':{ // 最终想要访问的地址 ta..
2021-08-25 17:28:52
2496
原创 修改 node_modules 中扩展包的源码
第一次尝试修改扩展包的源码，好难啊，记录一下我要修改的是 form-create-designer 这个包的内容，步骤如下：从 github 中下载代码到自己本地在这个扩展包的 package.json 文件中，修改一下代码。（可能不同的包会不一样，这点我也不是很清楚）"main": "./dist/index.min.js","module": "./dist/index.min.js"// 将上面两行代码修改为一下内容"main": "./dist/index.js","mod.
2021-08-20 17:17:27
782
原创 Mac 拓展屏幕时切换软件窗口停留在Mac 显示器中
电脑设置我电脑的程序坞是在电脑右边的, 而我两块屏幕的排列顺序也是水平方向的, 外接屏幕是主屏幕问题描述由于上面设置的原因, 导致了我在主屏幕上切换软件的时候, 那个切换的窗口一直是在 Mac 上显示的, 不能在外接显示器中解决办法最后发现是窗口的排列顺序要和程序坞的摆放位置不能在同一个方向在我电脑上想要解决上面的问题, 就可以将程序坞调整到屏幕的下面即可或者是将两块屏幕的排列方式调整成是垂直排列的也行...
2021-07-06 15:09:21
1245
原创 网页源码中写的是http请求, 但是最后发出的却是 https
这个绝对是个巨坑啊, 我花了一下午的时间终于找到原因了<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">就是因为上面这行代码的原因, 网上搜了下, 这行代码大致的意思: 告诉浏览器网页中所有的 http 请求都是可信的, 可以将所有的 http 请求都升级为 https如果线上是 https 的话, 还没有什么问题, 但是在本地的话, 这就是一个致命的问题...
2021-06-24 17:07:09
822
转载 JavaScript 中 终止 forEach
JavaScript 中在使用 forEach 的时候, 使用 break 或者 return 并不会起效果, 仍然会把整个循环走完, 而如果想要终止循环的话, 可以使用 try ... catch ... 的方式来实现try { insertData.forEach(function(item) { let value = item['value'] if (value == '') { throw new Error('所有内容都必须填写') } })} catch (e).
2021-05-26 12:50:02
266
原创 Mac 中 node 环境的升降级
可以直接去官网下载安装包, 然后安装后就自动覆盖本地的老版本下载 n 模块 npm -i g nn stable 下载 node 的稳定版n lts 下载最新的 LTS 版本n latest 下载最新版本n 10.0.0 下载指定版本
2021-05-20 09:16:39
171
原创 HTML 中的 table 表格标签
主要作用表格主要是用于显示，展示数据的，因为它可以让数据显示的非常规整，可读性好。基本用法<table> <tr> <td></td> </tr></table><tr> 标签是用于定义表格中的行，必须嵌套在 <table></table> 标签中<td> 标签是用于定义表格中的单元格，必须嵌套在 <tr> 中表头单元格表头中的内容会加粗
2021-05-18 23:55:28
266
原创 Docker 学习笔记
镜像命令docker imagesdocker images: 查看本地的所有镜像后面可以跟的常用参数有 :-a : 列出所有的镜像-q : 只显示镜像 idREPOSITORY : 镜像的仓库源TAG : 镜像的标签TMAGE ID : 镜像的 idCREATED : 镜像的创建时间SIZE : 镜像的大小docker searchdocker search : 搜索镜像docker search mysql --filter=STARS=3000: 搜
2021-05-18 08:45:41
312
原创 Mac中chrome操作的一些快捷键
定位到地址栏 command + L关闭当前标签页 command + W关闭当前窗口 command + shift + W打开上次关闭的标签页 command + shift + T
2021-02-01 16:05:54
177
原创 thinkPHP6中实现支付宝支付
我用的是沙箱环境做的测试, 步骤如下:获取配置信息 点击进入网站, 当然在此之前要先申请个沙箱应用下图是获取到 APPID, 后面会用到下面是获取到公钥和私钥, 由于我之前设置过公钥, 如果是刚刚创建的沙箱应用, 那么可能和我的页面稍有不同, 但是只需要按照提示操作获取公钥和私钥即可由于我忘记私钥是多少了, 所以需更换下公钥以重新获取私钥, 操作如下:重新生成私钥的话, 需要下载一个工具, 点击进入下载链接, 选择自己电脑操作系统对应的版本即可生成秘钥生.
2020-11-12 16:58:40
3727
2
原创 thinkPHP6中使用 distinct 不起作用
最近在项目中遇到这么个问题:在开课记录表中, 有重复开课的数据, 在查询所开的课程中一共有多少节的时候, 查出来的课程的节数是双倍的, 当按照官方文档上说明的使用 distinct(true) 使用的时候, 并不能达到去重的效果后经过查找后, 发现如下的解决方式:$result = Db::table('开课表')->leftjoin('课程视频表','开课表的课程id = 视频表的课程id')->group('课程id')->count('distinct 视频表id').
2020-11-04 11:58:03
1175
1
原创 jquery中a标签点击的时候报 xxx is not defined at HTMLAnchorElement.onclick
页面内容是 :html += '<li><a href="javascript:void(0)" onclick="clickPage(' + secondTypeId + ',' + type + ',' + (i + 1) + ')">' + (i + 1) + '</a></li>'报错如下:其中 index 是 type 的值, 这个时候, 页面好像是一直把 index 当做是一个变量, 不能解析, 而我想要的是一个字符串, 所以需要.
2020-10-28 14:36:50
1407
1
原创 jQuery上传图片
前端<form class="form-horizontal" role="form" id="editUserInfo"> <div class="form-group"> <label class="col-sm-2 col-xs-3 control-label mt10">头像：</label> <div class="col-sm-2 col-xs-9 textIMG"> <img id=.
2020-10-27 10:10:20
735
1
原创 php中报Cannot load module ‘phalcon‘ because required module ‘psr‘ is not loaded in Unknown on line 0
先查看是否有phalcon和psr扩展,我的是没有的,所以需要安装下psr,安装步骤如下 :git clone https://github.com/jbboehr/php-psr.gitcd php-psr/usr/local/php/bin/phpize # 此处的路径,有可能你的跟我的不一样./configure --with-php-config=/usr/local/php/bin/php-config # 此处的路径,有可能你的跟我的不一样makemake test # .
2020-10-08 14:56:34
2797
原创 在centons中nginx部署HTTPS站点
我的nginx的配置文件是在/usr/local/nginx/conf/nginx.conf下的,所有关于站点的配置文件是放在/usr/local/nginx/conf/vhost目录中的,sssl证书是放在/usr/local/nginx/conf/ssl目录中的,当然每个人的目录可能都有所差别配置站点server { listen 80; # 配置80端口 return 301 https://$server_name$request_uri; # 强制使用https,其.
2020-09-12 23:57:31
133
原创 前端实现多视频上传
效果图如下 :其实拿电视剧来举例子更合适,比如要添加一个电视剧,而这部电视剧有很多集,而如果视频格式是m3u8格式的话,就和我的一样了,就需要同时选中很多个文件,这个时候就需要用到这样类似的功能了代码如下 :<style>.line { width: 80%; height: 1px; border-top: solid RGB(85, 175, 230) 1px; margin: 0 auto;}</style><..
2020-08-28 15:50:53
3362
2
原创 PHP上传视频到阿里云oss
下载阿里云oss的SDKcomposer require aliyuncs/oss-sdk-php上传视频,我用的是分片上传,其实阿里云的文档已经写得很清楚了,不过这是当我把上传的功能写出来后才这样觉得的,在没有写出来的时候我当时觉得他的文档写的一点都不清楚,所以我才决定写篇文章记录下下面的代码是复制阿里文档的,本文主要是解释说明下其中的几个参数 :$accessKeyId,$accessKeySecret这两个值都是可以在阿里云的账号中获取到的$endpoint是oss仓库中的 En.
2020-08-28 15:24:53
3011
4
原创 js中在使用new FormData()的时候报Failed to construct ‘FormData‘: parameter 1 is not of type ‘HTMLFormElement‘
最近在写上传视频的功能,前端使用 FormData来提交数据使用一下代码来获取表单中的数据(使用ajax提交数据)let formData = new FormData($('#uploadVideosForm'));结果报了如下的错误 :最后经过尝试后,发现是使用jQuery获取DOM出现的问题,应该使用原生js来获取let formData = new FormData(document.getElementById('uploadVideosForm'));这个时候才.
2020-08-28 15:08:54
20581
2
原创 vue请求delete接口的时候报The DELETE method is not supported for this route. Supported methods: GET, HEAD, PO
在用vue的axios请求delete接口的时候报The DELETE method is not supported for this route. Supported methods: GET, HEAD, POST,如下:vue中的代码如下:axios.delete('http://blog.test/api/type',{'id':id}).then(response => (console.log(response)))解决办法为: 修改一下传参的方式即可axios.
2020-06-06 18:53:05
2847
原创 Laravel 中解决跨域问题
在webStorm中的前端代码来访问后端接口时报:办法如下:composer require fruitcake/laravel-cors在 app\Http\Kernel.php中添加如下内容:protected $middleware = [// …\Fruitcake\Cors\HandleCors::class,];把配置文件发布到config中生成cors.php文件(复制的时候注意将双引号修改为英文的,因为我发现就算我输入的英文格式,但是这个Markdo.
2020-05-23 15:33:58
1992
原创 Laravel 中的访问器
在看之前写的代码的时候,觉得访问器这块可能会遗忘,所以决定还是自己记录下比较好laravel中的访问器我个人的理解是,在从数据库中取出来的某个或者某些字段的值中,如果有需要做特殊处理然后才返回给前端的话,这个时候需用用到访问器我个人首先想到的就是那个created_at字段,laravel对这个东西已经有了他自己的处理,那就是在模型文章中定义以下内容即可:protected $date = ['created_at','updated_at'];这样这两个字段就是自动转换为常用的时..
2020-05-23 15:32:58
1706
原创 Laravel 中使用模型工厂 (Factory)
使用模型工厂Factory来填充数据生成对应数据表的模型文件php artisan make:model Models/模型名,一般为单数形式生成模型工厂文件php artisan make:factory 工厂名,工厂名一般是模型名称+Factory,大驼峰命名,如ManagerFactory <?php // 引入模型文件 use App\Models\Manager; use Faker\Generator as Faker;// 修改为指定的模型 $factory-.
2020-05-23 15:31:50
3621
原创 Laravel中使用passport实现用户注册
安装passportcomposer require laravel/passport ‘7.5.0’注:我安装的时候没有一开始没有加版本号,然后就报了如下错:Installation failed, reverting ./composer.json to its original content.加了版本号就好了,但我后来过了段时间尝试的时候,发现不加也可以,加了反而报错,23333执行迁移php artisan migrate这一步我也不知道该怎么说了php artisa
2020-05-22 10:14:01
1071
原创 Mac中搭建Apache + MySQL + PHP环境
最近被Mac下搭建lamp环境搞的我头都炸了,尝试了很多方式,最后使用mamp无意间成功了,所以记录下防止忘记了该软件的安装就是一步一步的操作,没有需要注意的地方我用的是mamp,不是mamp pro该软件的配置文件在 : Apache配置多站点 :/Applications/MAMP/conf/apache/httpd.conf中打开这行的注释:在/Applications/MAMP/conf/apache/extra/httpd-vhost.conf中配置多站点 :注意 : 这里应该.
2020-05-20 11:58:34
235
原创 Vue中关于v-on绑定点击事件时候的参数问题
v-on的绑定点击事件的时候关于参数有三种情况,分别如下 :绑定的方法后面没有括号 <button @click="btnClick">点击</button> <script> const app = new Vue({ methods:{ btnClick(event){ // 此时event就是当前点击的对象 console.log(event) } } }) </script>绑定的方.
2020-05-18 14:45:12
6213
原创 Vue中实现跑马灯效果
老样子,话不多说,直接上代码<!doctype html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">.
2020-05-18 14:23:01
2745
原创 Vue实现简单购物车功能
话不多少,上效果图代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.css" rel="styleshe.
2020-05-17 10:24:02
529
原创 Vue中实现点击当前行变色
话不多说,先上效果默认第一行为红色,当点击第二行的时候,只有第二行变为红色代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .active{ color: red;; } </s.
2020-05-17 10:00:31
12612
4
原创 在Vue中动态绑定label标签中的for (Interpolation inside attributes has been removed)
在Vue中想要动态绑定label中的for的值,一开始这样写的:<div id="app"> <label for="{{ name }}"><span>{{ message}}</span></label> <input type="text" id="{{ name }}" key="{{ name }}"> <button @click="loginType">切换类型</bu.
2020-05-16 22:46:37
6114
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人