
javascript
文章平均质量分 75
Jenn168
这个作者很懒,什么都没留下…
展开
-
JS事件之onmouseover 、onmouseout 与onmouseenter 、onmouseleave区别
我们都知道onmouseover和onmouseenter都属于鼠标进入的状态,onmouseout和onmouseleave都是鼠标移开的状态,那么我们来看看主要区别。一般来说,onmouseover、onmouseout一起使用,鼠标经过时自身触发事件,经过其子元素时也触发该事件,每经过一次子元素都触发该事件,属于不断触发;onmouseenter、onmouseleave:鼠标经过时自身或者其子元素都触发事件,但是只触发一次。代码演示效果如下:执行onmouseover、onmouseout转载 2020-09-20 16:02:27 · 491 阅读 · 0 评论 -
js实现颜色值16进制与RGB格式的相互转换
十六进制颜色值的正则表达式var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/定义【RGB颜色值转换为16进制】的函数function RGBToHex(rgb) { var regexp = /[0-9]{0,3}/g; var re = rgb.match(regexp); //利用正则表达式去掉多余的部分,将rgb中的数字提取 var hexColor = '#'; var hex = [ '0', '1', '2', '3',原创 2020-09-14 21:08:39 · 718 阅读 · 0 评论 -
执行含有【模板字符串】html代码
1、如果需要引用模板字符串本身,在需要时执行,可以像下面这样写。// 写法一let str = 'return ' + '`Hello ${name}!`';let func = new Function('name', str);func('Jack') // "Hello Jack!"// 写法二let str = '(name) => `Hello ${name}!`';let func = eval.call(null, str);func('Jack') // "Hello原创 2020-09-11 21:02:54 · 796 阅读 · 1 评论 -
js用正则取${}中的值
var str = "124fddr32 3532${253} $23354${233} +\ k' 545xx54${666}233545xxxxx";var reg = /\$\{(.+?)\}/;var reg_g = /\$\{(.+?)\}/g;var result = str.match(reg_g);console.log("result=",result);var list = []for (var i = 0; i < result.length; i++) {原创 2020-09-11 20:13:30 · 6941 阅读 · 1 评论 -
JS在不改变旧对象的前提下进行对象copy的几种方式
我们js中的对象,会包含很多属性值和方法,当我们想把它的内部属性复制给一个新的对象时,我们如何去做呢?你可能会说直接 b = a就可以了。no no no,这样两个对象其实指针指向的还是一个内存中的对象,当b发生变化的时候,a也是变化的,这并不是我们想要的结果。那么,以下面几种方法来看看具体实现过程吧。如下,有一个person对象,其中包括几个基本的属性值const person = { 'name': 'wangying', 'sex' : 'female', 'age' : 18,}原创 2020-09-06 16:39:01 · 1059 阅读 · 0 评论 -
webpack图片压缩image-webpack-loader
{// 图片文件的处理 test: /\.(png|jpe?g|gif|svg)(\?.*)?$/, use:[ { loader: 'url-loader', options: { // limit代表图片最大的大小,图片小于limit时,在加载该图片时会将图片编译为base64形式的字符串 // 超过limit的图片会被压缩到dist文件夹中 limit: 8192, // 当图片小于8k的时候原创 2020-09-05 11:55:48 · 1984 阅读 · 0 评论 -
forEach,map,reduce,some,every, filter,find,findIndex,includes使用和区别
简单总结forEach----只遍历数组, 不返回新数组map----对每项元素做改变后,返回新数组reduce----对每项元素做叠加,返回叠加后的值some----判断数组中某些项是否符合条件(内部return true时跳出整个循环)every----判断数组中每一项是否符合条件(内部return false时跳出整个循环)filter----筛选出符合条件的数组find----筛选数组:找元素findIndex----筛选数组:找索引includes----判断数组是否含有某值原创 2020-06-07 19:02:30 · 1834 阅读 · 0 评论 -
JS中的 map, forEach 无法跳出循环, return和 break不起作用
~ 之前对于forEach方法了解的不多,在使用时,突然发现return true fasle break没有反应,仔细一看,还是大有文章,遂记……当想跳出循环可以使用every 和 some方法,下面是简单的总结:every 当内部return false时跳出整个循环(return true;也是需要写)//every()当内部return false时跳出整个循环let list =...原创 2020-06-07 15:50:16 · 14083 阅读 · 3 评论 -
js生成唯一标识id的几种方法
在开发中偶尔会遇到需要生成唯一id的时候,比如对数组的任意一项进行多次增删改,这时就需要给每一项添加唯一标识符来加以区分。 以下总结了几种生成唯一标识的方法,仅供参考。方法一function uuid() { var s = []; var hexDigits = "0123456789abcdef"; for (var i = 0; i < 36; i++) { s[i] = hexDigits.substr(Math.floo原创 2020-05-29 20:15:26 · 16128 阅读 · 0 评论 -
js中判断变量是否为字符串
let str2 = “test”;console.log( typeof(str2) == "string" ) ; // trueconsole.log( str2.constructor === String ) ; // true , String是字符串类console.log( Object.prototype.toString.call(str2) == "[obj...原创 2020-03-21 11:31:50 · 23898 阅读 · 0 评论 -
JS实现文件下载的三种方式---a标签下载、form表单下载、blob转换url下载
JS实现文件下载的三种方式—a标签下载、form表单下载、blob转换url下载转载自:https://blog.youkuaiyun.com/weixin_41305441/article/details/85003066转载 2019-11-29 11:02:18 · 596 阅读 · 0 评论