猫儿念你-CSDN博客

原创 vue2.0使用vue-pdf(简单版本)

1.引入vue-pdf（vue-pdf版本：4.3.0，vue版本：2.6.14）2.引入本地文件（放public文件夹下用于测试。后期用接口返回的地址）111.pdf：自己随意生成的一个。

2023-12-15 16:54:10 1120

原创两个数组集合取不同的放入另一个集合中

两个数组集合取不同的放入另一个集合中两个数组 selRow：供选择的文件目录 auFiles：要显示的目录let isExist=falsethat.selRow.forEach((item, index) => { console.log("11"); if(that.auFiles.length==0){ that.auFiles.push(item) }else{

2021-04-22 17:27:18 2324

原创 js数组中两个数组集合【每个元素都是集合】，取数组1与数组2不同的值

js数组中两个数组集合【每个元素都是集合】，取数组1与数组2不同的值前提：存在数组A、数组B1.数组自身去重【A+B的数组集合自身去重】<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <button type="button" onclick="decode(

2020-12-23 18:16:50 791

nodejs之Buffer（缓冲器）nodejs-Buffer1.创建新BufferBuffer.allocUnsafe(size)：创建一个大小为 size 字节的新 Buffer。let buf = Buffer.allocUnsafe(Size);2.拷贝 buf 中某个区域的数据到 target 中的某个区域buf.copy(target[, targetStart[, sourceStart[, sourceEnd]]])：target | 要拷贝进的 Buffer 或 U

2020-12-16 14:17:40 321

原创 nodejs文件相关操作

nodejs文件操作nodejs中文文档1.读文件1.异步读取文件全部内容fs.readFile(path[, options], callback)let data= fs.readFile(video.id,function(err,data){ if(err){ console.log(err); } console.log(data); })2.同步读取文件全部内容fs.readFileSync(path[, options])

2020-12-16 13:54:53 143

原创 nodejs中npm命令

nodejs中npm命令1.安装npmnpm install npm -g测试是否安装成功npm install npm -g使用淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.org2.安装使用模块例如安装expresssnpm install express使用：var express = require(‘express’);————————————————————npm install exp

2020-12-16 10:40:07 342

原创 axios安装及拦截器

axios安装及使用npm install axiosaxios官网//接口封装 request.jsimport axios from 'axios'// 导入弹框提示组件import { Message } from 'element-ui'// import { store } from '@/store/index.js'// 自定义实例默认值const service = axios.create({ // 47.105.208.217 //配置请求的根路径[接口地址]

2020-12-15 18:16:11 159

原创 ws搭建websocket服务器

ws搭建websocket服务器ws模块安装npm install wsws官方uuid模块安装npm install uuiduuid官方 //搭建ws服务器 const WebSocket = require('ws'); const WebSocketServer = require('ws').Server; const wss = new WebSocketServer({ port: 8888 }); // 引入uuid模块 const { v1

2020-12-15 17:56:57 1963

原创 CryptoJS加密

CryptoJS加密CryptoJS官网写好的加密工具类可以直接用/** * 工具类 */import Vue from 'vue'import CryptoJS from 'crypto-js'class mi {//加密 encrypt(word, keyStr){ keyStr = keyStr ? keyStr : 'abcdefgabcdefg12'; var key = CryptoJS.enc.Utf8.parse(keyStr);//Latin1 w8m

2020-12-15 17:21:01 251

原创 nodejs-websocket创建websocket服务器

nodejs-websocket创建websocket服务器首先，感谢csdn各位大佬们对创建websocket的解释！1.安装模块npm install nodejs-websocket2.搭建websocket服务端这个是一个js文件//websocket.js// 搭建websocket服务器const ws = require("nodejs-websocket");var _server = ws.createServer(conn => { // 接收客户端返回的数

2020-11-06 14:54:52 5927

原创 Vue实时刷新数组

Vue实时刷新数组1.第一种，直接拼接数组<template> <div style="border: 1px solid #ccc; width: 500px;height:200px; margin: auto;"> <div> <button @click="addItem" style="float: right;" >添加新的项</button> <input type="text" :value="ti

2020-08-24 14:40:54 1382 1

原创组件之间传值（父子组件、非父子组件）

组件之间传值（父子组件、非父子组件）一、父子组件之间传值1.父向子传值（1）.父组件父组件里需引用子组件，并传值给子组件，代码如下：<template> <div> <span>哈哈哈哈</span> <span style="display: block;">{{ title}}</span> <son v-bind:msg="msg"></son> --------

2020-08-24 11:43:31 585 1

原创 var、let、const在使用中的区别

var、let、const在使用中的区别此文章非原创文章，是借鉴文章，转载请注意！！！<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script type="text/javascript"> //1.var 声明变量挂载在window上，let和

2020-07-10 16:03:17 130

原创 vue项目出现问题

vue项目出现问题1.vue+elementUi项目中饿了么组件上不能直接添加事件，要加上.native<el-card :body-style="{ padding: '0px' }" class="singleItem" :style="{width:newItem.itemWidth+'px'}" @click.native="navVideoPlay(newItem)">或者是在组件上面加个div，在div上添加事件。2.阻止事件冒泡事件整个图片有个点击事件，官方这里也有

2020-07-10 13:02:12 199

原创弹性布局多列换行居左布局,flex布局下两端对齐，不满左对齐

弹性布局多列换行居左布局,flex布局下两端对齐，不满左对齐问题情境：在flex布局下，多行排列，如何让flex布局最后一行没有排满时，向左对齐排列且与上面的行间距相同。实现效果：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <style type="text/css">

2020-07-08 17:34:51 12471 6

原创 vue中父组件改变子组件的样式

vue中父组件改变子组件的样式问题描述：有时候我们可以需要将某些经常运用的部分抽成组件，但是有很少的部分样式是不同的，这时候就需要更改父组件中子组件的样式。1. 直接将style标签上的scoped属性去掉【不推荐，有可能影响全局样式】<style scoped="scoped"></style>2. 新添加一个style样式标签<style></style>//原来的style<style scoped="scoped">

2020-06-16 16:33:15 2673

原创 vue之父组件向子组件传值

vue之父组件向子组件传值vue中pros官方解释问题描述：在做视频网站过程中发现每个视频的样式其实是大致相同的，所以就想着直接写个组件，但是又看不懂官网的传值，所以自己找了个视频看明白了。想实现的效果：具体实现代码：父组件的代码：  <!-- <ul class="videoList"> <li v-for="item in videoList" :key="item.id"

2020-06-16 11:49:32 2173

原创 win7系统ie11浏览器为什么开发者工具一片空白

win7系统ie11浏览器为什么开发者工具一片空白实际上，因为win7系统中少了一个补丁包，大家可以去官网直接下载补丁包，下载完成后双击下载下来的程序会提示需要安装，更新电脑，然后重启。下载官方链接微软win7系统对于ie11的补丁包更新，下载后的文件名：IE11-Windows6.1-KB3008923-x64.msu【可以更改文件地址，不必安装在默认盘】安装完成并且重启电脑更新之后再打开ie11就可以显示开发者工具以及内部代码了。【吐槽一下，ie11也不是很好用，大家尽量都用谷歌或者edge吧

2020-06-14 02:55:19 3087

原创微信小程序问题集合

微信小程序问题集合一、数据循环 <view class="integral-and-coupon clearfix"> <view class="iacItem" wx:for="{{ iacList }}" wx:key="iacId"> <text class="number">{{ item.iacNumber }}</text> <text class="text">{{ item.iacText }}</text

2020-06-14 02:54:11 110

原创更改element ui中下拉菜单的小箭头的样式

更改element ui中下拉菜单的小箭头的样式添加样式：【注意添加样式style中不能添加scoped】 .drop.el-popper[x-placement^=bottom] .popper__arrow { border-bottom-color: #1EBEF4 !important; left: 50% !important; }更改下方箭头位置：...

2020-06-14 02:52:29 14666

原创禁用ie以及edge的密码显示功能

禁用ie以及edge的密码显示功能一开始就上网查了教程，万能的网上人才给出了答案：input::-ms-reveal {display: none;}但是竟然不管用，然后就查啊，还以为是伪元素的问题，结果也不是。然后厉害的同事发现了秘密，会不会是因为style样式中添加了scoped。关于scoped的解释，菜鸟是这么说的：菜鸟教程关于scoped的解释MDN的解释：MDN关于scoped的解释【跑题了。。。原因是因为添加了scoped属性，所以导致属性不能生效，可以单独在页

2020-06-14 02:45:48 488

原创 icon阿里图标引入方式

icon阿里图标引入方式下载下来，起名fonts,放到项目中，每次更新时，将unicode方式下的代码复制到iconfont.css文件中，然后添加每个icon的css。文件夹类似：iconfont文件打开后：

2020-06-14 02:28:09 426

原创覆盖elementui样式的几种办法

覆盖elementui样式的几种办法1.用 /deep/ 标签例如 /deep/ .class{ 要覆盖的样式 } 。2.重新写一个style标签可以在这个写scope的style标签下面再写一个style标签，专门写一个要覆盖的样式就好了。类似下面图。3.可以在vue项目中public文件夹下的index.html中引入一个外部样式，进行覆盖...

2020-06-14 02:17:32 5676

原创小程序开发注意事项

一、小程序开发注意事项：1. tabBar的图片只能放在本地。2. text组件不能换行写，换行写微信小程序会把回车解析为换行<text class="newPrice">￥{{ newPrice.newPriceInt }}.<text class="newPricePoint">{{ newPrice.newPricePoint }}</text></text>...

2020-06-14 02:04:07 114

原创 Java学习-Java IO 系统

2020-06-14 01:37:16 95 1

原创 css设置子元素均匀分布

设置子元素均匀分布：（4个子元素，总宽度400px）第一种：子元素宽度：100px，会发现并没有排在父元素中，因为会考字符的空白解决方法：在父元素上设置font-size为0，子元素上的font-size单独设置第二种：flex方式父元素设置 display：flex子元素设置 flex：1如果想单独设置某一项，可以将该项 flex 属性设置为 inherit...

2020-06-14 01:34:39 4802

原创 ie中图片出现边框的解决方法：

ie中图片出现边框的解决方法： img{ border：none; }ie中去掉菜单栏中a的虚线框 a { outline: none; } a:active { star:expression(this.onFocus=this.blur()); }

2020-06-14 01:30:19 359

转载判断IE版本的HTML语句详解

判断IE版本的HTML语句详解有个博主写的很详细https://www.cnblogs.com/zhangruiqi/p/7569663.html

2020-06-14 01:18:37 120

原创 rem兼容ie

rem兼容ie在文档最下方引入rem.js文件<script src="./js/rem.js"></script>具体下载网站，这是我在网上搜到的一个，大家可以试试。

2020-06-14 01:10:55 954

原创 html、css单纯写页面出现的一些小问题记录

html、css单纯写页面出现的一些小问题记录1. 点击标题实现变色$(".titleList li a").each(function() { if ($($(this))[0].href == String(window.location)) $(this).addClass('menuactive'); });2. background-size写高度和百分比，只写一个数，第二个数默认被设置为auto。3. 行内元素不能设置上下margin、padding4

2020-06-14 00:52:24 125

原创 360浏览器默认急速模式

360浏览器默认疾速模式  <meta name="renderer" content="webkit" />浏览器默认内核的指定只需在head标签中添加一行代码即可：若页面需默认用极速核，增加标签：<meta name="renderer" content="webkit">若页面需默认用ie兼容内核，增加标签：<meta name="renderer" content="ie-comp"&gt

2020-06-14 00:46:35 232

原创 js轮播图简单方式

js轮播图简单方式直接上代码吧<script type="text/javascript"> // 当图片在同一个位置时可以用的轮播 $(function(){ // 设置初始索引为0 var step = 0; // 设置当前列表中第一张图片显示，其余隐藏 $(".sliders .item:not(:first-child)").hide(); // 改变图片方法 function changeImg(a){ // 设置当前显示的图片

2020-06-14 00:37:15 133

原创 css制作三角形

css制作三角形1. i 标签方式width: 0;height: 0;display: inline-block;/* 正三角形 /border-width: 5px 5px 5px 5px;/ 左三角形 /border-width: 5px 0 5px 10px;border-style: solid;/ 默认背景色 */border-color: transparent ;border-left-color: #717171;代码：<html> <

2020-06-14 00:09:22 220

原创文字/文本超出显示省略号

文字或文本超出显示省略号1. 超出一行隐藏：第一步：给文本设置固定宽度第二步：给文本设置以下属性<html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } ul>li span { d

2020-06-13 23:59:50 511

原创文字与图片对齐、文字与文字水平对齐方式

文字与图片对齐、文字与文字水平对齐方式1. 同一行文字与图片对齐：第一种：给图片加上vertical-align：middle<body> <div class="container" style="background-color: #d6ebde;width: 200px;margin: auto;height: 300px;" > <span style="font-size: 16px;font-weight: bold;"> 文字居中

2020-06-13 23:33:36 6300 1

原创微信小程序遍历循环中更改某一item的css样式

**微信小程序遍历循环中更改某一item样式：**转载请注明出处：问题情境：做小程序时要设置每个item的下划线，但是最后一个item不需要。做成样式：其实只需要在item上添加行内样式修改代码即可。List是要循环的数组，item是循环的子元素。index是微信小程序中自己出现的，只需要定义好List和每个item即可。1.首先给item设定好自己需要的样式，然后需要更改哪...

2020-04-30 10:43:32 2908 6

原创 CSS中div垂直居中以及div中元素/文字居中

一、div垂直居中（一）当width和height大小为百分比时，实现方法：使用CSS的transform属性：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"&g...

2020-03-16 21:46:20 174

原创 Html+css出现问题集合

Html+css出现问题集合1.怎么写进度条<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> body{ /* text-align: center...

2020-02-12 17:18:14 2178

原创 Java学习-接口

2018-12-03 21:49:24 188 1

vue-router.js

rem.js如果不可以下载的话大家可以留言给我

空空如也