js技巧

提高你的JS技巧，让你的代码更简洁优！

给大家推荐一个实用面试题库1、前端面试题库（面试必备）推荐：★★★★★地址：web前端面试题库JavaScript中有许多简写技巧可以缩减代码长度、减少冗余并提高代码的可读性和可维护性。以下是20个有效提升效率的JavaScript简写技巧，帮助你编写更优雅的代码！移除数组假值可以使用filter()结合Boolean来简化移除数组假值操作。假值指的是在条件判断中被视为false的值，例如null
前端技术栈·2023-11-06 19:42

掌握20个JS技巧

1：找出数组中总和，最大值，最小值constarray=[5,4,7,8,9,2];console.log('总和',array.reduce((a,b)=>a+b));//35console.log('最大值',array.reduce((a,b)=>a>b?a:b));//9console.log('最小值',array.reduce((a,b)=>aa-b));//[1,5,10,25,40
·2023-06-20 09:02

前端开发中有哪些鲜为人知的技巧？

下面分享一些前端开发鲜为人知的HTML/CSS/JS技巧，希望大家可以有所收获。一、Datalist元素不知道为什么，这个元素不太被人所使用。标签被用于为元素提供一个“自动补全”的功能。
骨灰级收藏家·2023-06-15 15:58

JS技巧

#JS技巧**##三元运算符新手```javascriptlethungry=true;leteat;if(hungry==true){eat='yes';}else{eat='no';}```老手``
追风筝的一朵云·2023-04-16 15:58

15条高效的JS技巧，你千万要收藏好了

