背书包的甜瓜-CSDN博客

search组件<template> <div class="contain"> <el-input class="input" v-model="value" @change="onInput" :placeholder="placeholder"></el-input> </div></template><script>import { defineComponent, re

2022-03-29 17:35:27 2357 1

<!DOCTYPE html><html><head><meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <style> div{ width:100px; height:100px; background:red; position:relative; animation:mymove 1.6s infinite; -webkit-ani.

2022-02-08 16:08:48 819

原创 js 获取时间

let now = new Date();let time = now.getFullYear() + "-" +((now.getMonth()+1)<10?"0":"")+(now.getMonth()+1)+"-"+(now.getDate()<10?"0":"")+now.getDate();

2022-01-12 10:01:44 134

原创 Contos7配置Nginx多个端口及目录

练手用，怕忘记，记录一下。我用的是腾讯云的contos下载Nginx（使用命令行下载或者自己下载完上传到服务器都可以）wget -c https://nginx.org/download/nginx-1.12.0.tar.gz解压tar -zxvf nginx-1.12.0.tar.gz进入目录cd nginx-1.12.0配置./configure编译安装makemake install安装目录是在 /usr/local/nginx 要是找不...

2021-11-05 17:07:08 2067

原创 js 前端实现验证码

let code = '' let codeLength = 4 //验证码的长度 let random = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z') //随机数 for (l.

2021-11-03 19:52:58 268

原创 vue element 递归左侧菜单栏，可收缩

调用的地方TreeMenu为递归菜单组件<template> <div class="bgk"> <div class="leftMenuBk" :style="isCollapse"> <el-scrollbar class="scrollbar-wrapper"> <div> <i :class="[isSh.

2021-10-25 10:11:51 858

原创 vue封装websocket建立心跳并使用

新建websocket.jsvar websock = null;var global_callback = null;function initWebSocket(url){ //初始化weosocket // 处理地址转化ws // if(url.indexOf('https')!=-1){ // url='ws'+url.substring(5) // }else if(url.indexOf('http')!=-1){ // url='ws

2021-07-12 10:24:03 645 1

原创 vue :style动态传值并修改样式

html<div :style="classObject(item)">传值过去</div>js computed:{ classObject:function () { return function (params) { // 计算值 if(/*********/){ return {'color':"#ffffff".

2021-06-29 09:57:50 2135

原创 js 树形数组转一维数组（递归）

let list = [ { mid: '1', title: '数据统计', icon: 'el-icon-s-data', children: '', }, { mid: '2', title: '用户管理', icon: 'el-icon-s-custom', children: [ { mid: '21', title: '用户列表', icon: 'el-ico.

2021-05-07 10:22:08 1813

原创 vue + element 取消表格背景不固定列

<template> <div> <el-table :data="tableData1" border stripe> <el-table-column v-for="(item, index) in tableCols1" :key="index" :prop="item.name" :label="item.label" :width="item.width"></el-table-column> .

2021-04-08 10:11:58 264

原创 vue 使用Export2Excel导出

先安装依赖包npm install -S file-savernpm install -S xlsxnpm install -D script-loader在src下新建vendor文件夹然后创建 Blob.js(复制粘贴就可以）/* eslint-disable *//* Blob.js * A Blob implementation. * 2014-05-27 * * By Eli Grey, http://eligrey.com * By Devin Samarin

2021-02-23 16:30:15 331

原创 contos7 安装Apache以及配置vue项目

自己练手，留个记录，以防忘记安装Apacheyum install httpd -y查看Apache 运行状态systemctl status httpd.service启动Apache 服务systemctl start httpd.service重启Apachesystemctl restart httpd.service查看防火墙状态firewall-cmd --state开放和关闭端口firewall-cmd --zone=publ..

2020-09-10 15:16:14 201

原创 vue axios封装，分页封装

自己练手用，防止忘记在src下面新建utils文件夹，然后再新建rquest.js，然后开始封装/** * ajax请求配置 */import axios from 'axios'import { Message } from 'element-ui'// axios默认配置axios.defaults.timeout = 10000 // 超时时间// axios.defaults.baseURL 请求地址前缀// User地址// axios.defaults.baseUR

2020-08-25 10:53:03 715

原创 thinkphp5

自己练手，防止忘记设置header头在 index 入口文件添加，注：要添加在 require 之前 // 处理跨域 option 预检请求if($_SERVER['REQUEST_METHOD'] == 'OPTIONS'){ // 允许的源原域名 header('Access-Control-Allow-Origin: *'); // 允许的请求头信息 header("Access-Control-Allow-Headers:Origin, X-r

2020-07-25 21:07:12 119

原创 vue element select+ztree（滚动条优化），周选择器获取开始时间和结束时间，input+ztree

练手用过的，防止忘记<template> <div> <el-select v-model="value" placeholder="请选择"> <el-option v-model="value" class="overflow" style="height:200px;overflow-y: auto;"> <el-tree :data="data" :props.

2020-07-10 10:02:36 641

原创 vscode断点调试js代码

思路：vscode 安装Chrome 插件配置 debug 相关文件运行调试配置 launch.json{ "version": "0.2.0", "configurations": [ { "name": "chrom", //运行html文件，用谷歌浏览器打开 "type": "chrome", "request": "launch", ...

2020-06-23 13:51:14 773

原创 vue element 添加 input 回车事件

在 from 表单上添加组织默认提交方式@submit.native.prevent在el input 上添加@keyup.enter.native="getList"

2020-06-01 16:21:08 729

原创 vue 子组件向父组件传递多个事件和值

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <!-- <script src="https://cdn.jsdelivr.net/np.

2020-05-14 16:47:23 1528

原创 thinkphp5 递归实现菜单栏

百度都是一个抄一个，谁抄谁的也不知道，对我没有一点用，最终我也了一个，改造了一下，跑的通最终截图代码代码可直接复制，可以直接运行，最后访问的接口是如：127.0.0.1:**/index/index/getDgclass Index{ private static function arr(){ $rows = array( ...

2020-04-26 22:24:16 1025

原创 vue element 自定义合计行

思路：先输出合并的数据，根据输出值，构造自己需要的数据上代码// 不写完整的代码的了，把重要的东西写一下就可以了 // show-summary：是否显示合计列 :summary-method="getSummaries"自定义合计 <el-table :data="tableData" :summary-method="getSummaries" show-summar...

2020-04-26 09:35:44 1953

原创 Readis安装下载

记录，以防忘记Readis安装地址：https://github.com/MicrosoftArchive/redis/releases下载成功之后，解压，重命名（起一个简单一点的名字）把Readis 放至磁盘，我是放在C盘下然后 cmd 进入这个目录输入redis-server.exe redis.windows.conf会显示这个这时候再启动...

2020-04-22 16:59:36 912

原创 vue element 表格高度自适应

思路：1、先给 table 的高度绑定一个值（height）2、data中定义数据3、获取高度（计算自己需要的值），并赋值4、钩子函数调用 <el-table :data="tableData" border style="width: 100%" :h...

2020-04-15 17:24:46 1429

原创 EChart多柱状和折线图定时刷新实时数据（vue和原生js都可以）

思路：1、整合数据，将柱状图和折线图需要的数据分类 2、熟悉图表 3、显示 4、执行完一次，清空一次数据上代码（使用vue+element+axios）setChart1(){ setTimeout(() => { // 返回数据量大，需要需要过程 this.zzt...

2020-03-27 12:43:40 1771

原创 js 获取开始时间和结束时间相隔小时及分钟（时间戳操作）

思路：将两个时间装换成时间戳，然后结束时间减去开始时间，然后计算得到间隔的小时及分钟数上代码 var st = this.form5.abnormalStartDate // 开始时间 var stsjc = new Date(st).getTime()/1000; // 将开始时间转换成时间戳 var ed = this.form5.abnormalEndDa...

2020-03-26 08:46:43 4266

原创 ztree加载完成后根据返回值选中ztree相应的CheckBox

思路：在ztree树加载完成之后，根据接口的返回值选中相应的CheckBox var setting = { view: { showIcon: function(treeId, treeNode){return !treeNode.isParent;}, dblClickExpand: true, ...

2020-03-13 17:05:19 1109

原创 xshell评估过期解决方案

安装xshell之后过了段时间提示评估已过期，然后解决方法是：1、使用家庭/学校免费版，免费的（地址）：https://www.netsarang.com/zh/2、区别：版本的区别，截止目前，只有打开标签数的限制，现在一个窗口只能打开4个，第五个会重新打开新的窗口，其他方面的区别还没有测试出来。页面跳转之后，拉最下面，填写姓名和邮箱...

2020-03-11 10:59:44 1340

原创 vue v-for设置<tr>自定义颜色

思路：先绑定 style ；绑定之后判断并设置颜色HTML格式<tr v-for="(item, index) in dayTJList" :key="index" v-bind:style="setStyle(item.Contents)"> <td>{{ item.Contents }}</td> <td>{{ i...

2020-01-07 09:44:50 1486

原创 thinkphp5解决在apache中重写规则不生效的问题[No input file specified.]

在public目录下面，找到.htaccess文件，修改最后一行 RewriteRule ^(.*)$ index.php/$1 [QSA,PT,L] 在index.php后面加 ? 号，保存，重启Apache即可源文件<IfModule mod_rewrite.c> Options +FollowSymlinks -Multiviews Rewrit...

2019-12-16 10:38:56 289

空空如也

空空如也