js
Akatsuki233
这个作者很懒,什么都没留下…
展开
-
从身份证获取出生年月日
html部分 <el-col :span="12"> <el-form-item :label="$t('id_card')" prop="credentialNo"> <el-input v-model="form.credentialNo" @blur="getBirthday"></e...原创 2020-03-27 17:04:36 · 689 阅读 · 0 评论 -
input输入限制只能输入大写字母/数字/汉字等
1. 限制只能输入大写字母<el-input v-model="input" oninput="value=value.replace(/[^A-Z]/g,'');"></el-input>2. 限制只能输入数字<el-input v-model="input" oninput="this.value = this.value.replace(/[^...原创 2020-03-27 15:46:22 · 3510 阅读 · 0 评论 -
js数组对象排序
compare(property) { // eslint-disable-next-line func-names return function (a, b) { const value1 = a[property] const value2 = b[property] return value1 - va...转载 2020-03-07 15:41:21 · 160 阅读 · 0 评论 -
对象数组筛选指定元素/删除指定元素
直接上例子:constarr1=[{id:1,name:'A'},{id:2,name:'B'},{id:3,name:'C'}]constarr2=[1,2]constarr3=arr1.filter(item=>arr2.includes(item.id)) // arr3为[{...原创 2020-02-13 09:57:43 · 1993 阅读 · 0 评论 -
传值给后端需为 int 类型,但一开始默认为空的搜索条件如何传0给后端
加一个判断,当一开始的搜索条件为空时,给相应的字段重新赋值为0。此处不可用this.searchData.building = 0的形式赋值。否则一开始刷新,页面会显示0。 /* 获取表格列表 */ searchInfo () { let searchDataFinal = {} if (this.searchData.building =...原创 2019-06-25 11:26:08 · 2562 阅读 · 0 评论 -
Javascript中0除以0得到NaN,1除以0得到infinity(无穷尽)
1、任何数值除以0都会导致错误而终止程序执行。但是在 JavaScript 中,会返回出特殊的值,因此不会影响程序的执行。2、比0大的数除以0,则会得到无穷大,所以 js 用 Infinity 来显示出来0 / 0; // NaN1 / +0; // Infinity 无穷1 / -0; // -Infinity 负无穷参考:https://blog.csdn.net/wei...转载 2019-06-11 14:24:03 · 2123 阅读 · 0 评论 -
input问题点总结:placeholder的默认字体颜色,type=”hidden”,max,maxlength
input::-webkit-input-placeholde{ color:red;}参考:https://jingyan.baidu.com/article/e75aca853e05bf142edac620.html原创 2019-04-03 10:04:17 · 494 阅读 · 0 评论 -
查询字符串的定义及其作用
作用把参数给后端。当参数为随机数时,每次都重新请求,让页面不缓存,永远访问最新的数据 var url="index.jsp"+"?a="+Math.random();什么是查询字符串?参数就是程序中可变的部分,比如说www.abc.com/profile.jsp?userid=zhangsan你有个叫profile的页面,那么可以根据userid的不同,显示不同用户的信息www...原创 2019-06-11 11:19:23 · 1797 阅读 · 0 评论 -
ElementUI el-time-picker DatePicker 日期选择器 显示到分钟不显示秒 24小时制 选择三天内日期 结束日期大于开始日期 时间字符串比较大小
显示到分钟不显示秒<el-date-picker type="datetime" :placeholder="new Date('ch',{hour12:false}).toLocaleString()" value-format="yyyy-MM-dd HH:mm" format="yyyy-MM-dd HH:mm" v-model="searchData.timeStart" ...原创 2019-05-23 11:40:04 · 12885 阅读 · 0 评论 -
continue 和 break 的区别
1.break用break语句可以使流程跳出switch语句体,也可以用break语句在循环结构终止本层循环体,从而提前结束本层循环。使用说明:(1)只能在循环体内和switch语句体内使用break;(2)当break出现在循环体中的switch语句体内时,起作用只是跳出该switch语句体,并不能终止循环体的执行。若想强行终止循环体的执行,可以在循环体中,但并不在switch语...转载 2019-05-20 16:55:50 · 198 阅读 · 0 评论 -
下拉框如何获取到value跟code
遍历后端传来的 units 数组,[{value: ‘'区域一',code: '1'},{value: '区域二',code: '2'}]<el-form-item label="活动区域" prop="unit"> <el-select clearable v-model="unit" @change="getRoomByUnit"> &l...原创 2019-06-25 15:19:34 · 734 阅读 · 0 评论 -
查看后返回原路径 当前页 / 在当前页的某个位置 的方法
返回后当前页的方法由于这里一开始进来的pageIndex为空,所以默认为 MouseEvent 函数对象,所以我用了类型来判断searchButton: _.debounce(function (pageIndex) { let result = typeof pageIndex if (result === 'number') { this.searchD...原创 2019-06-24 11:04:14 · 271 阅读 · 0 评论 -
什么是 token 以及 token 怎么用
Token的引入:Token是在客户端频繁向服务端请求数据,服务端频繁的去数据库查询用户名和密码并进行对比,判断用户名和密码正确与否,并作出相应提示,在这样的背景下,Token便应运而生。token 的作用:在进行敏感操作之前,每个请求需要携带token,但是token 有有效期,token 失效后需要换取新的token并继续请求。参考:什么是 tokenhttps://w...转载 2019-06-24 15:11:24 · 2289 阅读 · 0 评论 -
vue过滤器 | 管道
过滤器,是一个有参数,有返回值的方法。其作用在于用户输入数据后,它能够进行处理,并返回一个数据结果。例: uppercase过滤器 : 将输入的字符串转换成大写字母的过滤器过滤器可以用在两个地方:双花括号插值和v-bind表达式。过滤器应该被添加在JavaScript表达式的尾部,由“管道” | 符号指示: 全局 :范围大,如果出现同名时,权利小 组件内: 如果...原创 2019-07-03 17:02:49 · 683 阅读 · 0 评论 -
vue+element-ui 表单的 el-input 第二次修改时无法输入
由于新增跟修改用的是同一个弹窗,所以当修改提交时,要清空 input 框内的值。提交时不能只把 父对象formData 设置为空对象。即this.formData = {} 是错误的正确的写法为this.formData = {name: '' }原因:如果把this.formData设置为空,this.formData.name 就是 undefined,此时就会赋值不上。 ...原创 2019-07-10 16:47:20 · 3828 阅读 · 1 评论 -
element-ui 轮播图/幻灯片/走马灯,点击轮播图之后出来一个放大的轮播图对话框
以下为自适应宽高的,注意行内样式中间使用分号隔开的,不是逗号,否则会不生效。外面的轮播图<el-carousel height="150px" arrow="always" indicator-position="none" @change="carouselChange"> <el-carousel-item v-for="(item, index) in e...原创 2019-07-05 18:28:29 · 7120 阅读 · 0 评论 -
前端渲染跟后端渲染的区别
前端渲染:前后端分离,前端先写好页面后,拿到后端给的api接口,把数据添加到页面中渲染出来。如果没有后端,只是不能进行数据交互,用户还是能看到页面的。右键查看网页源代码,前端渲染的东西只能看到渲染后的,而无法看到原来的代码。后端渲染:数据跟页面都是一起渲染到浏览器上的。如果没有后端,那么整个页面都会出不来,因为数据跟页面是一起渲染到浏览器上的。而后端渲染的 ,右键查看网页...原创 2019-07-17 18:30:01 · 476 阅读 · 0 评论 -
写代码来生成对应格式的文本,虽然第一次很花时间,但是代码写完后,就可以不断的重用了。
var str = `// 内容内容`;var arr = str.split('\n');arr = arr.filter((s)=>{return !(s.trim() == '');})arr = arr.map((s)=>{return "'" + s.trim() + "'";})console.log("[", arr....原创 2019-09-02 09:31:31 · 188 阅读 · 0 评论 -
element-ui上传一张图片后隐藏上传按钮功能
html部分 <el-form-item label="封面大图"> <el-upload ref="avatar-uploader" class="upload-demo" action="http://localhost:3001/upload/" :httpRequest="uploadHttpDefault" :on-su...原创 2019-09-11 14:58:59 · 1475 阅读 · 0 评论 -
正则表达式规则
1.什么是正则表达式正则表达式,又称正规表示式、正规表示法、正规表达式、规则表达式、常规表示法(英语:Regular Expression,在代码中常简写为regex、regexp或RE),计算机科学的一个概念。正则表达式使用单个字符串来描述、匹配一系列匹配某个句法规则的字符串。在很多文本编辑器里,正则表达式通常被用来检索、替换那些匹配某个模式的文本。通俗的讲就是按照某种规则去匹配符合条件...转载 2019-05-20 15:51:57 · 3027 阅读 · 0 评论 -
总结版 JS 原型与原型链
一. 普通对象与函数对象凡是通过 new Function() 创建的对象都是函数对象(包括Function Object)其他的都是普通对象(包括原型对象Object.prototype等,但是Function.prototype除外,他是一个空函数)// 普通对象var o1 = {}; var o2 =new Object();var o3 = new f1();var...原创 2019-05-09 14:32:52 · 125 阅读 · 0 评论 -
面试题-闭包
function Foo() { var i = 0; return function() { console.log(i++); }}var f1 = Foo(), // function() {console.log(i++);} f2 = Foo(); // function() {console.log(i++);}f1(); f...原创 2019-04-10 19:35:42 · 782 阅读 · 0 评论 -
Javascript中的数组在内存中是如何保存的?
数组本来应该是一个连续的内存分配,但是在Javascript中不是连续分配的。js中的数组中可以存放不同的数据结构,可以存放数组、对象、Number、Undefined、Null、String、Symbol、Boolean、Function等等。数组的index是字符串类型的,之所以你可以通过arr[1],获得对应的数据,是因为Javascript自动将数字转化为字符串。var arr ...转载 2019-04-04 16:59:59 · 795 阅读 · 0 评论 -
json对象遍历的方法 for(var k in obj)
for(var k in obj)1.遍历数组时,k是索引号,arr[k]是索引号对应的值。2.遍历字符串时,k是索引号,arr[k]是索引号对应的字符。3.遍历json对象时,k是冒号前面的值,json[k]是冒号后面的值。 小例子1:如何获取所有的值。第一个大括号冒号前面跟后面的内容为键值对。第二个大括号里面为属性跟内容。var data = { “...原创 2019-02-20 20:45:10 · 6058 阅读 · 0 评论 -
JSON 数据和 javascript对象
JSON 数据(字符串):一般后台返回的数据都是 JSON 数据(字符串),是一种数据格式,整个最外层都是带 引号 的。规定:JSON属性名称必须有双引号,如果值是字符串,也必须是双引号。加引号是为了处理特殊字符。比如,如果key值中有短横线,就必须要加一个引号了。否则会报错。{"full-name":'张三'} //这样写没问题,但是不加引号,就会报错。{full-nam...原创 2019-03-01 22:30:21 · 381 阅读 · 0 评论 -
JS中 for 循环的变量作用域
js中作用域只有函数作用域和全局作用域,在函数体内使用var 定义的变量,会被提到函数开始处进行定义,作用域为整个函数,常见的误区如下:var a=[];for(var i = 0;i<10;i++){ var q = i; a[i]=function(){console.log(q)}}a[6]()由于for循环并不是一个函数体,所以for循环中定义的变量q...转载 2019-02-18 17:14:39 · 1204 阅读 · 0 评论 -
JSON字符串与JSON对象的区别及转换
Q:什么是"JSON字符串",什么是"JSON对象",两者的区别?JSON对象是直接可以使用JQuery操作的格式,如C#中可以用对象(类名)点出属性(方法)一样JSON字符串仅仅只是一个字符串,一个整体,不截取的话没办法取出其中存储的数据,不能直接使用,除非你只想alert()他;参考:https://www.cnblogs.com/cstao110/p/3762056.html...转载 2019-02-21 21:31:24 · 167 阅读 · 0 评论 -
js类型转换
“==”运算符(两个操作数的类型不相同时)null== undefinedtrue转换为1,false转换为0如果一个值是数字,另一个值是字符串,先将字符串转换为数字,然后使用转换后的值进行比较。如果一个值是对象,另一个值是数字或字符串,则将对象转换为原始值,再进行比较。对象到数字的转换参考:https://www.cnblogs.com/lihuijuan/p/9643570....原创 2019-02-21 20:05:53 · 579 阅读 · 0 评论 -
js中的数据类型与返回的数据类型
数据类型 跟 返回数据类型是不一样的。数据类型有: number boolean string undefined object null其中,基本数据类型为: number boolean string undefined null引用数据类型为:Object(Array,Date,RegExp,Function)typeof 返回的数据类型有: number boolean st...原创 2019-02-21 17:28:32 · 343 阅读 · 0 评论 -
js中块级作用域和函数作用域的区别
块级作用域就是大括号 {} 中的。函数作用域就是整个函数中的。全局作用域就是全局中的。if(! "a" in window){ var a = 1; // 变量提升,为全局变量}alert(a); // undefined参考:https://blog.csdn.net/qq_25461519/article/details/81625652...原创 2019-04-10 20:16:32 · 545 阅读 · 1 评论 -
javascript中实现跨域的方式总结
第一种方式:jsonp请求;jsonp的原理是利用<script>标签的跨域特性,可以不受限制地从其他域中加载资源,类似的标签还有<img>(即jsonp只能发出get请求) 第二种方式:document.domain;这种方式用在主域名相同子域名不同的跨域访问中 第三种方式:window.name;window的name属性有个特征:在一个窗口(window)的生命周...转载 2019-04-15 16:51:42 · 200 阅读 · 0 评论 -
函数声明与函数表达式
函数声明 1 2 3 function sum(a,b){ return a+b } 函数表达式 1 2 3 var sum =function(a,b){ return a+b }; Function构造函数【从技术角度讲,这是...原创 2019-04-29 11:39:36 · 184 阅读 · 0 评论 -
由对象组成的数组如何去重?
需求:将下面data数组中id重复的数据去掉?let data = [ { id: 201801, name: '张三', age: 15, }, { id: 201804, name: 'John', age: 18, }, { id: 201802, name: '李四', age: 18, }, { id: 201801, name: '张三', age...转载 2019-04-24 16:19:23 · 261 阅读 · 0 评论 -
element-ui中手机号/中文姓名/英文姓名/密码/邮箱/日期 等简单的验证规则(vue)
验证手机号/中文姓名/英文姓名/密码/邮箱等:data : { // 设置身份证号的验证规则 const idCard = (rule, value, callback) => { if (!value) { callback(new Error('请输入身份证号')) } else { const re...原创 2019-04-28 15:48:33 · 3420 阅读 · 0 评论 -
数组也是对象,数组中的属性跟length地位并列
var arr = [];arr[0] = 0;arr[1] = 1;arr.foo = 'c'console.log(arr.length) // 2这里要理解所谓 “ 数组 ” 其实是array类型对象的一个特殊作用。就是:我们可以对它进行一种模式的数据存储,但除此之外,它依然是一个对象var arr = [ '1','2'] 这本质上是一系列操作:得到一...转载 2019-04-15 14:06:28 · 448 阅读 · 0 评论 -
vue {{}} 里面的函数,表达式
{{}} 里的单个表达式{{ number + 1 }}{{ ok ? 'YES' : 'NO' }}{{ message.split('').reverse().join('') }}{{ fn() }}这些表达式会在所属 Vue 实例的数据作用域下作为 JavaScript 被解析。有个限制就是,每个绑定都只能包含单个表达式,所以下面的例子都不会生效。<...原创 2019-04-17 20:22:24 · 8335 阅读 · 0 评论 -
element-ui / 表单之正整数验证,小数点后为0也要除外
// template中:<el-form :model="dialogForm" ref="dialogForm" :rules="dialogFormRules"> <el-form-item label="年龄" prop="age"> <el-input v-model.trim="dialogForm.age"> ...原创 2019-04-16 16:58:50 · 5600 阅读 · 0 评论 -
表单搜索条件清空、重置注意事项
el-form需要接收一个model,并且需要配合el-form-item一起使用,并且在el-form-item上绑定prop属性,resetField方法才能好使。<el-form :model="addServiceData" ref="addServiceForm"> <el-form-item label="手机号" prop="mobi...转载 2019-04-16 15:33:42 · 1292 阅读 · 0 评论 -
js按位运算符及其妙用
^:与(x ^ y)两二进制上下比较只有位不相等时才取1,否则取零。 14^15 14 二进制 1110 15 二进制 1111 ^与的结果 0001 ----> 结果1参考:https://www.cnblogs.com/happy1992/p/7064114.htm...转载 2019-04-12 18:15:31 · 459 阅读 · 0 评论 -
JSON与XML的区别比较
json是对象,都是有用的数据。而xml是标记语言,就是像html那样的。参考:http://www.cnblogs.com/SanMaoSpace/p/3139186.html原创 2019-02-21 16:58:36 · 123 阅读 · 0 评论