为什么我不是神经病-CSDN博客

原创 react基础-安装到开发

一、安装（win10系统）1.安装node.js2.安装reactwin+r打开cmd，按顺序输入npm install -g create-react-appcreate-react-app检查是否安装好，如下图3.输入cmd进一个你想建项目的文件夹4.输入 create-react-app react-demo ，然后等，下图是安装好了5.输入 cd react-demo 进入项目包，再输入 npm run start，出现下面界面就成功了3.项目目录结构参考：https

2021-05-25 10:32:16 100

原创模仿ctrl+f全局循环搜索

<div class="search_input"><input v-model="searchitem" @keyup.enter="searchSubmit" @input="searchitemClear" placeholder="搜索会议内容" /></div>data中定义 searchhead// 搜索内容把对应内容变为红色 changeColor(item) { let searchitem = this.searchitem; //获

2021-05-07 12:52:40 205

原创前端vue二维码生成组件qrcode.js

安装依赖npm install --save qrcode父组件结构：<QRcode :url='url' />数据：<script> import QRcode from '@/components/QRcode' export default { components: { QRcode }, data() { return { url: "", } }, }&l

2021-03-23 15:55:17 244

原创 AES前端加密ECB模式和CBC模式vue

区别ECB：是一种基础的加密方式，密文被分割成分组长度相等的块（不足补齐），然后单独一个个加密，一个个输出组成密文。CBC：是一种循环模式，前一个分组的密文和当前分组的明文异或或操作后再加密，这样做的目的是增强破解难度。（不容易主动攻击，安全性好于ECB，是SSL、IPSec的标准）1.加密先安装依赖npm install crypto-js --save-dev2.引入 import AES from '../common/AES' // 需要封装的，AES.js封装文件在后面

2021-03-23 15:41:49 920 1

原创 js前端图片转base64

图片转base64将图片转成base64显示在页面上，好处是可以实现网页图片在网速不好的时候先于内容加载和减少http的请求次数来减少网站服务器的负担var canvas = document.createElement('canvas')var ctx = canvas.getContext('2d'); // quality值越小，所绘制出的图像越模糊var base64 = canvas.toDataURL('image/jpeg',quality);...

2021-03-23 15:19:12 543

原创 vue+element el-pagination后端分页bug

bug描述当搜索结果总页数小于当前所在页码，会显示“暂无数据”，实际上有数据产生原因：我们搜索的时候向接口查询数据，传的currentpage是当前的，但是想搜索的数据并没有那么多页，所以会无法显示数据解决思路他搜索的时候，重新渲染页面，页码传1过去解决方法定义pageshow，默认为true，search的时候让他变成false，再重新渲染页面，改变currentpage，再让pageshow变成true，pageshow绑定在分页上步骤（从上至下）：1.搜索处： @chang.

2021-03-23 10:51:53 482

原创 element可手指滑动走马灯，轮播图

1.定义一个ref<el-carousel type="card" :autoplay="false" arrow="never" ref="slideCarousel" @change="setActiveItem"> <el-carousel-item v-for="item in imgList" :key="item.id"> <img class="element-img" alt="暂无" :src="item.url" @click="upl

2021-03-23 10:38:35 3034 1

原创 vue前端上传图片预览

前端上传图片在浏览器上预览，不调接口，刷新后图片就会没有<div class="btn"> <button>上传背景图片<input id="fileToUpload" style="position: absolute; top: 0; bottom: 0; left: 0;right: 0; opacity: 0;" type="file" accept="image/jpg,image/png" name="fileToUpload" @c

2021-03-17 18:22:59 331

原创设置接口响应时间

1.axios全局设置axios.js中：或者直接写：axios.defaults.timeout = 30 * 1000; // 30s2.单独对某一个请求设置3.webpack的dev的proxyTable的超时时间设置 dev: { // Paths assetsSubDirectory: 'static', // 静态资源文件夹 assetsPublicPath: '/', // 发布路径 // 代理配置表，在这里可以配置特定的请求代理到对应的API接

2021-03-17 18:16:18 4015

原创 css3设置背景图始终平铺

直接复制代码到背景的div上<div class="bgimg"></div>/* 设置背景 */.bgimg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; min-width: 1200px; z-index: -10; zoom: 1; background-color: #dfc9d4; background: url('../../assets/im

2021-03-17 18:11:27 174

原创 filter+include实现动态按钮切换动态按钮

需求5个模式按钮，8个控制按钮，通过点击模式按钮来显示不同的控制按钮。难点因为这些按钮都是通过动态渲染出来的，所以不好控制显示，一开始想的是通过type传参，然后用switch选择，判断这个模式显示什么按钮，再去修改渲染控制按钮的数组，从而实现控制按钮的变化。解决思路1.模式按钮数组modelList：在每个模式按钮中定义一个参数type，用来分辨选择的模式；2.控制按钮数组handleList：显示所有按钮，然后在每个控制按钮中定义一个type，存储这个按钮在哪些模式中显示；（一开始的控制ty

2021-03-17 17:54:50 228

原创 vue项目onerror显示默认图片

当图片404时，要显示一个默认图片就这样写：:onerror = serverLogoDgefaultrequire引入图片的问题用require引入图片找不到，run的时候会报错，解决办法是把图片路径拼接起来写serverLogoDgefault: "this.onerror=''; this.src='" + require('@/assets/img/'+'re.png') + "'",如果这样还不行，就按照编辑器的提示把本地的完整路径补全，让图片可以显示，再改成上述写法，就不会报错了，

2020-10-31 17:52:48 434 2

qq_42655697的博客