javaScript
summer _q
这个作者很懒,什么都没留下…
展开
-
canvas与svg详情以及用法
。原创 2022-07-14 11:12:10 · 489 阅读 · 0 评论 -
js中 ++a和a++的区别
定义:a++ 先进行赋值,然后再进行自增++a 先进行自增,然后再进行赋值注意:a++的时候比如a是2 a++的时候a++是2 那么此时 a等于3,直接就是先加 ++a直接等于3 那么此时a也是3var a = 2; console.log(a++ + ++a + a++ + ++a) // 16 var a = 12;var sum = a++ + ++a + ++a * 2 + a-- + --a;console.log(sum) // 84 直接进行计算就okvar x = 1;原创 2022-05-10 10:03:20 · 485 阅读 · 0 评论 -
前端map循环遍历使用
map定义Array.map() ⽅法返回⼀个新数组,数组中的元素为原始数组元素调⽤函数处理后的值,同时不会改变原来的数组var newArra=[1,3,6,10,44];var newArrays=newArra.map((index) => {return index*index})console.log(newArra); //[1,3,6,10,44]console.log(newArrays); //[1,9,36,100,1936]定一个arrObj如下,如何取出id为原创 2022-05-10 09:26:18 · 4596 阅读 · 0 评论 -
禁止文本框输入空格和回车
在做项目过程中,在添加文本域之后,我在文本域输入时加了首行缩进,后来客户要求去掉首行缩进,并且不能进行空格回车输入进行提交。如下解决办法:<textarea placeholder="您的建议对我们很重要,快快反馈给我们吧……" maxlength="500" class="text_area" onkeydown="if(event.keyCode==32||event.keyCode==13){return false;}"></textarea>这样子就可以解决啦!!!原创 2021-03-23 13:41:25 · 1079 阅读 · 0 评论 -
js中数组方法
js数组方法整理今天给大家分享一些js数组方法,在做项目中我们会常常用到这些方法,有很多方法也不会经常用到,可能过段时间就会忘记,所以给大家整理出来一些方法,供大家方便查询。1.concat()功能:合并数组,可以合并一个数组或多个数组,会返回合并数组之后的数据,不会改变原来的数组。eg: var arr=[1,2,3,'hi']; var arr1=['你好']; console.log(arr.concat(arr1));原创 2021-02-24 12:50:33 · 990 阅读 · 0 评论 -
三元表达式判断多个状态的使用方法?
在做项目时候遇到一个参数四种状态,后来查了一下三元的多种使用方法如下:<view class="check-info">账单状态: <span class="check-item" :class="{greenFont:item.status==0, blueFont:item.status==1, yellowFont:item.status==2, redFont:item.status==9}">{{item.status==0?"待确认" : (item.status==原创 2021-01-27 18:13:01 · 1207 阅读 · 0 评论 -
js如何根据属性查找元素?
例如一下示例,<div id="101"></div><div id="102"></div><div id="103"></div><div id="104"></div><div id="105"></div>如果定位到id=105的标签,如何实现呢?原生js:document.querySelector(“div[id = ‘105’]”)jquery: $(“di原创 2020-12-18 10:21:05 · 5728 阅读 · 4 评论 -
JS正则验证输入框姓名只能输入中文和英文
js只包含中文和英文name: [ { required: true, message: '请输入姓名', trigger: 'blur' }, { pattern: /^[a-zA-Z\u4e00-\u9fa5]+$/, message: "请勿输入特殊字符", trigger: "blur" }],原创 2020-11-09 16:53:29 · 4476 阅读 · 0 评论 -
vue动态绑定图片和背景图的解决方法
1.动态绑定图片<img class="binding-img" :src="require('../assets/images/test.png')" />2.动态绑定背景图(1)<div class="box" :style="{ 'background': 'url('+ bgurl + ') no-repeat center center','background-size': '100% 100%'}">(2)三元表达式:<div class="bin原创 2020-06-18 13:51:35 · 770 阅读 · 3 评论 -
面试被问到的一些问题
一、.url输入页面显示的全过程?1.首先在浏览器url输入url2.浏览器先查看浏览器缓存–系统缓存–路由器缓存,如果缓存中有,会直接在屏幕中显示页面内容,若没有则跳到第三步操作,3.在发送http请求之前先进性域名解析(DNS解析)DNS(域名系统(Domain name system)):可以将域名和IP地址相互映射的一分布式数据库,能够使人更方便的访问互联网而不用去记住IP地址。4.浏览器向服务器发起TCP连接,与浏览器建立tcp三次握手,TCP(即传输控制协议):互联网连接协议集的一种原创 2020-06-10 14:44:35 · 202 阅读 · 1 评论 -
js深拷贝的几种解决方法
实现深拷贝:首先深拷贝是指, 修改B对象的属性和方法不会影响到A对象的属性和方法, 我们称之为深拷贝;反之就是浅拷贝;接下来看看深拷贝吧。1. 创建一个新的对象,循环递归来实现深拷贝function deepCopy(obj) {let newObj;if( obj.constructor === Array ) {// 数组newObj = [];for( const item...原创 2019-10-25 14:40:13 · 417 阅读 · 3 评论 -
document对象常用的属性和方法
一、对象的属性1.document.title //设置文档的标题(HTML的title标签)2.document.bgColor //设置背景页面的颜色3.document.fgColor //设置前景色(文本颜色)4.documen.URL //设置URL属性在同一个窗口打开其他页面5.document.linkColor //未点击过的链接颜色6....原创 2019-05-05 10:04:07 · 12198 阅读 · 5 评论