![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript发现
文章平均质量分 65
devwolf
react前端开发。常用的英文名,devwolf
展开
-
【js正则】为什么/0|100/.test(‘101‘)的结果是true
新公司的前端主管塞给我一本pdf的《JavaScript 正则表达式迷你书》(1.1版 - 老姚)五一放假前的最后一小时,我想起来down了看一看。原本的话,js正则相关,我查工具书的时候是翻得正则表达式30分钟入门教程,然后测试的话一般会去(设置里悬中文,语言风格选es)。这个现象,有能力的人肯定一眼就看出来门道了,笔者比较笨拙,得多个环节拆下来一步一步矫正。原创 2024-04-30 17:30:40 · 218 阅读 · 2 评论 -
为什么一些老js代码会常出现that这种变量名
基于笔者个人的开发阅历来总结,在vue中见过的最多。笔者以前维护的老旧vue项目常用一些还在回调地狱的老库,需要 var _this = this;“早期的js开发者,在遇到使用_this的同样情形下,诞生了that的用法。当然,也可能和《JavaScript高效图形编程》里截图的一样,在模拟类的时候,用来取缔真正的this,进行别的处理。用this来举例的话,ruby中有self,php中有self和this,而js中的this更可能源于“JavaScript”这个名字中的“java”原创 2022-12-21 15:46:02 · 382 阅读 · 1 评论 -
js中补零
可以通过padStart和padEnd实现左/右开始填充指定字符达到指定长度。是四舍六入五成双,如果对精度有定制要求,可以尝试如下修改。参考我之前的一篇博客。原创 2022-07-28 18:12:18 · 7589 阅读 · 0 评论 -
JS中的Math.trunc()以及浅谈js计算失精常用函数
目录【mdn中关于Math.trunc()的描述】:【场景】【常用的其他函数以及其效果】1.Math.round()2.Math.ceil()3.Math.floor()4.Math.trunc()5.Number.prototype.toFixed()--“toFixed的四舍六入五成双”6.Number.prototype.toPrecision()【mdn中关于Math.trunc()的描述】:不像Math的其他三个方法:Math.floor()...原创 2022-03-21 15:46:52 · 9572 阅读 · 0 评论 -
React滑动条扫描图片组件(.tsx + .less, hooks组件)
ps:滑动条样式直接搬运的How V-Ray can transform a sunny 3D environment to stormy | Chaos组件实现原理:visibility: "hidden"一份左半的图片兜底占位,左右两半图片都绝对定位。配置滑动条的鼠标下按、抬起事件,并在鼠标下按时监听mousemove事件。为了实现“即使鼠标移动到滚动条、浏览器外、浏览器内的f12控制台处松开”也能取消鼠标拖拽,事件监听直接配在了document上,而不是docum.原创 2022-01-07 15:13:24 · 993 阅读 · 0 评论 -
react脚手架项目craco可配置化后如何应用tailwindcss【待后续更新完善】
一些关键插件的版本:全局插件:create-reat-app:^3.4.1npx:^6.9.0项目插件```"@craco/craco":"^5.6.4","craco-less":"^1.17.0","postcss":"^8.1.4","postcss-loader":"^4.0.4","tailwindcss":"^1.9.6","typescript":"~3.7.2"```《craco配...原创 2020-10-30 16:43:34 · 1419 阅读 · 8 评论 -
html5运用navigator对象使浏览器请求摄像头权限
前言:上头有要求让我尝试是否可以写一个“不依赖html5plus”的拍照功能,所以我就试着整了一个demo。关于demo:本文提供 【在线版】和 【angular8的ts版】。说实话,个人总结这个demo也就图一乐(总算有契机去初始video标签了),windows笔记本里开浏览器跑会调笔记本摄像头,但在手机上只可以调前置摄像头,没去深入研究手机端如何调后置摄像头正文:在线项目地址:https://jsrun.net/5j6Kp/edit相关资料:video标签-MDN资料navi.原创 2020-10-29 15:41:32 · 1963 阅读 · 0 评论 -
js中“函数的四种方法“,以及“类的三种方法“
在线地址http://js.jsrun.net/66bKp/edit参考https://blog.csdn.net/Stars_in_rain/article/details/107248637并做了修正【函数】中四种方法:1.内部方法(类似私有方法,因为我很少见到这种叫法,所以此处用类似):定义在函数内部的方法,内部方法只能被内部的方法调用。2.实例方法(也叫对象方法):在构造函数中this指向的是他的实例对象,函数定义时,定义函数中最外层this上方法便是实例方法,只有实例才原创 2020-10-20 16:10:29 · 671 阅读 · 0 评论 -
浅谈: 关于js中的‘深拷贝与浅拷贝’
但从展开运算符的例子就可以看出来,js中相当多的方法在只遍历一层的时候是深拷贝,深层遍历的时候是浅拷贝。因此很容易陷入一个'眼见为虚'的陷阱——即使观测到一个方法是深拷贝,它也是在特定条件的下的,比如‘仅仅在只遍历一层、且是基本类型数据’的时候是深拷贝方法。如何区分深拷贝与浅拷贝,简单点来说,就是假设B复制了A,当修改A时,看B是否会发生变化,如果B也跟着变了,说明这是浅拷贝,如果B没变,那就是深拷贝。即深层遍历的时候(非只遍历一层),它拷贝的是引用,此时便是浅拷贝。网络上有一个很常见的说法“原创 2020-10-20 09:50:41 · 233 阅读 · 1 评论 -
有关then的“链式调用”
let str1 = 'str1 ';const func1=(str1)=>new Promise((resolve,reject)=>{ resolve(str1 + 'str2 ');})const func2=(str2)=>new Promise((resolve,reject)=>{ resolve(str2 + 'str3 ');})const func3=(str3)=>new Promise((resolve,reject...原创 2020-09-25 14:37:03 · 6658 阅读 · 0 评论 -
【纯前端】原生js实现照片水印
场景/契机:react项目使用了react-photo-view来实现图片查看,但是该组件无法在图片本身添加水印,又要求纯前端解决。为了纯前端得到一个含有水印的url故有此操作。演示地址:http://jsrun.net/9t2KpHTML代码:<img id="showimg">JS代码:let previous_url = "http://i2.tiimg.com/704774/ce778c4938b3c7e2.jpg";const reader = ne.原创 2020-06-03 13:30:04 · 2915 阅读 · 0 评论 -
【JS新特性】关于 可选链?. 与 空值合并运算符??
举例let a = {a:"1",b:"2"}console.log(a?.a)契机:另一个组的同事在一个 angular 项目里发现了这个语法的使用,之前查半天无果,便在v2ex自己发了帖子https://www.v2ex.com/t/663072?p=1收获颇丰:?.操作符,译为可选链, MDN的科普链接为https://developer.mozilla.org/...原创 2020-04-21 15:44:01 · 893 阅读 · 0 评论