- 博客(10)
- 收藏
- 关注
翻译 作用域与作用域链
作用域貌似简单,实则复杂,由于作用域与this机制非常容易混淆,使得理解作用域的原理更为重要 大多数时候,我们对作用域产生混乱的主要原因是分不清楚应该按照函数位置的嵌套顺序,还是按照函数的调用顺序进行变量查找。再加上this机制的干扰,使得变量查找极易出错。这实际上是由两种作用域工作模型导致的,作用域分为词法作用域和动态作用域,分清这两种作用域模型就能够对变量查找过程有清晰的认识。 词法作用域 简...
2019-07-04 10:08:21
92
原创 原型与原型链
与大部分面向对象语言不同,JavaScript中并没有引入类(class)的概念,但JavaScript仍然大量地使用了对象,如何将所有对象联系起来就成了一个问题,于是引入了原型(prototype)与原型链(prototype chain)的概念。 原型与构造函数 prototype是所有函数都有的一个属性,与创建函数的方式无关 注意对象是没有prototype属性的,只有函数有 我们用不同...
2019-07-03 11:11:17
132
原创 js闭包
面:请简述一下对闭包的理解. 我:闭包是指:有权访问另一个函数作用域中的变量的函数. 面:能用不同方式写一下闭包程序吗? 我:好. 方式一 function box(){ var a = 2; return function(){ console.log(a+3); } } var c = box(); c(); 方式二 var Box = function() ...
2019-01-25 17:45:05
182
原创 Flex布局
面:用过flex吗? 我:嗯 了解一点. 面:说一下flex和传统布局的特点和区别? 我:传统布局依赖display+position+float 我:flex布局依赖轴布局,简单、方便、响应式地实现各种页面布局 我:更方便的实现垂直居中、栅格系统, 彻底抛弃哪些荒谬的奇技淫巧 面:能列举几个flex项目属性吗? 我:对不起,我是来面试的,不是来背书的! 我:如果你对flex很感兴趣,请点击这...
2019-01-22 16:17:27
131
原创 CSS各种布局
面:请用至少三种方式实现三栏布局. 我:好. 方式一:float方式 <html> <head> <meta charset="UTF-8"> <title>左右固定,中间自适应</title> <style&g
2019-01-21 17:59:59
123
原创 仿jquery - zketer简单库
面:请用至少三种方式实现左侧定宽,右侧自适应布局. 我:好. 方式一:float方式 <html> <head> <meta charset="UTF-8"> <title>左边定宽,右边自适应</title> <style&a
2019-01-21 17:58:25
138
转载 前端模块化
前端模块化 在JavaScript发展初期就是为了实现简单的页面交互逻辑,寥寥数语即可;如今CPU、浏览器性能得到了极大的提升,很多页面逻辑迁移到了客户端(表单验证等),随着web2.0时代的到来,Ajax技术得到广泛应用,jQuery等前端库层出不穷,前端代码日益膨胀 这时候JavaScript作为嵌入式的脚本语言的定位动摇了,JavaScript却没有为组织代码提供任何明显帮助,甚
2016-11-03 16:33:58
431
原创 CSS3(圆角 渐变 2D 3D ....)
1:圆角 border-radius:100px; 2:盒子阴影 box-shadow:(左右偏移 上下偏移 模糊范围 扩展范围 阴影颜色); bax-shadow:(10px 20px 10px 2px red); 3:文本属性 text-shadow:同box-shadow同理 text-overflow:(cilp,
2016-10-20 12:16:10
382
原创 HTML5(表单自动验证 语义化标签 ...)
一:语义标签 1:区块标签 <article>文章标签</article> <header>页面标题</header> <nav>主导航</nav> 二:视频/音频标签 1:视频标签 <video controls //显示一组播放组件> <source src="1.mp4"> <source src="1.webm">
2016-10-20 12:13:38
587
转载 彻底理解JS中This指向问题
按照我们上面说的this最终指向的是调用它的对象,这里的函数a实际是被Window对象所点出来的,下面的代码就可以证明。 function a(){ var user = "追梦子"; console.log(this.user); //undefined console.log(this); //Window } window.a(); 和上面代码一样吧
2016-10-08 14:10:51
319
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人