![](https://img-blog.csdnimg.cn/20210429103448751.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
JavaScript&Typescript
JavaScript、TypeScript相关问题
邢思北
哈喽沃德
展开
-
前端项目接入Mock上手
开发中后端接口没有开发完成时,前端可以使用mock.js来模拟接口进行数据交互mock.js官网: http://mockjs.com/原创 2021-07-16 16:38:44 · 1457 阅读 · 0 评论 -
js中可选链(?.)与非null赋值(??)的用法
一、可选链 ?.一般在编写代码时,当从异步数据中取一些结构比较深的字段时,一般人写法是这样的:data[0].userInfo.name但是如果当接口返回的data为空数组时,此时就会报一个常见的错误:有经验的开发人员会这样写来避免报错data && data[0].userInfo && data[0].userInfo.name这样即使userInfo为空,也避免报错。还有一种写法就是使用可选链:data[0]?.userInfo?.name只原创 2021-07-02 11:10:10 · 1570 阅读 · 0 评论 -
JavaScript 通过UserAgent获取用户设备信息(浏览器信息、操作系统信息)
User Agent中文名为用户代理,简称 UA,它是一个特殊字符串头,使得服务器能够识别客户使用的操作系统及版本、CPU 类型、浏览器及版本、浏览器渲染引擎、浏览器语言、浏览器插件等。前端js可以通过 navigator.userAgent 拿到当前浏览器与操作系统的信息,例如Chrome浏览器:可以通过ua信息看到用户当前操作系统为windows10 64位系统,浏览器为Chrome,浏览器版本为90.0.4430.212当技术人员看到这条ua信息时是十分直观的,如何让非技术人员也能够非常直.原创 2021-05-25 17:29:04 · 15501 阅读 · 4 评论 -
js精度丢失——金额转换、校验、元转分、分转元记录
之前做项目的的时候,在项目中频繁的接触到金额之间单位转换的问题,主要是用户输入的是元,请求服务器的时候需要的是元,有时候后台返回的是分,给用户展示需要转换成元,因为js的精度问题,也吃了很大的亏,所以以这篇文章来记录总结一下,希望能够帮到你!一.金额校验export const regAmount = (amount:string):boolean => { return /^[0-9]+(.[0-9]{1,2})?$/.test(amount)}测试:regAmount('1')原创 2021-04-29 14:56:23 · 1508 阅读 · 0 评论 -
一文分清var、let和const
相信大家在学习刚开始js的时候,接触var是最多的,通过var来声明变量,而在往后的学习可能又遇到了let和const,那么这三个有什么区别呢?var和let的区别var是ES3中声明变量的方式 ,而let是ES6中声明变量的方式var拥有变量提升,而let存在变量提升,所以只能先声明后再使用console.log(num);//输出 undefinedvar num = 10;console.log(num);//输出 10// 这里的代码会报错,Cannot access 'num'原创 2020-06-04 11:09:54 · 1452 阅读 · 0 评论 -
利用js实现一个动态打字的效果
最近自己在做项目,其中首屏的一段文字不想让其直接显示出来,而是模拟打字的过程,一个字一个字的出现。其实这个效果非常好做,利用定时器和字符串,遍历字符串的索引,将字符写入页面即可,先来看一下效果吧:因为功能比较简单,并且使主要通过js实现的,我在这里只展示js的代码JavaScript:window.onload = function(){ // 获取div节点的dom对象 var divNode = document.querySelector('div'); // 需要写入页面的字符串,这里原创 2020-05-21 11:41:39 · 1067 阅读 · 0 评论 -
教你如何利用js实现一个标签添加功能
今天在学习js中子元素节点的增删改查,通过js可以对HTML中的标签进行非常方便的修改,于是联想到一个功能,那就是——标签做过自媒体的同学应该,在许多网站中都能看到这个功能,为你的视频或文章添加标签,可以让系统更清楚的认识到你的内容,也可以快速的推荐给感兴趣的用户,今天我们就来做一个添加标签的功能,废话不多说,先看最终效果:在这里主要的功能是,通过输入框输入关键字,按下回车后,标签会出现在下面,当鼠标经过标签时,标签高亮,当鼠标点击标签时,标签被删除。我还做了一个功能是当标签的数量大于了10个之后原创 2020-05-08 19:51:40 · 1826 阅读 · 2 评论 -
教你如何利用js原生实现一个轮播图效果
今天学习js,尝试着做了一个js原生实现的轮播图效果,做完后,来分享一个笔记,先来看下最终效果:首先我们先对这个轮播图进行分析:布局方面主要分为了轮播图容器、左右翻页按钮、导航小圆点以及图片列表HTML: <!-- 显示区域 --> <div class="wrap"> <!-- 箭头 --> <span class="pre...原创 2020-05-05 22:37:25 · 436 阅读 · 0 评论 -
教你如何利用js实现一个简单的点名器
今天在学习js的时候,突然想做一个点名器,大学java课老师的点名器曾让我胆战心惊,如果通过js来实现一个点名器该怎么做呢?废话不多说,先来看看最终要实现的效果:首先来分析HTML结构:结构部分主要依靠四个div进行布局,红框为最外层容器,内部有三个子元素,其中 开始 和 点名 两个div是并排的。HTML: <div id="outer"> <...原创 2020-05-04 22:09:57 · 2498 阅读 · 0 评论 -
一个js中使用status作为变量名产生的问题
问题来源最近在学习js,在通过使用js实现输出质数的时候的发现了一个关于js中用status作为变量名所发生的问题。 var status = 0; for(var i = 2;i <= 100;i++){ for(var j = 1;j <= i;j++){ if(i % j == 0){ status += 1; } }...原创 2020-04-21 22:20:30 · 2838 阅读 · 1 评论