qq_45184152的博客

原创 获取透明度的rgba颜色值

【代码】获取透明度的rgba颜色值。

原创 vue中el-input回车刷新页面问题

header表单搜索时，只有一个input输入框查询条件，回车调用查询事件时会刷新页面。el-form上添加@submit.native.prevent。

原创 windows 系统 nvm 管理node版本 切换

nodejs

原创 GitHub上传超过100MB的文件

git上传大文件

原创 CSS相关笔记

文字相关.text { width: 200px; line-height: 1.5em; background: beige; background-size: auto 3em; background-origin: content-box; background-image: linear-gradient(rgba(0, 0, 0, 0.2) 50%, transparent 0); font-variant-ligatures: common-liga

原创 css绘制金字塔

<div class="pyramid"> <div>1</div> <div>2</div> <div>3</div> <div>4</div> <div>5</div></div>.pyramid{ width: 500px; height: 500px; display: flex; .

原创 css 既有渐变，也有动画背景,管道动态，css边框

.rowLine13{ background: url("../../assets/images/index/arrowLeft.png") repeat no-repeat, linear-gradient(to bottom, $color11 10%, $color1, $color11 90%); animation: moveLeft 5s linear infinite;}//动画效果@keyframes moveLeft { 0% { backgr

原创 脚手架创建react-app antd-demo启动报错less

报错关键信息/node_modules/antd/es/style/default.less单独安装npm i -D less less-loader

原创 启动dist文件serve

原创 vue-video-player参考地址

https://www.jianshu.com/p/f3ed8c5ed98e

原创 图片裁剪工具vue-img-cutter

https://github.com/acccccccb/vue-img-cutter1.安装npm install vue-img-cutter --save-dev2. 引入注册import ImgCutter from 'vue-img-cutter'export default { components:{ ImgCutter },...}3.引用 <ImgCutter @cutDown="cutDown"

原创 vant 项目使用less

1.安装npm install --save-dev less-loader less安装好后style lang="less"时项目运行不起来，检查less-loader版本，高于5.0报错版本改为 "less-loader": "^5.0.0",重新安装OK

原创 h5 根据银行卡号获取 银行卡信息

npm install bankcardinfo;var BIN = require('bankcardinfo');BIN.getBankBin("6222005865412565805",(err,data)=>{ if(!err){ console.log("///",data) }})

原创 azw3格式的电子书在kindle中怎么打开

1.USB电脑连接手机，选择文件传输2.打开MI内部存储，找到文件夹Android，一次向下找到此电脑\MI 8\内部存储设备\Android\data\com.amazon.kindlefc\files将电子书放在此文件夹下便可此电脑\MI 8\内部存储设备\Android\data\com.amazon.kindlefc\files...

原创 新建一个h5项目相关配置

1.新建一个vue2.0的项目在这里插入代码片2.安装vant npm i vant -S3.安装桌面端配置npm i @vant/touch-emulator -S4.Rem 布局适配4.1安装插件npm install postcss-pxtorem --save-dev4.2配置vue项目中.postcssrc.js文件中配置（前提安装了vant）module.exports = { plugins: { autoprefixer: { browse

原创 element input 中验证字符串不多于4个汉子8个字母

<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm"> <el-form-item label="" prop="name" label-width="0"> <el-input v-model="ruleForm.name" size="small"></el-input> &lt

原创 echarts tooltip溢出

tooltip: { triggerOn: `click`, position: function (pos, params, dom, rect, size) { let newArr=that.xydata.filter((item)=>{ return item[12]==params.data[12] }); if(newArr.length>=2){ let arr=newArr.sort((a,b)=>{

原创 vue项目单击事件双击事件同时存在

data中 timer: null, onceClick() { let timers = this.timer; if (timers) { window.clearTimeout(timers); this.timer = null; } else { this.timer = window.setTimeout(() => { console.log("我是单击事件");

原创 vue 项目下载依赖出现node-sass报错

解决办法npm install node-sass --savenpm install sass-loader --save如果还是下载不下来，设置淘宝镜像下载1.临时使用npm --registry https://registry.npm.taobao.org install express2.持久使用npm config set registry https://registry.npm.taobao.org配置后可通过下面方式来验证是否成功 npm config get regi

原创 VS Code 常用插件

VeturVue多功能集成插件，包括：语法高亮，智能提示，emmet，错误提示，格式化，自动补全，debugger。vscode官方钦定Vue插件，Vue开发者必备。Live Server 实时预览安装这个插件之后，我们在编辑器中修改代码，按Ctrl+S保存，修改效果就会实时同步，显示在浏览器中，再不用手动刷新。Chinese (Simplified) Language Pack for Visual Studio Code适用于 VS Code 的中文（简体）语言包GitLens — Git

原创 Vue 全局登录注册弹框

登录组件，登录跳转到注册有传参数<template> <el-dialog :visible.sync="show" :append-to-body="true" :show-close="false" width="670px" > <h1>欢迎登陆</h1> <div> <el-button @click="reg(false)">个人注册</e

原创 css样式,背景渐变+图片,三角-实心-空心

渐变背景+背景图片background: url("../../assets/images/index/arrowLeft.png") repeat no-repeat, linear-gradient(to bottom, $color44 10%, $color4, $color44 90%);背景图匀速过度@keyframes moveLeft { 0% { background-position: 320px center; }

原创 ie样式问题

ie浏览器密码框出现眼睛图标问题input::-ms-reveal {display: none;}ul li点的样式其他浏览器 ul li::marker{ color : #D8D8D8; } ie浏览器 li{ color : #D8D8D8; }

原创 前端面试知识零散内容整理

1.谈谈你对 dns-prefetch 的理解DNS 是什么-- Domain Name System，域名系统，作为域名和IP地址相互映射的一个分布式数据库。使用方式<link rel="dns-prefetch" href="//wq.test.com">这个功能有个默认加载条件，所有的a标签的href都会自动去启用DNS Prefetching，也就是说，你网页的a标签href带的域名，是不需要在head里面加上link手动设置的。但a标签的默认启动在HTTPS不起作用。这时要

原创 vue PC端项目打包成windows桌面程序

一、npm run build 生成dist文件注意：打包dist文件需要将绝对路径"/“改为相对路径”./"二、把electron的官方例子扒下来，简称项目Agit clone https://github.com/electron/electron-quick-start 三、删除项目A根目录中的index.html，并将之前打包的dist文件放在项目A根目录下四、在项目A中找到入口文件 main.js ，修改打包的文件路径为我们的index.html：// main.js 原始内容 m

原创 vue.config.js配置

添加链接描述

原创 js面试题整理

process.nextTick（NodeJs）, Promise, Object.observe(已废弃), MutationObserver(html5新特性)。：script(整体代码), setTimeout, setInterval, setImmediate（NodeJs）, I/O, UI rendering。浏览器会将promise callbacks加入到同步事件队列的末尾，而不是异步事件的队列。解法一：重写toPrimitive，valueOf，toString。

原创 父组件值变化，子组件接收不到Bug

vue项目中经常会有子组件接收不到父组件值，监听无效，可以利用v-if <v-sidentify v-if="sidentifyShow" :identifyCode="imgCode" ></v-sidentify>父组件值改变时，添加一下代码 this.sidentifyShow=false; this.$nextTick(()=>{ this.sidentifyShow=true; })...

原创 canvas验证码

<template> <div class="s-canvas"> <canvas id="s-canvas" :width="contentWidth" :height="contentHeight" ></canvas> </div></template><script>export default { name: "SIdentify", pro

转载 angular： cli 脚手架创建项目失败

ng new sijinge 创建ng脚手架失败报错如下：npm ERR! Maximum call stack size exceedednpm ERR! Maximum call stack size exceedednpm ERR! A complete log of this run can be found in:npm ERR! C:\Users\Administrator\AppData\Roaming\npm-cache_logs\2019-07-01T15_02_16_

原创 vue源码学习

Vue github下载源码（地址为：https://github.com/vuejs/vue）1手写v-model<div id="app"> <form> <input type="text" v-model="number"> <button type="button" v-click="inorement">增加</button> </form> <h3 v-bind

原创 vue缓存问题

<keep-alive :include="cachedViews" :exclude="normalViews"> <router-view :key="1" /></keep-alive> cachedViews: ["index"], // 需要缓存的页面数组 normalViews: [“chatPanel”] // 不需要缓存的页面数组注意：需要缓存的组件一定要设置name属性，并且要和router中组件的name和app.vue中需要缓存素组

原创 github用法整理

githb存储Repositories 下 new 新建存储库（test），可选Private私有；执行命令上传git initgit add . #.全部文件，也可填文件名git commit -m "first commit"git branch -M mastergit remote add origin https://github.com/yanzhiqing/test.gitgit push -u origin master有时上传不上去需要先拉取一下git pull

原创 去掉input number类型后的上下箭头

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none;} input[type="number"] { -moz-appearance: textfield;}input 为 type="number"时，最大、最小长度失效，解决办法如下 if (e.length > 8) { this.tableData[i].job_number.

原创 文件流方式下载excel

一、请求方法中加入{responseType: ‘arraybuffer’}，或{responseType: ‘blod’}export function fileDownload(url, params) { return new Promise((resolve, reject) => { axios.post(url, params,{responseType: 'arraybuffer'}) .then(response => {

原创 移动端vConsole调试

npm install vconsolemain.js引入import Vconsole from 'vconsole';Vue.prototype.$vConsole = new Vconsole();OK

原创 vue项目解决ie浏览器不显示问题

一：npm install --save-dev babel-polyfill二：main.js文件引入：import 'babel-polyfill'三：在build文件夹下找到webpack.base.conf.js.将module.exports = {entry: {app: "./src/main.js"},替换成module.exports = {entry: {app: ["babel-polyfill", "./src/main.js"]},...

原创 echarts title属性

title:{ show:"true",//是否显示标题，默认显示，可以不设置 text:"echarts实例",//图表标题文本内容 link:"http://echarts.baidu.com/",//点击标题内容要跳转的链接 target:"blank",//跳转链接打开方式，blank是新窗口打开，self是自身窗口打开，跟a标签一样 textStyle:{//标题内容的样式 color:'#e4393c',//京东红 fontStyle:'normal',//主标题文字字体风格，

原创 谷歌插件打包

在谷歌浏览器的地址栏中输入：chrome://version/或：chrome:versionC:\Users\用户名\AppData\Local\Google\Chrome\User Data\Default\Extensions个人资料路径是谷歌插件所在位置，直接找不到了在C盘层层搜索直到/Default/Extensions下是插件位置打包时选择打包版本号文件...

原创 jQuery笔记

jQuery=============================================================================================day01正课:什么是jQuery如何使用jQuery查找元素修改元素什么是jQuery:第三方开发的 执行DOM操作的 极简化的 函数库第三方: 先下载，才能使用执行DOM操作: 学jQuery还是在学DOM的增删改查+事件绑定。极简化: jQuery是DOM操作的终极简化函数库: j