![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
祎祎呀
一个勤劳的码农,正义与邪恶的化身,程序的维护人员
展开
-
js获取当前元素的属性和设置当前元素的属性
js的dom的操作方法原创 2022-12-30 02:18:18 · 3451 阅读 · 0 评论 -
如何获取时间戳,如何获取富文本
parentNode:元素的父节点。elems:当前选中的dom。如何获取编辑器里面的dom。js替换当前dom的内容。获取dom下的富文本。dom:要提换的内容。原创 2022-12-21 02:20:14 · 154 阅读 · 0 评论 -
如何让文本超出1行、两行、甚至1.5行用...省略号显示(优化)
在开发过程中,实现文本超出一行或者两行,其余部分显示省略号,这个业务需求比较尝见,那么如何实现呢1、用css来实现 //一行 white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all;//两行 text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis原创 2022-03-25 18:08:58 · 576 阅读 · 2 评论 -
js抛出异常
代码在运行过程中得到的中间结果与预期的结果不一致,就是异常。一般运行环境会抛出一个提示对象,中断程序运行,这个就是异常机制。try { // 可能出现异常的代码} catch(e) { // 出现异常以后执行的代码 // e:exception,用来捕获异常的信息}//不会阻塞代码...原创 2021-08-02 13:32:03 · 500 阅读 · 0 评论 -
js零基础语法
// 1. 判断字符串类型和长度let a = "hello world!!!"console.log(typeof a);console.log(a.length);// 2. 字符串拼接let str1 = "hello"let str2 = "world, zhang meng yi."let str3=str1+str2console.log(str3);let str4 = `${str1}${str2}`console.log(`[${str1}]`); console.原创 2021-08-01 17:23:06 · 100 阅读 · 0 评论 -
手机号正则验证
var reg = /1(([3][0-9])|([4][0,1,4-9])|([5][0-3,5-9])|([6][2,5,6,7])|([7][0-8])|([8][0-9])|([9][0-3,5-9]))[0-9]{8}$/;1 ↩︎原创 2021-07-06 11:03:19 · 109 阅读 · 0 评论 -
js中find方法的使用
find()方法用于查找数组中符合条件的第一个元素,如果没有符合条件的元素,则返回undefinedlet arr = [1,2,3,4,5];let num = arr.find(item => item > 1);console.log(num) 输出: 2原创 2021-05-28 13:25:04 · 2495 阅读 · 0 评论 -
removeEventListener和addeventlistener详解
removeEventListener() 不能移除匿名函数,只能使用有名字的参数addEventListener() ,removeEventListener()均为事件绑定操作,一个增加事件绑定,一个是移除事件绑定。 addEventListener(),用于向元素增加绑定事件,removeEventListener()用于向 元素移除绑定事件。语法说明:element.addEventListener(event,fn,useCaption );参数说明:event,比如 click mous原创 2021-05-06 09:33:05 · 1824 阅读 · 0 评论 -
讲解split(“_“)[0]
split("")[0] 得到的是第一个_之前的内容split("")[1] 得到的是第一个_和第二个_之间的内容原创 2021-04-30 10:29:35 · 3341 阅读 · 0 评论 -
实现加定时器的vue弹出框
客户需求,要求在点击弹出框的时候出现一个30倒计时,而vant组件不能够满足我们的这个需求,这个时候怎么办哪。我们只能手写一个弹出框咯!!!!废话少说,上代码 //点击此按钮显示弹出框 <span class="btn-text" @click="getWelfare">奖品领取</span> //弹出框 <van-popup v-model="showMsg"> <section class="goods-co原创 2021-01-22 15:04:52 · 1935 阅读 · 0 评论 -
js单线程,微任务宏任务的执行顺序
js单线程众所周知js是单线程,但js是可以执行同步和异步任务的,同步的任务众人皆知是按照顺序去执行的;而异步任务的执行,是有一个优先级的顺序的,包括了宏任务(macrotasks)和微任务(microtasks)宏任务宏任务是指消息队列众的等待被主线程执行的事件,宏任务执行时都会重新创建栈,然后调用宏任务中的函数,栈也会随着变化,但宏任务执行结束时,栈也会随之销毁。包括 整体代码 script,setTimeout,setInterval ,setImmediate,I/O,UI rende原创 2020-12-07 21:03:28 · 182 阅读 · 0 评论 -
混合app
今天,我们来聊一聊什么是混合app目前市场上主流的APP分为三种:原生APP、Web APP(即HTML5)和混合APP三种,相对应的定制开发就是原生开发、H5开发和混合开发。那么这三种开发模式究竟有何不同呢?下面我们就分别从这三者各自的优劣势来区分比较吧!一、APP原生开发原生开发(Native App开发),是在Android、IOS等移动平台上利用提供的开发语言、开发类库、开发工具进行App软件开发。比如Android是利用Java、Eclipse、Android studio;IOS是利用Ob原创 2020-12-07 20:36:16 · 1999 阅读 · 2 评论 -
如何根据设计图设计rem比例
首先,为了计算方便,一般的话我们建议 1rem = 100px(设计稿px),要换算这样的比例需要设置html对应的fontSize,计算规则如下:屏幕的宽度 / 设计稿的宽度 * 基本宽度= fontSize如果基本宽度是100,那么 1rem = 100px(设计稿px)如果设计妹妹的设计稿宽度是 750px ,那我们的开发就以iphone6/7/8为例,宽度是375,那么1rem=50px(设计稿px),那么fontSize =375/750×100 = 50px; 如果想让1rem=1原创 2020-12-07 19:09:40 · 1547 阅读 · 0 评论 -
null 和undefined 的区别
null 和undefined 的区别1、undefined 表示"缺少值",就是此处应该有一个值,但是还没有定义 典型用法是: (1)变量被声明了,但没有赋值时,就等于undefined。 (2) 调用函数时,应该提供的参数没有提供,该参数等于undefined。 (3)对象没有赋值的属性,该属性的值为undefined。 (4)函数没有返回值时,默认返回undefined。2、null 表示"没有对象",即该处不应该有值。 典型用法是: (1) 作为函数的参数,表示该函数原创 2020-11-18 21:25:09 · 121 阅读 · 0 评论 -
ES6模块与CommonJS模块有什么区别?
ES6模块与CommonJS模块有什么区别?1、CommonJS 模块输出的是一个值的拷贝,ES6 模块输出的是值的引用。2、所谓值的拷贝,原始类型的值被缓存,不随模块内部的改变而改变。3、ES6 模块是动态引用,不缓存值,模块内外是绑定的,而且是只读引用,不能修改值。ES6 的 js 引擎对脚本静态分析的时候,遇到加载命令模块 import ,就会生成一个只读引用,当真正用到模块里边的值的时候,就会去模块内部去取。4、CommonJS 模块是运行时加载,ES6 模块是编译时加载输出接口。5、运行原创 2020-11-18 20:52:54 · 1431 阅读 · 0 评论 -
js中的定时器如何使用
JS提供了一些原生方法来实现延时去执行某一段代码,下面来简单介绍一下setTiemout、setInterval、setImmediate、requestAnimationFrame。首先,我们先来了解一下什么是定时器:JS提供了一些原生方法来实现延时去执行某一段代码下面来简单介绍一下setTimeout() :在指定的毫秒数后调用函数或计算表达式。setTimeout(code,millisec,lang)参数 描述code 必需。要调用的函数后要执行的 JavaScript 代码串。原创 2020-11-18 15:23:45 · 1416 阅读 · 0 评论 -
JS作用域和作用域链
JS作用域什么是JS作用域?JS作用域也就是JS识别变量的范围JS作用域,主要包括1、全局作用域2、局部作用域3、E6的块级作用域全局作用域:也就是定义在window下的变量范围,在任何地方都可以访问局部作用域:是只在函数内部定义的变量范围块级作用域:简单来说就是用let和const在任意的代码块中定义的变量都认为是块级作用域中的变量,例如在for循环中用let定义的变量,在if语句中用let定义的变量等等 (JS是没有块级作用域的)注意:尽量不要使用全局变量,因为容易导致全局的污染,命原创 2020-11-17 11:37:27 · 290 阅读 · 0 评论 -
JS数组常用的方法
JS数组常用的方法Array.isArray() 用于确定传递的值是否是一个 Array。pop() 删除数组最后一个元素(改变原数组) 返回被删除的元素 { let arr = [1, 2, 3] let deleteitem = arr.pop()//3 console.log(arr)//[1,2] }shift() 删除数组的第一个元素 (改变原数组) 返回被删除的元素{ let arr = [1, 2, 3]原创 2020-11-16 21:42:50 · 89 阅读 · 0 评论 -
基本数据类型和复杂数据类型(引用数据类型)
基本数据类型和复杂数据类型都有哪些基本数据类型string number boolean null undefinedes6新增了一个symbol复杂数据类型(也称引用数据类型)function object array date正则表达式基本数据类型和复杂数据类型的区别内存的分配不同基本数据类型存放在栈内存中复杂数据类型存放在堆内存中,栈中存储的变量,是指向堆中的引用地址访问机制不同基本数据类型是按值访问复杂数据类型按引用访问,JS不允许直接访问保存在堆内存原创 2020-11-16 19:00:53 · 723 阅读 · 0 评论 -
快速的读懂js继承,看这一个就好了
js继承JS继承实现方式也很多,主要分ES5和ES6继承的实现先说一下ES5是如何实现继承的ES5实现继承主要是基于prototype来实现的说之前我们先说一下什么是继承 :通过某种方式可以让一个对象访问另一个对象的属性和方法 这种方式就是继承敲黑板:实现继承首先要提供一个父类原型链继承利用原型让一个引用类型继承另一个引用类型的属性和方法优点:简单易于实现缺点:无法向父函数传参,函数不能复用B.prototype=new A()借用构造函数继承(call或者apply的方式继承)原创 2020-11-16 15:16:38 · 100 阅读 · 0 评论 -
读这一篇,清楚明了的知道什么是闭包
什么是闭包定义 当一个函数的返回值是另外一个函数,而返回的那个函数如果调用了其父函数的内部变量,且返回的那个函数在外部被执行,就产生了闭包.简单来说:就是函数嵌套函数 内部函数可以访问外部函数的变量闭包是一个环境,具体指的就是外部函数–高阶函数(function() { var a = 1; function add() { var b = 2 var sum = b + a console.log(sum); // 3 } add() })()add 函数本身,以及其内部可访问原创 2020-11-16 14:17:23 · 73 阅读 · 0 评论