[译]Javascript 2018: 你需要知道的和不需要知道的一些东西

  |   0 评论   |   88 浏览

Javascript已经发展成熟——我们不再是只使用它在网页上制作一些简单的交互,而是更多的使用它构建一整套大型的应用。当然了,随着当前Javascript的生态系统不断完善,这会比之前都更复杂。
作为一名职业的软件工程师以及两本与Javascript有关书籍的作者,Ethan Brown花费了很多时间去分析目前和Javascript有关的技术栈,并且从中得出了一位现代的“Javascript开发者”该如何去适应这些东西。
这里有一些Brown的关于Javascript生态系统的各个方面最前沿或者也是至少会很有用的预测,在2018里,机智的开发者可以去熟悉这些东西。

2017总结与2018展望

  |   13 评论   |   723 浏览

2017年也还是这么顺顺利利的过去了。对于我来说,2017这一年给我带来的改变无疑是非常巨大的。
2018是我真正走向社会的一年,是“破而立”的一年。作为程序员,我更加需要在忙碌的生活中时刻给自己充电,以免被时代所抛弃。

利用 debounce/throttle 函数减轻对后端接口的压力

  |   0 评论   |   590 浏览

在前端开发过程中,偶尔会遇到类似点赞、抢购、切换之类的按钮。这类按钮一般会绑定一些需要和后端进行交互的事件。如果不对这些事件做限制处理,那么当用户量激增时无疑对后端的压力也会成倍增加。
一名优雅的前端工程师不仅要能对自己的展示页面负责,也要对后端接口的流量负责。此时我们就得思考,如何使用一些前端上的技巧减轻用户操作对后端的压力。
这里很简单的介绍两种函数: debouncethrottle

关于列表布局的样式分析

  |   2 评论   |   99 浏览

列表布局的方式有很多,我目前在项目中大量使用的方式有2种。
一种是使用display: inline-block;来达到列表布局的目的。
还有一种是使用float: left / right;来做到列表布局。

更早些的全局<table/>的方式目前见的比较少,而当下使用最新的CSS3display: flex在一些主流网站上也可以看见其身影。
今天我来说说前两种方式。

flex引起的子元素无法设置height: 100%的问题(safari & chrome)

  |   1 评论   |   2,168 浏览

flex布局无疑在移动端、PC端(ie10+)大大简化了前端的代码量,但是其存在的兼容性问题也不能被忽略,不同的浏览器解析flex的方式可能有所不同。用flex布局经常会发生一些奇怪的现象,而且flex套flex总是会觉得代码被污染…就很烦很难受。
这里着重分析了一种在safari和chrome两个浏览器下,对height: 100%的flex兼容性问题。

你真的想学编程吗?

  |   7 评论   |   1,558 浏览

我是很赞成大家都来学编程的,脑子里一下能浮现出的赞成的理由就有:
1. 编程是把事物不断细分的过程,能够锻炼人的逻辑能力;
2. 编程需要一个清晰的思路,能锻炼人的思维能力;
3. 编程是一个创造的过程,能提高人的创造力;
4. 编程可以帮助人将重复的手工劳作转化成自动化的过程;

理解Javascript中的作用域与作用域链

  |   0 评论   |   119 浏览

任何程序设计语言都有作用域,简单的说,作用域就是变量或函数的可访问范围。作用域控制着变量与函数的可访问性与生命周期。
在绝大部分程序设计语言中,作用域的范围有全局作用域、函数作用域、块级作用域。
* 全局作用域:属于全局作用域的代码在任何地方都能访问到;
* 函数作用域:在定义该变量/函数的函数体内可以访问到;
* 块级作用域:在定义该变量/函数的语句块中可以访问到。

然而对于Javascript(ES5)来说,不存在块级作用域。

理一理Javascript的原型链

  |   0 评论   |   455 浏览

在Javascript中,大致存在两种对象:普通对象和函数对象。
一般而言,通过new Function()创建的对象是函数对象,其他的是函数对象。每当创建函数对象时,该对象中都会内置一些属性,其中包括prototype__proto__prototype即为原型对象
其内记录着函数对象的一些属性和方法。
prototype的主要作用是继承。prototype内定义的属性和方法都是留给自己的后代使用的。
说到后代,就必须说说js中的原型链。此时,另一个属性__proto__就登场了。