了解ES6的块级作用域

1、为什么需要块级作用域 ES5只有全局作用域和函数作用域,没有块级作用域,会带来以下问题: 1) 变量提升导致内层变量可能会覆盖外层变量 var i = 5;function func() {console.log(i);i...

  • 0
  • 0
  • 廖雪
  • 发布于 2020-07-04 18:10
  • 阅读 ( 553 )

了解ES6 全局变量和全局对象的属性

全局对象是最顶层的对象,在浏览器环境指的是window对象,在Node.js指的是global对象。 在ES5中,全局对象的属性与全局变量是等价的,也就是说,全局对象的属性赋值与全局变量的赋值是等价的...

  • 0
  • 0
  • 廖雪
  • 发布于 2020-07-04 11:51
  • 阅读 ( 631 )

JavaScript中的函数作用域的优势及用法

函数作用域的含义:属于此函数的全部变量都可以在整个函数的范围内使用及复用,实际上在嵌套的作用域内也可以使用。   1、隐藏内部实现: 对函数的传统认知:先声明一个函数,再向里面...

  • 0
  • 0
  • 廖雪
  • 发布于 2020-07-04 10:54
  • 阅读 ( 581 )

关于JavaScript变量提升与函数提升

从两个实例说起: eg1: var i;console.log(i); // 2 eg2: console.log(i); // undefinedvar i = 2;   1、提升 变量和函数声明从它们在代码中出现的位置被提升到了最上面。 注...

  • 0
  • 0
  • 廖雪
  • 发布于 2020-07-04 10:48
  • 阅读 ( 547 )

ECMAScript和JavaScript的关系

1、ECMAScript是JavaScript的规格,JavaScript是ECMAScript的一种实现,在日常场合,这两个词是可以互换的。 JavaScript的创造者Netscape公司,将JavaScript提交给国际标准化组织ECMA,希望...

  • 0
  • 0
  • 廖雪
  • 发布于 2020-07-04 10:32
  • 阅读 ( 583 )

CMD删除指定文件夹

有的项目文件查找比较繁琐,而且有时候执行删除之后文件仍有残留。 想来有此更便捷的删除之法。 1. 截图说明 2. CMD命令 rd/s/q C:\Users\Administrator\myfirstwebpack 执行后会永...

  • 0
  • 0
  • admin
  • 发布于 2020-07-03 23:01
  • 阅读 ( 528 )

Bootstrap警告框、弹出提示层、模态框的js插件效果总结

通过类名样式: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.0/css/boo...

  • 0
  • 0
  • admin
  • 发布于 2020-07-03 22:41
  • 阅读 ( 488 )

浅谈CSS单位px、pt、em和rem

1、px 像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。 屏幕设备物理上能显示出的最小的一个点,这个点不是固定宽度的,不同设备上点的长宽比例有可能会不同,也不...

  • 0
  • 0
  • 廖雪
  • 发布于 2020-07-03 17:33
  • 阅读 ( 583 )

浅谈jQuery对象和DOM对象

DOM对象是原生JavaScript获得的对象,可以使用原生JavaScript的方法,但不能使用jQuery的方法。 jQuery对象是用jQuery的$选择器获得的对象,是通过jQuery包装DOM对象后产生的对象,是jQuery...

  • 0
  • 0
  • 廖雪
  • 发布于 2020-07-03 17:18
  • 阅读 ( 584 )

JavaScript实现文本框的placeholder

代码: <!doctype html>  <html>      <head>        </head>      <body>  <input id="input" type="text" value="请输入关键词">     </body>  &...

  • 0
  • 0
  • 廖雪
  • 发布于 2020-07-03 17:16
  • 阅读 ( 556 )

浅谈移动端开发--物理像素和逻辑像素

1、物理像素 设备像素,在同一个设备上,它的物理像素是固定的,这是厂商在出厂时就设置好了的,即一个设备的分辨率是固定的。   2、逻辑像素 CSS像素,viewport中的一个小方格,CS...

  • 0
  • 0
  • 廖雪
  • 发布于 2020-07-03 17:15
  • 阅读 ( 657 )

iOS尺寸单位pt、ppi与px的区别用法

1、屏幕尺寸 通常所说的iPhone3GS屏幕尺寸为3.5英寸、iPhone4屏幕尺寸为4英寸,指的是显示屏对角线的长度。   2、iOS尺寸单位 1) px: 像素,是物理屏幕显示的基本单位,即使在...

  • 0
  • 0
  • 廖雪
  • 发布于 2020-07-03 16:49
  • 阅读 ( 636 )

JavaScript实现搜索关键字文本中关键字高亮显示

<!DOCTYPE html><html><head></head><body><div id="content">前端通常是指网站的表现层和结构层。因此前端技术一般分为前端设计和前端开发,前端设计一般...

  • 0
  • 0
  • 廖雪
  • 发布于 2020-07-03 16:47
  • 阅读 ( 558 )

JS的ES6箭头函数使用方法

ES6标准新增了一种新的函数:Arrow Function(箭头函数) 箭头函数相当于匿名函数,且简化了函数定义。   1、箭头函数有两种格式: ① 只包含一个表达式,{ ... }和return都省略掉...

  • 0
  • 0
  • 廖雪
  • 发布于 2020-07-03 16:42
  • 阅读 ( 548 )

浅谈函数节流

鼠标的mousemove、scroll,浏览器窗口的resize事件等,都是在短时间内重复触发。以onresize事件为例,若事件处理程序需要进行修改元素宽度高度等操作,那么频繁的触发事件会导致频繁的重绘页面...

  • 0
  • 0
  • 廖雪
  • 发布于 2020-07-03 16:39
  • 阅读 ( 592 )

事件冒泡和事件捕获的应用场景——事件代理/事件委托

采用事件代理,为页面中的所有a标签绑定click事件。 document.addEventListener("click", function(e) {if (e.target.nodeName == "A")console.log("a");}, false); 问题:若a标签里面仍有s...

  • 0
  • 0
  • 廖雪
  • 发布于 2020-07-03 15:20
  • 阅读 ( 597 )

jQuery里的$符号的原理

1、外层沙箱及命名空间$ 为了避免声明了一些全局变量而污染,把代码放在一个“沙箱执行”,jQuery具体的实现,都被包含在了一个立即执行函数构造的闭包里面,然后在暴露出命名空间(可以为API...

  • 0
  • 0
  • 廖雪
  • 发布于 2020-07-03 15:17
  • 阅读 ( 559 )

React实现todolist的方法

todoList.html: <!DOCTYPE html><html><head><link rel="stylesheet" href="todoList.css"><script src="build/react.js"></script><script src="bui...

  • 0
  • 0
  • 廖雪
  • 发布于 2020-07-03 15:10
  • 阅读 ( 600 )

React实现搜索匹配的方法

search.html: <!DOCTYPE html><html><head><link rel="stylesheet" href="search.css"><script src="build/react.js"></script><script src="build/r...

  • 0
  • 0
  • 廖雪
  • 发布于 2020-07-03 15:08
  • 阅读 ( 561 )

浅谈JavaScript对象的浅拷贝和深拷贝

1、浅拷贝 仅仅复制对象的引用,而不是对象本身。 var person = {name: 'Alice',friends: ['Bruce', 'Cindy']}var student = {id: 30}student = simpleClone(person, student);student.frie...

  • 0
  • 0
  • 廖雪
  • 发布于 2020-07-03 11:41
  • 阅读 ( 566 )