有时候,我们需要获取鼠标选中的文本部分,可以利用 window 的 selection 对象做到。 利用 window.getSelection() 可以得到 window 的 selection 对象。 HTML 部分: <div id="box">测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字 </div> 当选中文本的时候,最终鼠标会松开(mouseup)。所以,需要用到 mouseup 事件。 JavaScript 部分:let box = document.getElementById("box");box.addEventListen...
JavaScript起源于早期的网络。 它最初是一种脚本语言,现在已经发展成为支持服务器端执行的完全成熟的编程语言。现代Web应用程序严重依赖JavaScript,尤其是单页应用程序(SPA)。 借助React,AngularJS和Vue.js等新兴框架,Web应用程序主要使用JavaScript构建。扩展这些应用程序(前端相当于后端)可能相当棘手。使用一个平庸的设置,您最终将遇到限制并迷失在混乱的海洋中。我想分享一些小技巧,帮助你以一种有效的方式编写干净的代...
在使用JavaScript时,我们常常要写不少的条件语句。这里有五个小技巧,可以让你写出更干净、漂亮的条件语句。使用Array.includes来处理多重条件举个栗子://条件语句functiontest(fruit){if(fruit==apple||fruit==strawberry){console.log(red);}}乍一看,这么写似乎没什么大问题。然而,如果我们想要匹配更多的红色水果呢,比方说『樱桃』和『蔓越莓』?我们是不是得用更多的||来扩展这条语句?我们可以使用Array.includes重写以上...
从事WEB前端及开发的小伙伴们工作中都少不了JavaScript,今天就跟大家分享22条常用JavaScript开发小技巧,感兴趣的朋友可以看下!1、使用var声明变量如果给一个没有声明的变量赋值,默认会作为一个全局变量(即使在函数内赋值)。要尽量避免不必要的全局变量。2、行尾使用分号虽然JavaScript允许省略行尾的分号,但是有时不注意的省略,会导致不必要的错误。建议在可用可不用行尾分号的地方加上分号。3、获取指定范围内的随机数var...
1.格式化金钱值const ThousandNum = num => num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); const money = ThousandNum(20190214); // money => "20,190,214"2.取整 代替正数的 Math.floor(),代替负数的 Math.ceil()const num1 = ~~ 1.69; const num2 = 1.69 | 0; const num3 = 1.69 >> 0; // num1 num2 num3 => 1 1 13.转数值 只对 null 、"" 、false 、数值字符串 有效const num1 = +null; const num2 = +""; const ...
我一直在通过jQuery工具提示插件过滤自己的方式,并发现了棘手的问题.它由GitHub使用,这是我大部分决定的基础.我真的很喜欢它,而且真的很容易使用. 我对此有疑问.我需要工具提示淡入焦点,而不是悬停.目前可以使用,但只能在悬停时使用.这是我当前的代码:$('input.tip').tipsy({trigger: 'focus', gravity: 'w', fade: true});有或没有触发器:“悬停”,都没有区别.我仔细阅读了文档,因此它是正确的代码. 我知道这与HTML / CSS无关.因...
摘要:javascript 小游戏小技巧教学4(简易密室游戏part5-随机谜题提示)有没有玩过一些密室解谜游戏, 他的解答不是固定的? 接下来就是要教这个技巧! 虽然有些谜题是纯文字内容,游戏通常讲究美感,因此我通常都是用图片做范例(用div的背景)。 首先看我们原本的范例,我们给的提示是这个图:而我的目标是希望每个人看到的三个颜色排列不同。 这有两种做法,但是概念差不多: 作法一:将三种图案重叠在一起,当我们使用随机变量时,显...
总结一些能够提高开发效率的JS技巧 1、过滤唯一值 Set类型是在ES6中新增的,它类似于数组,但是成员的值都是唯一的,没有重复的值。结合扩展运算符(...)我们可以创建一个新的数组,达到过滤原数组重复值的功能。const array2 = [1, 2, 3, 3, 5, 5, 1]; const uniqueArray = [...new Set(array2)]; console.log(uniqueArray); // [1, 2, 3, 5]2、转换Number类型let testInt = "12"; testInt = +testInt; console.log(testInt); //...
在我们程序员日常工作中,会遇到很多麻烦的事情,让我们很是头大,今天小猿圈就给大家,分享一些,可以提升我们工作效率的小技巧,请注意看哦。类型强制转换 1.1 string强制转换为数字 可以用*1来转化为数字(实际上是调用.valueOf方法) 然后使用Number.isNaN来判断是否为NaN,或者使用 a !== a 来判断是否为NaN,因为 NaN !== NaN ‘32’ * 1 // 32 ‘ds’ * 1 // NaN null * 1 // 0 undefined *...
1.get .$.get(url[,data][,callback][,type])作用:使用get方式异步的向服务器发送请求参数:url 远程请求的地址data 远程请求的参数callback响应成功时的回调函数function(restext){resText:表示响应会来的数据}type 响应会的数据的数据类型html:响应回来的文本当成HTML处理text:响应回来的文本当成普通的text文本json:响应回来的数据文本当成JSON进行处理,转换成JS对象,默认为HTMLscript2.post $.post(url[,data][,c...
eslint报错: Line 4:8: qs is defined but never used no-unused-vars //?eslint-disable-next-line ? ? 安装不同版本npm i <alias>@npm:<packageName>@版本 # 例子 npm i antd3@npm:antd@3 npm i antd4@npm:antd@4