20170827 前端开发周报

1、JS 命名与注释规范详解

从事前端开发也有一段时间了,一直在遵循着规范化开发,从 js 也逐渐转向了 ts ,在这个过程中也有了很多收获,在此把自己的开发心得写下来。 本文参考了 JavaScript 开发规范 ,并做了补充和修改,同时删去了框架开发相关的内容。

http://foreverz.cn/2017/08/23/JS%E5%BC%80%E5%8F%91%E8%A7%84%E8%8C%83/

2、JavaScript 是如何工作的?

大家应该都知道 JavaScript 是单线程的,以及听过 V8 引擎的概念。 这篇文章将会介绍这些概念,并解释 JavaScript 是如何运行的。通过了解这些细节,开发者能更好地编写代码,正确利用其提供的 API。

https://zhuanlan.zhihu.com/p/28753663

3、JavaScript数据类型的存储

一个很基础的知识点,JavaScript中基本数据类型和引用数据类型是如何存储的。 由于自己是野生程序员,在刚开始学习程序设计的时候没有在意内存这些基础知识,导致后来在提到“什么什么是存在栈中的,栈中只是存了一个引用”这样的话时总是一脸懵逼。。 后来渐渐的了解了一些内存的知识,这部分还是非常有必要了解的。

http://axuebin.com/blog/2017/08/24/javascript-data-storage/

4、iframe和HTML5 blob实现JS,CSS,HTML直接当前页预览

这前端代码效果实时预览的需求实际上是非常常见的,例如jsbin,codepen,runjs之类的网站就是满足此需求的。传统做法是这样子的,会新建一个另外的独立页面,专门用来接收传入的前端代码,通过新开窗口或者嵌入iframe页面的方式达到最终效果,其中可能会用到 HTML5 postMessage等通信技术 。本文讲述 借助iframe和blob实现前端代码的实时预览。

http://www.zhangxinxu.com/wordpress/2017/08/iframe-html5-blob-code-view/

5、深入理解 JavaScript 中的 this

你是否经常被JavaScript中的this关键字搞晕? 不用太过于当心, 很多JavaScript的初学者都被它搞晕过. 你不是一个人在战斗. 话虽如此, 但这并不意味着你可以永远不用理解this. 不管是在JavaScript中还是在许多教程中, 都广泛的使用this, 所以掌握this是迟早的事. 一旦你理解this, 就会觉得它实际上比你想象的简单许多. 读过这篇文章以后, 你就会深入理解this的秘密. 到时候你就知道它是什么, 它做什么以及如何使用它.

https://zhuanlan.zhihu.com/p/28704724

6、浅谈JavaScript中的接口实现

接口是面向对象JavaScript程序员的工具箱中最有用的工具之一。在设计模式中提出的可重用的面向对象设计的原则之一就是“针对接口编程而不是实现编程”,即我们所说的面向接口编程,这个概念的重要性可见一斑。但问题在于,在JavaScript的世界中,没有内置的创建或实现接口的方法,也没有可以判断一个对象是否实现了与另一个对象相同的一套方法,这使得对象之间很难互换使用,好在JavaScript拥有出色的灵活性,这使得模拟传统面向对象的接口,添加这些特性并非难事。接口提供了一种用以说明一个对象应该具有哪些方法的手段,尽管它可以表明这些方法的含义,但是却不包含具体实现。有了这个工具,就能按对象提供的特性对它们进行分组。

http://developer.51cto.com/art/201708/548703.htm

7、如何编写轻量级 CSS 框架

想说的东西很多,却又无从说起。如今轻量级框架如雨后春笋,层出不穷。我想每个人都应该归纳总结工作中的常见需求,编写一套适合自己的 CSS 框架。 (by nzbin)

http://web.jobbole.com/92035/

8、JavaScript 中的执行上下文和调用栈是什么

详见: 一篇文章带你了解 JavaScript 基本概念之执行上下文。在本文中,作者将帮助你理解 JavaScript 解释器是如何执行你的代码的。

http://zcfy.cc/article/what-is-the-execution-context-amp-stack-in-javascript-by-david-shariff-4007.html

9、JavaScript精进之路 — 异步的实现(上)

程序中现在运行部分和将来运行部分的关系就是异步编程的核心。简单来讲,如果程序中出现了一部分要在现在运行(顺序同步执行),一部分要在将来运行(可能是设置了timeout也可能是一个ajax的异步调用后执行的函数),那么两者之间的关系的构建就构成了异步编程。

https://segmentfault.com/a/1190000010791199

10、深入浅出 Web Audio Api

Web Audio API 需要在音频上下文中处理音频的操作,并具有模块化路由的特点。基本的音频操作是通过音频节点来执行的,这些音频节点被连接在一起形成音频路由图。我们可以从上面这段文字中提取出几个关键词: 音频上下文 音频节点 模块化 音频图 我将会以这些关键词为开始,慢慢介绍什么是 Web Audio Api,如何使用 Web Audio Api 来处理音频等等。

https://juejin.im/post/599e35f5f265da246c4a1910

