- 博客(74)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 vue+element实现银行卡号只输入数字，四个补一个空位，并实现校验
vue+element实现银行卡号只输入数字，四个补一个空位，并实现校验html 输入框只输入数字watch 监听实现四个数字补一个空位自定义卡号校验规则html 输入框只输入数字// type设置为text<el-form-item label="卡号" prop="bankNumber"> <el-input v-model="form.bankNumber" placeholder="请输入银行卡号" type="text" /></el-form-i
2021-08-16 14:47:49
1039
原创 vue 清除表单校验
vue 清除表单校验清除表单校验清除表单校验this.$nextTick(() => { this.$refs["formName"].clearValidate();});
2021-07-16 16:53:27
947
转载 vue watch监听详情使用
vue watch监听详情写法一简单的直接监听二 immediate和handler三deep一简单的直接监听<input type="text" v-model="cityName"/>new Vue({ el: '#root', data: { cityName: 'shanghai' }, watch: { cityName(newName, oldName) { // ... } } })直接写一个监听处理函数，当每次
2021-06-09 14:02:30
160
原创 Element 表格设置合计列并固定底部(横向滚动轴下)，设置字体颜色
效果这里写目录标题效果自定义需要合计的项固定到表格组件底部合计行文字设置样式自定义需要合计的项固定到表格组件底部合计行文字设置样式自定义需要合计的项固定到表格组件底部合计行文字设置样式自定义需要合计的项element-ui 表格组件有合计行的方法，直接拿来用属性说明类型默认值show-summary是否在表尾显示合计行Booleanfalsesummary-method自定义的合计计算方法Function({ columns, data })–
2021-04-19 16:45:22
2821
2
原创 element-ui的Progress进度条，当前状态样色和背景色的设置
我需要的样式是当前状态是白色，背景色是一个带点透明的颜色。官网里只给了一个color属性，无法达到我的要求。需求：于是F12查看一下，发现el-progress-bar__outer表示进度条的背景色，el-progress-bar__inner表示当前状态的颜色，我们只需要设置这两个class的背景颜色就可以了。不过直接设置好像不起作用，百度后得知需要获得盛放它的外部元素对象，然后利用“>>>” 进行赋值，其他组件也适用我的代码：/* 当前状态颜色 */.progres
2021-01-25 09:52:52
7218
原创 js把两个数组对象合并成一个一一对应的数组对象
vue做了一个简单的天气demo，其中想把天气指数的数据中每条加一个我找的图片，使用js的api实现，我工作中使用的次数也较少，记录一下。请求的天气数据：lifeIndexData自己的图片数据：arr最终实现：this.lifeIndexDatas lifeIndex(row) { var lifeIndexData = row.index; var arr = [ { img: icon1 }, { img: icon2 },
2021-01-18 09:44:55
2754
原创 “export ‘default‘ (imported as ‘echarts‘) was not found in ‘echarts‘
vue使用echart图 ：直接报错"export ‘default’ (imported as ‘echarts’) was not found in ‘echarts’最后在Google 查出来一个问题说可能是版本问题，进行校验后发现确实我的5.0，同事的为4.9在package.json中查看后发现，echarts版本为最新的5.0.0，因此引入4.9.0最后发现只能执行：npm install [email protected]才可以变更为4.9...
2021-01-15 10:42:10
426
原创 elementUI的table分页多选，保持数据的选中状态
vue项目中遇到一个需求，一个优惠券用在多个商品上面，创建优惠券的时候把这些商品添加上。选中一个在上方添加一个，取消一个，上方减少一个。且翻页后选中状态保持不变。最终的样式刚开始做想用纯JS/数组api写出来(已弃用，留作笔记)用到的：select 当用户手动勾选数据行的 Checkbox 时触发的事件 selection, row判断商品是否处在被勾选的状态，是，将其添加到数组中，否，取出该商品的索引，根据索引将数组中的改商品删掉。htmljs未完待续…...
2021-01-04 17:01:01
2731
原创 vue导出二维码图片zip文件
实现效果/压缩包打开复制代码，更改数据源应该直接可以直接使用。项目参考：https://blog.csdn.net/qq_32858649/article/details/88759454第三方使用import JSZip from "jszip";import FileSaver from "file-saver";模拟数据QrCodeArray: [ "https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=4026
2020-12-30 15:01:55
273
转载 什么是xhr？
1、概念xhr，全称为XMLHttpRequest，用于与服务器交互数据，是ajax功能实现所依赖的对象，jquery中的ajax就是对 xhr的封装。2、xhrXMLHttpRequest 对象提供了对 HTTP 协议的完全的访问，包括做出 POST 和 HEAD 请求以及普通的 GET 请求的能力。XMLHttpRequest 可以同步或异步地返回 Web 服务器的响应，并且能够以文本或者一个 DOM 文档的形式返回内容。xhr 接口强制要求每个请求都具备严格的HTTP语义–应用提供数据和URL
2020-12-22 10:09:46
1899
转载 day.js--用JS解决你在时间和日期上的困惑
github地址API中文文档安装npmnpm install dayjs --saveimport dayjs from 'dayjs'// 或者 CommonJS// var dayjs = require('dayjs');dayjs().format();cdn<!-- 最新的压缩后的 JavaScript 文件 --><script src="https://unpkg.com/dayjs"></script><script&g
2020-12-15 10:12:05
882
转载 Vue项目报错sockjs.js?9be2:1606 GET http://192.168.43.226:8080/sockjs-node/info?t=1584966826465 net::ERR_
做项目时经常出现这个错误，也无关紧要。但看到红红的就不爽，偶然看到这个解决方法，问题也解决的。在做vue项目时，突然就报sockjs.js?9be2:1606 GET http://192.168.43.226:8080/sockjs-node/info?t=1584966826465 net::ERR_CONNECTION_TIMED_OUT这个错误网上找到的原因说是：sockjs-node是一个JavaScript库，提供跨浏览器JavaScript的API，创建了一个低延迟、全双工的浏览器和web
2020-11-10 16:06:11
2896
原创 vue中用props的值给子组件的data赋值
将传递过来的价格想直接显示再界面上,并且这个价格可以人为的改动,所以我用另一个变量代替,直接赋值的话一直显示Undefined,查完原因,可能是，Vue初始化时会递归地遍历data所有的属性，并使用Object.defineProperty把这些属性全部转为getter/setter，用于实现双向绑定,既然因为data深拷贝的原因，data无法随着props的变化而更新，我们很自然的就想到Vue中有监听作用的两个功能：watch、computed。这里我使用了watch解决,想尝试的朋友可以模仿该大佬的的
2020-11-03 21:21:25
6705
2
转载 git 错误 error: failed to push some refs to ‘xxxx
git push origin local_branch:refs/for/remotes_branch出现： [remote rejected] HEAD -> xxxxxx (no new changes)error: failed to push some refs to 'xxxx以远程master （注意 远程分支名称 可以origin/master 或 remotes/origin/master）git rebase -i remotes/origin/masterIt seem
2020-11-02 18:36:03
297
转载 JavaScript根据id取出数组中指定的对象
var obj=arr.find(function (obj) { return obj.id === 3})取出数组arr中id为3对象
2020-11-02 18:32:09
2010
原创 Vue地区选择器==V - Distpicker
项目中遇到地区选择器，找到了V - Distpicker，使用也比较简单方便，是个三级地区选择器官网: 属性和方法可去官网看详细介绍使用方法：安装npm install v-distpicker --save全局注册import VDistpicker from 'v-distpicker'Vue.component('v-distpicker', VDistpicker)局部注册import VDistpicker from 'v-distpicker'export
2020-09-20 22:56:26
499
原创 日期转时间戳
最近项目中遇到通过时间搜索表单数据的需求，我将表单时间和选择时间都转化为时间戳来实现，记录一下日期转时间戳的使用方法：var date = new Date( '2014-04-23 18:55:49:123' ); // 有三种方式获取 var time1 = date.getTime(); var time2 = date.valueOf(); var time3 = Date.parse(date); console.log(time1)
2020-09-20 22:36:46
522
原创 vue适用的富文本编辑器
最近在做vue项目的模板的封装，其中用到富文本编辑器，这里小结一下wangEditor—— 轻量级 web 富文本编辑器，配置方便，使用简单。支持 IE10+ 浏览器。可用于vue，react，angularwangEditor使用地址TextBus ——在普通网页中使用非常方便，vue中没搞出来，有想使用的同学自己琢磨吧TextBus使用地址Vue-Quill-Editor——安装导入直接使用，比较方便，Vue-Quill-Editor使用地址d2-admin也有封装好的文本
2020-09-08 10:14:15
1005
原创 2020vue面试题汇总
2020年Vue面试题Interview●●●●作者：@烦恼会解决烦恼 vue核心知识——理论篇1、对于Vue是一套渐进式框架的理解渐进式代表的含义是：主张最少。Vue可能有些方面是不如React，不如Angular，但它是渐进的，没有强主张，你可以在原有大系统的...
2020-07-29 21:57:05
846
原创 ES6导入导出
导出export default{}导出对象栗子：export default{ data() { return { name: "Seven" } }, methods: { showName(){ console.log(name) } }}注意一个文件只能有一个export default 来导出对象export导出对象栗子export var name = "Seven"一个文件可以有多个export导出对象导入导入expo
2020-07-15 17:25:04
270
原创 小程序使用ES7的async await方法
1.需要在lib文件中创建runtime文件夹里面创建runtime.js2.在runtime.js复制以下代码之后 还需在需要使用的页面引入import regeneratorRuntime from '../../lib/runtime/runtime.js';runtime.js中复制粘贴以下代码：/** * Copyright (c) 2014-present, Facebook, Inc. * * This source code is licensed under the MIT
2020-07-15 11:00:37
303
1
原创 小程序中使用less的方法
编辑器是 vs code1.在vscode中安装easyless插件2.在vscode的配置json文件中添加"less.compile": { "outExt": ".wxss", // 输出文件的后缀,默认为.css3.在要编写样式的地方，新建less文件，如index.less,然后正常编辑即可...
2020-07-11 16:40:24
1097
原创 Git 提示fatal: remote origin already exists 错误解决办法
今天使用git 添加远程github仓库的时候提示错误：fatal: remote origin already exists.意思是origin已经存在，确实，之前我失败一次就放弃了。最后找到解决办法如下：1、先删除远程 Git 仓库$ git remote rm origin 2、再添加远程 Git 仓库$ git remote add origin https://github.com/wangxiangbai/MyWebsite.git如果执行 git remote rm ori
2020-07-02 09:14:57
1397
原创 vue中key的作用(简单易理解)
因为不理解 ：key（v-bind:key），网上查了一些的资料，这篇写得非常不错，很简洁清楚。其实不只是vue，react中在执行列表渲染时也会要求给每个组件添加上key这个属性。要解释key的作用，不得不先介绍一下虚拟DOM的Diff算法了。我们知道，vue和react都实现了一套虚拟DOM，使我们可以不直接操作DOM元素，只操作数据便可以重新渲染页面。而隐藏在背后的原理便是其高效的Diff算法。 **vue和react的虚拟DOM的Diff算法大致相同，其核心是基于两个简单的假设：**
2020-07-01 14:46:26
2397
原创 创建一个node-js项目超简单
1、新建一个文件在文件目录下打开黑窗口，创建一个文件夹mkdir project2、cd到文件夹下，初始化项目npm init3、一路狂按回车键项目初始化完毕，得到一个目录和一个json配置文件。4、打开目录，创建index.js文件，开始编辑…...
2020-06-29 16:09:20
1327
1
原创 前端解决恶意访问的几个方法
一、XSS【Cross Site Script】跨站脚本攻击恶意攻击者往Web页面里插入恶意Script代码，当用户浏览该页之时，嵌入其中Web里面的Script代码会被执行，从而达到恶意攻击用户的目的。防御方法：1.过滤关键字：script javascript等 /** * [hasIllegalChar 判断是否含有script非法字符] * @param {[type]} str [要判断的字符串] * @return {Boolean} [tru
2020-06-28 20:34:01
1223
原创 计算机网络知识面试汇总(超详细)
1、http和https的区别http协议运行在TCP之上，明文传输，客户端和服务端都无法验证对方的身份。https是在http基础上和ssl/tls证书结合起来的一种协议，保证了传输过程中的安全性，减少了被恶意劫持的可能性，很好的解决了http的三个缺点，(被监听，被篡改，被伪装)。Https是身披SSL(Secure SocketLayer)外壳的Http，运行于SSL上，SSL运行于TCP之上，是添加了加密和认证机制的HTTP。区别端口不同：Http与Https使用不同的连接方式
2020-06-28 20:22:16
2385
1
原创 vue项目引入星空特效超简单
vue项目中引入星空特效展示安装插件npm install vue-particles --save-dev1在main.js中引入插件import...
2020-06-28 16:02:16
1834
原创 HTTP常见状态码及原因短语
HTTP状态码：HTTP状态码（HTTP status code）。当访问一个网页时，浏览器会向网页所在服务器发送请求，当浏览器接收并显示网页之前，网页所在的服...
2020-06-24 16:57:53
569
原创 CSS实现实心三角和空心三角
一次开发中遇到，记录代码原理：1.给一个div，宽和高都为0的时候，盒子什么都没有看起来。为空白2.给一个宽高为0的盒子给一遍像素给100px的上边，下边和右边，.jiao{ position: relative; //box-sizing: border-box; height: 0px; width: 0px; //border: 10px solid red; border-top: ...
2020-06-24 16:38:58
992
原创 vue常用事件之v-on:click 以及事件对象，事件冒泡，事件默认行为
其实v-on后面跟的不止是click事件也可以是其他的事件，用法均相似。比如：v-on:click/mouseout/mouseover/mousedown.......以下click为例注意：所有的v-on都可以简写为@，比如说v-click可以简写为@click1.监听事件可以用 v-on 指令监听 DOM 事件，并在触发时运行一些 JavaScript 代码。通常来讲就是监听dom触发一...
2020-06-24 16:35:21
581
原创 let和var定义变量的区别
一、let不能在js中使用，是es6的语法，需要在js中使用就必须使用严格模式：'use strict';二、声明后未赋值，表现相同 var varTest; let letTest; console.log(varTest); //输出undefined console.log(letTest); //输出undefined也...
2020-06-24 16:33:35
230
原创 ES6 Promise用法小结
目录1.什么是Promisereject的用法catch的用法all的用法race的用法1.什么是PromisePromise 是异步编程的一种解决方案，其实是一个构造函数，自己身上有all、reject、resolve这几个方法，原型上有then、catch等方法。（ps:什么是原型：https://blog.csdn....
2020-06-24 16:31:13
154
原创 微信小程序操作dom元素节点 wx.createSelectorQuery()
WXML<view> <text class="title" id="productServe">产品服务</text> <text class="title" id="enterpriseServe">企业服务</text> <text class=...
2020-06-23 19:12:03
1564
原创 JavaScript事件代理（事件委托）
基本概念事件代理（Event Delegation），又称之为事件委托。是JavaScript中常用绑定事件的常用技巧。顾名思义，“事件代理”即是把原本需要绑定在子元素的响应事件（click、keydown......）委托给父元素，让父元素担当事件监听的职务。事件代理的原理是DOM元素的事件冒泡。举个通俗的例子比如一个宿舍的同...
2020-06-23 19:09:08
202
1
原创 什么是跨域？跨域的解决办法
一、为什么会出现跨域问题出于浏览器的同源策略限制。同源策略（Sameoriginpolicy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的javascript脚本和另外一个域的内容...
2020-06-23 19:07:53
171
原创 Vue中ref和$refs的介绍及使用
在JavaScript中需要通过document.querySelector("#demo")来获取dom节点，然后再获取这个节点的值。在Vue中，我们不用获取dom节点，元素绑定ref之后，直接通过this.$refs即可调用，这样可以减少获取dom节点的消耗。ref介绍re...
2020-06-23 19:05:21
732
python大全.pdf
2020-06-23
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人