js
赵玉玲
只有不断接触新的东西生活才有趣味
展开
-
对象属性类型及常用遍历方式
是否可枚举自身属性 / 继承属性Symbol属性for…in可枚举自身+继承不可遍历Object.keys()可枚举仅自身属性不可遍历Object.getOwnPropertyNames()可枚举+不可枚举仅自身属性不可遍历Reflect.ownKeys可枚举+不可枚举仅自身属性可遍历MDN参考:属性的可枚举性和所有权...原创 2020-09-10 19:36:15 · 179 阅读 · 0 评论 -
具名函数表达式--NFE(Named Function Expression)
问题先来看下面一段代码var b = 10;(function b(){ b = 20; console.log(b); // 输出位置1})();console.log(b); // 输出位置2结果位置1:ƒ b(){b = 20;console.log(b); // 输出位置1}位置2: 10解析:位置一: NFE特性1,函数名(b)不能再绑定其它值(不可更改...原创 2019-11-06 14:30:44 · 855 阅读 · 0 评论 -
千分位分隔
Object.prototype.toLocalString()Number、Date、Array都有继承自Object的toLocalString()方法,可以通过locals设置,实现不同地区数字格式化转换,例如德国使用“,”作为小数分隔符,使用“.”作为千分位分隔符MDNconsole.log(number.toLocaleString('de-DE')); // 123.456,7...原创 2019-11-05 19:02:24 · 899 阅读 · 0 评论 -
setTimeout in vue methods(this与vue视图更新)
先来看一段代码<template><div @click="fn">test{{obj}}</div> </template><script> export default { data() { return { obj:{} } }, methods: { ...原创 2019-10-15 17:09:01 · 474 阅读 · 0 评论 -
对象属性初始化的方式
目录ES5ES6 对象属性简写属性初始化器(试验性写法)ES5var obj = { method: function() {}}ES6 对象属性简写var obj = { method() {}}属性初始化器(试验性写法)目前要使用babel编译babel编译var obj = { method = () => {}}...原创 2019-02-28 14:08:38 · 674 阅读 · 0 评论 -
箭头函数的特点
没有自己的this箭头函数中的this实际是外层函数的thisconst test={pro:'pro',con:()=&amp;gt;console.log(this)}test.con() //windowconst foo={bar:{con:test1.con},pro:'foopro'}foo.bar.con() //window(this与调用层数没有关系this是函数才有的内部...原创 2019-01-17 17:01:19 · 1942 阅读 · 0 评论 -
React+Jest+Enzyme测试
项目介绍:1、antd-pro创建的项目为什么不直接用roadhog test?看了源码roadhog test不支持–watch–coverage之外的Jest命令,我们的项目需要用到–updateSnapshot等import test from 'umi-test';const args = process.argv.slice(2);const watch = args.i...原创 2018-11-20 15:49:39 · 1064 阅读 · 0 评论 -
setTimeout(fn,0)
零延时setTimeout(fn,0)会将fn添加到当前事件队列(消息队列)的最后,等待事件循环的处理零延迟并不是意味着回调会立即执行。在零延迟调用 setTimeout 时,其并不是过了给定的时间间隔后就马上执行回调函数。其等待的时间基于队列里正在等待的消息数量。延迟是要求运行时处理请求所需的最小时间,但不是有所保证的时间。MDN-零延时const fnTest = () =&gt; ...原创 2018-10-19 16:24:37 · 226 阅读 · 0 评论 -
React监听窗口变化
React组件监听窗口变化基本思路:改变事件方法中的this指向constructor(props) { this.resizeBind = this.resizeTTY.bind(this)}添加监听componentDidMount() { window.addEventListener('resize', this.resizeBind)}注销事件compone...原创 2018-10-16 15:18:27 · 8916 阅读 · 0 评论 -
css3实现3d焦点图
css3实现3d焦点图在之前写的焦点图的基础上添加3d效果 要点:1、perspective添加透视效果 2、计算鼠标位置 <div class="border-3d-wrap"> <div class="wrap" onclick="test()"> <img src="../img/1.png" alt="" id='bannerImg'>原创 2017-11-22 14:21:41 · 495 阅读 · 0 评论 -
transition实现焦点图切换
transition实现焦点图切换仅包括焦点图自动切换,不包括点击切换(前一张,后一张,点击焦点切换)HTMLsrc填写第一张图片地址<div class="wrap" > <img src="img/1.jpg" alt="" id='bannerImg'></div>CSS#bannerImg { display: block; width: 730px; he原创 2017-09-27 17:25:38 · 605 阅读 · 0 评论 -
JS块级作用域与函数作用域–ES6 let
JS块级作用域与函数作用域–ES6 let今天在学习ES6时看到新增了块级作用域的概念,于是回顾一下ES5中的函数作用域加深印象ES5没有块级作用域ES5中没有块级作用域,只用函数作用域,来看下面一段代码for (i = 0; i < 1; i++) { var forVar = 'forVar';}console.log(forVar); //'forVar'在for循环中定义的变量f原创 2017-03-16 13:49:28 · 1107 阅读 · 2 评论