1、延迟函数delayconstdelay=ms=>newPromise((resolve,reject)=>setTimeout(resolve,ms))constgetData=status=>newPromise((resolve,reject)=>{status?resolve('done'):reject('fail')})constgetRes=async(data)=>{try{co
前端Q群282549184·2023-04-16 07:05

web前端开发中遇到的问题整理记录——2020-07

目录1.momentJS技巧2.if小技巧3..UncaughtTypeError:a[b].target.className.indexOfisnotafunction4.Maximumcallstacksizeexceededangular
有梦想的风筝·2023-03-22 20:23

JS技巧

//1.有条件地想对象添加属性constcondition=true;constperson={id:1,name:'XiaoHe',...(condition&&{age:16}),};//如果每个操作数的值都为true，则&&操作符返回最后一个求值表达式。因此返回一个对象{age:16}，然后将其扩展为person对象的一部分。//2.空值合并??操作符只判断一个变量是否为null或undef
一笑奈何_3bea·2023-03-17 12:45

js技巧

DOM与javascript转换query对象转换为DOMD对象，jquery提供两种方法将jquery对象转换为DOM对象，即[index]和get(index),var$txtName=$(“#txtName”);//jquery对象vartxtName=$txtName[0];//Dom对象alert(txtName.checked);//检测这个checkbox是否被选中通过get(ind
King小志·2023-02-02 23:40

JS技巧Canvas 性能优化脏矩形渲染实例详解

目录正文画布该如何更新？脏矩形渲染原理脏矩形渲染实现性能测试结尾正文使用Canvas做图形编辑器时，我们需要自己维护自己的图形树，来保存图形的信息，并定义元素之间的关系。我们改变画布中的某个图形，去更新画布，最简单的是清空画布，然后根据图形树将所有图形再绘制一遍，这在图形较少的情况下是没什么问题的。但如果图形数量很多，那绘制起来可能就出现卡顿了。那么，有没有什么办法来优化一下？有，脏矩形渲染。画布
·2023-01-17 08:57

JS技巧动手实现红包兔子雨效果示例详解

目录前言展示效果技术栈思考与实现红包下落效果生成红包雨打开红包效果兔子雨效果拓展设置中奖概率后记前言人生天地之间，若白驹过隙，忽然而已。不知不觉中，2022年已然逝去，2023年也过去了半个月了。看到「兔了个兔」这个活动几天了，不过这周比较忙，没时间参与。心血来潮，捣鼓了一晚上，实现一个兔年的红包雨（兔子雨）效果~展示效果技术栈Vue2SCSS：实现红包雨（兔子雨）效果、按钮交互效果等。思考与实现
·2023-01-17 08:11

JS技巧多状态页面中的mock方案详解

目录引言技术选型业务逻辑改造Eruda插件Mock数据整理引言我们有时候会遇到一个业务页面存在很多个状态，甚至子状态，比如订单详情就是其中的典型，涉及从订单创建到订单结束，以及售后等流程。维护起来每个状态对应一份数据，虽然我们QA提供了数据构造平台，但构造一份对应状态的数据还是需要花费不少时间，而且串行流程一旦出错的话只能重新来一遍。后期维护阶段也不容易构造对应状态的数据，导致排查页面问题比较耗时
·2023-01-16 02:20

Threejs+Blender实现甜甜圈掉落效果| 大帅老猿threejs特训

前言之前断断续续地跟着大帅浅学了一下threejs,投入精力不大却也学到了一些Threejs技巧和api。
·2023-01-09 18:12

【threejs】可视化大屏酷炫3D地图附源码

取消地图上柱状图显示3.更换地图、更换省份、市4.修改相机的视角，页面展示的远近角度5.修改地图的颜色及贴图6.关闭一些特效7.页面适配和在vue2版本中使用3.源码效果如下：1.前言：本文主要说明使用threejs
接着奏乐接着舞。·2022-12-27 13:31

JS技巧之一行赋值语句能玩出多少花样

目录前言第一种变化、写入到自执行函数中：第二种变化、用eval执行：第三种变化、变形的eval执行：第四种变化、利用构造函数：第五种变化、构造函数再升级：第六种变化、构造函数变形：第七种变化、混淆加密：总结前言今天，来做个测试，看看一行简单的JS赋值语句，有多少种写法。测试语句，仅三行：vara=1;a=2;console.log(a);针对第二行a=2赋值，看能变多少花样。第一种变化、写入到自执
·2022-10-18 18:23

掌握20个JS技巧

1：找出数组中总和，最大值，最小值constarray=[5,4,7,8,9,2];console.log('总和',array.reduce((a,b)=>a+b));//35console.log('最大值',array.reduce((a,b)=>a>b?a:b));//9console.log('最小值',array.reduce((a,b)=>aa-b));//[1,5,10,25,40
·2022-03-22 17:15

掌握这20个JS技巧，做一个不加班的前端人

摘要：JavaScript真的是一门很棒的语言，值得学习和使用。对于给定的问题，可以有不止一种方法来达到相同的解决方案。在本文中，我们将只讨论最快的。本文分享自华为云社区《提高代码效率的20个JavaScript技巧和窍门》，作者：海拥。在我们的日常任务中，我们会编写诸如排序、搜索、查找唯一值、传递参数、交换值等功能，所以在这里我列出了我的速记技巧列表！JavaScript真的是一门很棒的语言，值
华为云开发者社区·2022-02-26 10:00

分享一些不常见却很实用的JS技巧

前言编程语言通常暗藏着各种技巧，熟练使用这些技巧可以提高开发效率。JavaScript就是一门技巧性很强的语言，掌握常见的语法技巧不但可以加深对语言特性的理解，还可以简化代码，提高编码效率。下面是列出一些JavaScript有用的技巧，相信总有一天会对你有所帮助。1、数组去重const numbers = [1,2, 3, 4, 4, 1]console.log([...new Set(numbe
·2021-11-08 18:03

如何让你的JavaScript函数更加优雅详解

目录对象参数使用解构命名回调函数让条件句具有描述性用Map或Object替换switch语句使用Object.assign设置默认属性删除重复代码，合并相似函数；删除弃用代码提炼函数总结准备写一个js技巧系列
·2021-08-13 18:38

你应该了解的25个JS技巧

写代码的时候总有一些东西是会重复出现的，次数多了你就会想找找捷径了。这类问题中有很大一部分解决起来甚至连库都不用装。下面就是我多年来收集的前25个捷径和小技巧。1.类型检查小工具JavaScript不是强类型语言，对此我推荐的最佳解决方案是TypeScript。但有时你只是想要一个简单的类型检查，这种时候JavaScript允许你使用“typeof”关键字。“typeof”的问题在于，将其用于某些
前端三少爷·2021-05-21 11:30

25个 js技巧

1.类型检查小工具JavaScript不是强类型语言，对此我推荐的最佳解决方案是TypeScript。但有时你只是想要一个简单的类型检查，这种时候JavaScript允许你使用“typeof”关键字。“typeof”的问题在于，将其用于某些原语和函数时效果很好，但对于数组和对象来说，由于它们都被视为“对象”，因此很难把握它们之间的区别。constisOfType=(()=>{//createapl
抽疯的稻草绳·2021-04-13 21:53

大佬说：“不想加班你就背会这 10 条 JS 技巧”

为了让自己写的代码更优雅且高效，特意向大佬请教了这10条JS技巧1.数组分割constlistChunk=(list=[],chunkSize=1)=>{constresult=[];consttmp=
前端飘哥·2021-04-13 05:59

你应该了解的25个JS技巧

写代码的时候总有一些东西是会重复出现的，次数多了你就会想找找捷径了。这类问题中有很大一部分解决起来甚至连库都不用装。下面就是我多年来收集的前25个捷径和小技巧。1.类型检查小工具JavaScript不是强类型语言，对此我推荐的最佳解决方案是TypeScript。但有时你只是想要一个简单的类型检查，这种时候JavaScript允许你使用“typeof”关键字。“typeof”的问题在于，将其用于某些
JAVA_朴先生·2021-01-12 21:41

你应该了解的25个JS技巧

写代码的时候总有一些东西是会重复出现的，次数多了你就会想找找捷径了。这类问题中有很大一部分解决起来甚至连库都不用装。下面就是我多年来收集的前25个捷径和小技巧。1.类型检查小工具JavaScript不是强类型语言，对此我推荐的最佳解决方案是TypeScript。但有时你只是想要一个简单的类型检查，这种时候JavaScript允许你使用“typeof”关键字。“typeof”的问题在于，将其用于某些
JAVA_朴先生·2021-01-05 14:41

js技巧用Map集合代替Array遍历

很多时候我们在做页面的时候会遇到这样的一个情况，我们需要显示一个下拉框，然后需要把选择的值传到后台，而页面需要显示我们选择的数据项的名称，我们可能会这样实现：Title用Array实现：{{`当前选择：${showText},id为${selectId}`}}varvm=newVue({el:"#app",data:function(){return{selectId:'',showText:''
伊泽瑞尔灬·2020-09-24 09:56

JS技巧：在IE浏览器中正确显示PNG透明图片

PNG图片有很好的品质。阴影效果也不会有杂边,很流畅。如果插入网页的话可以给网站内容增色不少!更重要的是在不增加图片容量大小的情况下提高了页面的图片的质量。对于有复杂背景，如：在有颜色过度背景上插入不规则边框的图片带来极大很便利!但目前IE中对于插入的透明背景的.png的图片是不能正常显示的。IE会自动给".png"格式的图片加个灰色背景。解决这个的方法是增加javascript。具体方法如下：把
webclass·2020-09-14 20:19

写出更好代码的5个js技巧

写出更好代码的5个js技巧1.使用.map或者.forEach代替for遍历constnumbers=[1,2,3,4,5,6,7,8]//DON'Tfor(i=0;iconsole.log(number
追求者2016·2020-09-13 08:25

26种你可能想不到的JS技巧

1.οncοntextmenu=“window.event.returnValue=false”将彻底屏蔽鼠标右键no2.取消选取、防止复制3.不准粘贴οnpaste="returnfalse"4.防止复制οncοpy="returnfalse;"oncut="returnfalse;"5.IE地址栏前换成自己的图标6.可以在收藏夹中显示出你的图标7.关闭输入法8.永远都会带着框架if(windo
加油站站站·2020-09-12 15:40

【JS实用技巧】利用冒泡机制，减少事件绑定，优化页面性能

如何通过一些JS技巧，达到减少事件绑定，优化页面性能的目的呢？接下来介绍一下我个人对优化事件绑定的实践。我尽量写得通俗易懂一些，希望能为刚入门前端的人们带来帮助。
小神游·2020-08-22 10:32

JS技巧技法总结——闭包原理、数组展平、前端语音、Proxy 数据绑定和监听、计数器

开发、阅读、学习中接触到、整理的一些知识点。JS计数器的几种实现全局变量letcount=0;constcountUp=()=>count++;闭包//javascriptconstcountUp=(()=>{letcount=0;return()=>{return++count;};})();console.log(countUp());//1console.log(countUp());//2
孤篷·2020-08-20 22:08

JS技巧技法总结——闭包原理、数组展平、前端语音、Proxy 数据绑定和监听、计数器

开发、阅读、学习中接触到、整理的一些知识点。JS计数器的几种实现全局变量letcount=0;constcountUp=()=>count++;闭包//javascriptconstcountUp=(()=>{letcount=0;return()=>{return++count;};})();console.log(countUp());//1console.log(countUp());//2
孤篷·2020-08-20 22:08

[转载]js技巧收集(200多个)

1.文本框焦点问题onBlur:当失去输入焦点后产生该事件onFocus:当输入获得焦点后，产生该文件Onchange:当文字值改变时，产生该事件Onselect:当文字加亮后，产生该文件点击时文字消失，失去焦点时文字再出现2.网页按钮的特殊颜色3.鼠标移入移出时颜色变化4.平面按钮5.按钮颜色变化6.平面输入框7.使窗口变成指定的大小window.resizeTo(300,283);8.使文字上
anpan0460·2020-08-20 05:56

js技巧，js找到html中的注释，js让客户端另存一段文本

1．如何在js中找到html文件中注释节点通常情况下不会用js取html文档中的注释节点，但是也有例外我的网站www.yueyar.com就用到了，经过一段波折才找到一个完美的解决方案，所以做个记号：方案1：使用document.getElementsByTagName(‘!’)，这时候的节点名字是一个感叹号，但是这种方法只适合于ie浏览器，firefox不支持方案2：使用document.bod
weixin_34149796·2020-08-19 21:34

【js技巧】Javascript中 ! 与 !! 的用法

!运算符都用过，取反的意思，比如在做逻辑判断的时候，它作用就是转换数据为布尔值然后取反。//判断今天是不是礼拜天，你可能会这样if(0==newDate().getDay()){//礼拜天}//直接这样写if(!newDate().getDay()){//礼拜天//只用礼拜天才等于零，取反后就是真}而!!则是双重取反，负负得正嘛，可以得到该数据的布尔类型，相当于简变了布尔值的转换，经常用于强转布尔
skume·2020-08-11 12:54

常用网页使用js技巧收集

常用网页使用js技巧收集231个1.文本框焦点问题onBlur:当失去输入焦点后产生该事件onFocus:当输入获得焦点后，产生该文件Onchange:当文字值改变时，产生该事件Onselect:当文字加亮后
pablo3518·2020-08-10 18:41

我们爱分享----200多个js技巧代码

1.文本框焦点问题onBlur:当失去输入焦点后产生该事件onFocus:当输入获得焦点后，产生该文件Onchange:当文字值改变时，产生该事件Onselect:当文字加亮后，产生该文件点击时文字消失，失去焦点时文字再出现2.网页按钮的特殊颜色3.鼠标移入移出时颜色变化4.平面按钮5.按钮颜色变化6.平面输入框7.使窗口变成指定的大小window.resizeTo(300,283);8.使文字上
萧逸2015·2020-08-05 00:12

提升工作效率的JS技巧

1、返回日期数列里与目标数列最近的日期下标constgetNearestDateIndex=(targetDate,dates)=>{if(!targetDate||!dates){thrownewError('Argument(s)isillegal!')}if(!dates.length){return-1}constdistances=dates.map(date=>Math.abs(dat
Queen-Shir·2020-08-03 03:25

15条高效的JS技巧，你千万要收藏好了

1、延迟函数delayconstdelay=ms=>newPromise((resolve,reject)=>setTimeout(resolve,ms))constgetData=status=>newPromise((resolve,reject)=>{status?resolve(‘done’):reject(‘fail’)})constgetRes=async(data)=>{try{co
ℴℒ·2020-08-01 10:49

js技巧大集

1.文本框焦点问题onBlur:当失去输入焦点后产生该事件onFocus:当输入获得焦点后，产生该文件Onchange:当文字值改变时，产生该事件Onselect:当文字加亮后，产生该文件点击时文字消失，失去焦点时文字再出现2.网页按钮的特殊颜色3.鼠标移入移出时颜色变化4.平面按钮5.按钮颜色变化6.平面输入框7.使窗口变成指定的大小window.resizeTo(300,283);8.使文字上
sunsnow_swift·2020-07-29 11:08

为了多点时间陪女朋友，我向BAT大佬跪求了这15条JS技巧

作者：陈大鱼头github：KRISACHAN为了减少加班，从而挤出更多的时间来陪女朋友，我就厚着脸皮向一些BAT大佬求来了这15条JS技巧，现在分享给大家，千万别错过。
祈澈菇凉·2020-07-28 07:14

Nodejs技巧之----Joi数据校验

我们用nodejs实现一些功能时，往往需要对用户输入的数据进行验证。来保证用户输入的是否合规。那么是否有个库来帮我们来做这样的事情呢？接下来就给大家介绍一个库---JoiJoi文档我总结了常用的一些方法，给大家分享出来，大家可以自行测试，好用才值得分享第一部分语法囊括与实例//通用类型登录letparamSchema=Joi.object().keys({//3-30个数字、字符username:
simuty·2020-07-16 06:56

track

常用网页使用js技巧收集231个1.文本框焦点问题onBlur:当失去输入焦点后产生该事件onFocus:当输入获得焦点后，产生该文件Onchange:当文字值改变时，产生该事件Onselect:当文字加亮后
UCJJff·2020-07-15 19:04

前端笔试面试题目整理（持续更新）

【练习题】58道JavaScript基础测试题（上）【练习题】58道JavaScript基础测试题（下）提升开发幸福感的10条JS技巧一道面试题引发的对JavaScript类型转
是会飞的猪·2020-07-13 20:14

10个实用的JS技巧！看了都说好！

点击上方"程序员小乐"关注,星标或置顶一起成长每天凌晨00点00分,第一时间与你相约每日英文Perhapsthemostimportantthinginlifeisnotwherewearenow,butwhichdirectionwegofor.世上最重要的事，不在于我们身在何处，而在于我们朝哪个方向前行。每日掏心话人无所舍，必无所成。心无所依，必无所获。自己的路只有自己去走，自己的心还须自己去
程序员小乐·2020-07-12 16:55

十个JS技巧

1、定时器setTimeout(function(num){alert(num);},1000,123);定时器不只有两个值，123是前面函数的回调参数2、拼接字符串document.body.innerHTML='div\span\p\55555';可以用“\”拼接字符串3、console.log()vara='hello';console.log('%c'+a,'font-size:400%;
风言轻·2020-07-11 17:48

js技巧收集(200多个)

1.文本框焦点问题onBlur:当失去输入焦点后产生该事件onFocus:当输入获得焦点后，产生该文件Onchange:当文字值改变时，产生该事件Onselect:当文字加亮后，产生该文件点击时文字消失，失去焦点时文字再出现2.网页按钮的特殊颜色3.鼠标移入移出时颜色变化4.平面按钮5.按钮颜色变化6.平面输入框7.使窗口变成指定的大小window.resizeTo(300,283);8.使文字上
lxs5i5j·2020-07-11 12:58

200多个js技巧代码

1.文本框焦点问题onBlur:当失去输入焦点后产生该事件onFocus:当输入获得焦点后，产生该文件Onchange:当文字值改变时，产生该事件Onselect:当文字加亮后，产生该文件点击时文字消失，失去焦点时文字再出现2.网页按钮的特殊颜色3.鼠标移入移出时颜色变化4.平面按钮5.按钮颜色变化6.平面输入框7.使窗口变成指定的大小window.resizeTo(300,283);8.使文字上
cedricporter·2020-07-11 03:36

8个有用的JS技巧

这些技巧可能大家大部分都用过了，如果用过就当作加深点映像，如果没有遇到过，就当作学会了几个技巧。1.确保数组值使用grid，需要重新创建原始数据，并且每行的列长度可能不匹配，为了确保不匹配行之间的长度相等，可以使用Array.fill方法。letarray=Array(5).fill('');console.log(array);//outputs(5)["","","","",""]2.获取数组
ITer.996·2020-07-09 22:12

js技巧收集

1.文本框焦点问题onBlur:当失去输入焦点后产生该事件onFocus:当输入获得焦点后，产生该文件Onchange:当文字值改变时，产生该事件Onselect:当文字加亮后，产生该文件点击时文字消失，失去焦点时文字再出现2.网页按钮的特殊颜色3.鼠标移入移出时颜色变化4.平面按钮5.按钮颜色变化6.平面输入框7.使窗口变成指定的大小window.resizeTo(300,283);8.使文字上
yipulong·2020-07-09 03:30

js技巧收集(200多个)

转贴自http://long5257.blog.51cto.com/451436/963871.文本框焦点问题onBlur:当失去输入焦点后产生该事件onFocus:当输入获得焦点后，产生该文件Onchange:当文字值改变时，产生该事件Onselect:当文字加亮后，产生该文件点击时文字消失，失去焦点时文字再出现2.网页按钮的特殊颜色3.鼠标移入移出时颜色变化4.平面按钮5.按钮颜色变化6.平面
icecityman·2020-07-04 18:19

让你减少加班的15条高效JS技巧！记得收藏哦

延迟函数delayconstdelay=ms=>newPromise((resolve,reject)=>setTimeout(resolve,ms))​constgetData=status=>newPromise((resolve,reject)=>{status?resolve('done'):reject('fail')})constgetRes=async(data)=>{try{con
前端-发际线还在·2020-06-29 20:00
上一页 1 2 3 4 5 6 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他