11、在JavaScript中实现队列

队列和栈非常类似,但是使用了不同的原则,而非后进先出。 队列是遵循FIFO(First In First Out,先进先出, 也称先来先服务)原则的一组有序的项。队列在尾部添加新元素,并从顶部移除元素。最新添加的元素必须排在队列的末尾。 在现实中,最常见的例子就是排队: 排在第一位的人会先接受服务。

http://alloween.top/2017/03/26/在JavaScript中实现队列/

12、Web 开发中说高并发的时候,我们在说什么

这并不是一个回答的问题的文章,而是由此引发的一个思考。 大家先心里仔细想想,当你们听到高并发网站时,心里对这个网站是个什么概念?首先想到的是淘宝吗?带着问题,我们一起思考技术 写这个话题是因为我对搜索引擎给我的答案很不满意,然后决定把思考的一些东西分享出来,希望可以大家彼此讨论下...

http://mp.weixin.qq.com/s/iJamJbPkJ8mgBH_AEVm5sg

13、个人总结(css3新特性)

css3这个相信大家不陌生了,是个非常有趣,神奇的东西!有了css3,js都可以少写很多!我之前也写过关于css3的文章,也封装过css3的一些小动画。个人觉得css3不难,但是很难用得好,用得顺手,最近我也在过一遍css3的一些新特性(不是全部,是我在工作上常用的,或者觉得有用的),以及一些实例,就写了这一篇总结!希望,这篇文章能帮到大家认识css3。写这篇文章主要是让大家能了解css3的一些新特性,以及基础的用法,感觉css3的魅力!如果想要用好css3,这个得靠大家继续努力学习,寻找一些讲得更深入的文章或者书籍了!如果大家有什么其他特性推荐的,欢迎补充!大家一起学习,进步!

https://segmentfault.com/a/1190000010780991

14、JavaScript 中的执行上下文和调用栈

在这篇文章里,我会深入地探讨 JavaScript 中最基本概念之一,那就是执行上下文。通过这篇文章,你应该能够清楚地了解到 JS 解释器究竟在干嘛,为什么可以在一些函数和变量声明之前就能使用,以及它们的值是怎样被决定的。

http://zcfy.cc/article/what-is-the-execution-context-amp-stack-in-javascript-by-david-shariff-4007.html

15、Ajax的全面总结

Ajax在前端开发中有着举足轻重的地位,关于Ajax的使用和注意事项一直是一个重要的话题,借此机会,本文希望对Ajax做一个全面的总结,彻底揭开Ajax的神秘面纱。 一.什么是AjaxAjax(Asynchronous JavaScript and XM...

https://segmentfault.com/a/1190000010832550

16、Vue 插件编写与实战

本文立足vue开源的理念,主要为vue开发者讲解编写vue插件的方法和步骤,通过理论与实践相结合的方式来加深大家对vue插件编写的认识。

https://juejin.im/post/599c18b2f265da249823f21f

17、七个不可错过的React组件库与开发框架

React是如今最火爆的前端技术,从按钮到卷轴到工具条,应有尽有,而且这些组件可以各行其是,也可以组装成复杂的UI,你也可以把UI分解成独立的可服用的模块。这里介绍几个非常重要而有用的React组件库和开发框架。详见(来自:@IT经理网)

http://www.ctocio.com/ccnews/24552.html

18、5 个你可能不知道的 CSS 属性

详见: 在这篇文章中,作者将分享 5 个相对较新的 CSS 属性。通过总览这些 CSS 属性,告诉你可以使用哪些值,它们的应用场景,并且提供了一些示例帮助你理解。

http://www.zcfy.cc/article/3919

19、关于 Node.js 的认证方面的教程(很可能)是有误的

我搜索了大量关于 Node.js/Express.js 认证的教程。所有这些都是不完整的,甚至以某种方式造成安全错误,可能会伤害新用户。当其他教程不再帮助你时,你或许可以看看这篇文章,这篇文章探讨了如何避免一些常见的身份验证陷阱。同时我也一直在 Node/Express 中寻找强大的、一体化的解决方案,来与 Rails 的 devise 竞争。

https://segmentfault.com/a/1190000010848111

20、10 个 React 小模式

在过去的几年,我经手过很多大大小小的React项目,在这个过程中,我不断的重复重复,逐渐的形成了一些模式,在这里分享给大家。 如果你是刚开始接触React,能看到这篇文章,只能说你很幸运 :)。

http://www.zcfy.cc/article/10-react-mini-patterns-hacker-noon-3912.html

喜欢这篇文章的朋友,欢迎关注、收藏、分享、评论,帮我上热门,你的支持,是我每日更新的动力!

喜欢前端的朋友可以点击关注一下我,每日分享精彩的前端文章!

今日更多精彩文章:http://caibaojian.com/fe-daily-20170828.html

欢迎点击“阅读原文”,学习今日精华文章~

前端开发博客

——————————————————

领略前端技术 阅读前端开发博客

长按二维码,关注前端开发博客

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值