qq_43358378的博客

原创 Element-ui表格组件合并单元格方法

elementUI框架 table组件，合并单元格通用方法

原创 Echats水波图实现

echarts 水波图

原创 vue填坑记之 —— only one instance of babel-polyfill is allowed

错误信息：only one instance of babel-polyfill is allowed 原因 多次引入 babel-polyfill 导致 解决方法 删除多的引入 这里可以删除 main.js 中的 import 引入

原创 js下载文件

后端返回数据流，下载成需要的文件类型的文件 downOpinionPdf(id,name){ this.$api.record.downOpinionPdf({ meetingId:this.id, patientId:id }).then(data => { let blobObj = new Blob([data], { type: "application/pdf" }); //创建下载链接 let blobUrl = window.URL.createObjectURL(blob

原创 ES6填坑记 —— splice删除元素错误问题

数组方法：splice

原创 vue填坑记 ——— stylus、stylus-loader版本问题

webpack之插件本版兼容

原创 html页面有多个滚动条时的优化

优化后的效果： 没优化时： 优化方法： 显示第二层内容时，将第一层内容的内容超出滚动条隐藏，不显示第二层内容时，第一层内容可以滚动 这里是在vue项目中，用的变量控制行内样式，也可以用ref在需要时设置需要的行内样式 <div class="container detail" :style="caseVisible ? 'overflow:hidden':'overflow:auto'"></div> ...

原创 js实现复制功能

js实现复制功能 系统剪贴板内容的复制操作 navigator.clipboard.writeText("需要复制的内容"); 效果： 点击复制后，粘贴的内容： #24-test# 本次会诊将在 2021-12-24 15:30:00开始，邀请您进行旁听，请在会诊开始前5分钟使用电脑浏览器打开链接：https:// 进入会议室。 密码：1111 更多对系统剪贴板内容的操作可点击这里查看 ...

原创 时间戳转日期格式字符串

时间戳转日期字符串方法

原创 form验证 util.js:14 async-validator: [‘title is required‘]

验证规则和规则名称都正确的情况下，检测一下是否有设置form的mode

原创 element table组件二次封装

table封装组件 template <template> <div class="table_box"> <el-table :data="tableData" :border="border" height="90%" style="width: 100%;" :stripe="stripe" :empty-text="!emptyImg ? emptyText:''"> <el-table-column type="selection"

原创 css卡片动画效果

<div class="layout-container container-fluid index-select"> <div class="index-heading"> <h2>选择三道</h2> <p>专业实力与丰富经验</p> </div> <div class="select-content row">

原创 vue 工程化填坑记录

1. 使用cli脚手架界面化创建项目失败 错误描述 nitializing git repository… ⚓ Running completion hooks… ???? Generating README.md…nitializing git repository… ⚓ Running completion hooks… ???? Generating README.md… 浏览器界面没有报错，但项目一直在创建中 解决办法 检查安装环境：vue、vue-cli、webpack，没有的就安装好

转载 HTTP 协议

HTTP协议 超文本传输协议(HTTP，HyperText Transfer Protocol)是互联网上应用最为广泛的一种网络协议。所有的www文件都必须遵守这个标准。设计HTTP最初的目的是为了提供一种发布和接收HTML页面的方法。 HTTP /1.0 可以发送任何格式的内容。这使得互联网不仅可以传输文字，还能传输图像、视频、二进制文件。 GET命令，还引入了POST命令和HEAD命令，丰富了浏览器与服务器的互动手段。 新增功能:状态码（status code）、多字符集支持、多部分发送（multi

原创 html、小程序引用阿里云图标方法

html引用 样式 //阿里云图标项目里生成的链接 @font-face { font-family: 'iconfont'; /* project id 1603983 */ src: url('//at.alicdn.com/t/font_1603983_4tbzmf5qxuw.eot'); src: url('//at.alicdn.com/t/font_1603983_4tb...

原创 wampServer下载安装配置

下载 下载地址：https://sourceforge.net/projects/wampserver/ file中有对应的wampserver的各个版本，可根据需要下载 安装 配置 参考更详细博客教程

原创 html上传并显示图片

style .content-list{display: inline-block;width: 100%;} .content-list .item.upload-img{padding: 0 !important;height: 23vh;width: 100%;position: relative;} .content-list .item.upload-img .content{posit...

原创 JS时间转换

js时间处理 日期格式转换 const formatTime = (date,j='/',l='Ymd H:i:s') => { const year = date.getFullYear() const month = date.getMonth() + 1 const day = date.getDate() const hour = date.getHours() ...

原创 小程序请求接口封装

小程序接口封装 封装方法调用 const api = require("文件位置"); 例： const api = require("../../utils/api.js"); 后端接口定义管理 // 服务器地址 const host = 'https://xxx.com'; // 请求接口 const apiLogin = host+'Passport/login'; const apiIn...

原创 Message: Function Redis::setTimeout() is deprecated

原创 安装php redis扩展

查询自己使用的PHP版本 用phpinfp()函数或者在自己安装的server软件上查看自己使用的php版本 确定php版本为7.2.18，ts,vc15，服务器环境为64位. 安装php redis扩展文件 下载扩展文件 下载php redis扩展文件. 下载最新稳定的对应php版本的phpredis扩展文件包，解压之后如下图： 拷贝文件 将选择的两个文件拷贝到server环境下...

原创 Not Found错误

站点访问报Not Found错误 在确定站点配置在确定，项目路径正确的情况下，输入地址报not found错误 解决办法 在根目录新建一个.htaccess文件，并添加如下内容： <IfModule mod_rewrite.c> Options +FollowSymlinks -Multiviews RewriteEngine on RewriteCond %{REQ...

转载 phpstorm常用快捷键

设置快捷键：File -> Settings -> IDE Settings -> Keymap -> 选择“eclipse” -> 然后“Copy”一份 -> 再个性化设置（自己习惯的）快捷键 常用快捷键(keymaps:Default情况下) Esc键编辑器（从工具窗口） F1 帮助 千万别按,很卡! F2（Shift+F2） 下/上高亮错误或警告...