20180904 前端开发日报-前端开发博客

从一张搞笑图看JavaScript的语法和特性；HTTP2 详解；一个合理的生产环境的 Web 应用程序应该是什么样子的；Js学习笔记：闭包；前端每日实战 2018 年 8 月份项目汇总（共 29 个项目）；如何实现前端录音功能；一眼看穿JS继承；React Fire: Modernizing React DOM · Issue #13525 · facebook/react

从一张搞笑图看JavaScript的语法和特性逛知乎的时候发现@DDDD转了一张图，这张图对js魔法的吐槽可谓非常到位。下面，我们就从这张图出发来详细讲讲js。数字类型与精度问题虽然js是弱类型语言，声明变量时也不需要显式指定类型。但是，数据本身依旧还是有类型的，比如数字和字符串就是以不同形式存在的数据。在js中，所有数字的类型都为number。其中，…
HTTP2 详解维基百科关于 HTTP/2 的介绍，可以看下定义和发展历史: Wiki RFC 7540 定义了 HTTP/2 的协议规范和细节，本文的细节主要来自此文档，建议先看一遍本文，再回过头来照着协议大致过一遍 RFC，如果想深入某些细节再仔细翻看 RFC RFC7540 Why use it ? HTTP/1.1 存在的问题: 1、TCP …
一个合理的生产环境的 Web 应用程序应该是什么样子的好的工具的产生使开发与部署变得十分容易，作为一个曾经的云服务从业人员，鼓励大家拥抱云服务。拥抱这些现成的技术栈。
Js学习笔记：闭包这个周末，注意力都在学习基础Js知识上面，刚好看到了闭包这个神圣的东西，所以打算把这两天学到的总结下来，算是巩固自己所学。也可能有些不正确的地方，也请大家看到了，麻烦在评论下提醒一下，算是互相学习了。
前端每日实战 2018 年 8 月份项目汇总（共 29 个项目）《前端每日实战》专栏每天分解一个前端项目，用视频记录编码过程，再配合详细的代码解读，是学习前端开发的活的参考书！
如何实现前端录音功能前端实现录音有两种方式，一种是使用MediaRecorder，另一种是使用WebRTC的getUserMedia结合AudioContext，MediaRecorder出现得比较早，只不过Safari/Edge等浏览器一直没有实现，所以兼容性不是很好，而Web
一眼看穿JS继承我们知道JS是OO编程，自然少不了OO编程所拥有的特性，学习完原型之后，我们趁热打铁，来聊聊OO编程三大特性之一——继承。
React Fire: Modernizing React DOM · Issue #13525 · facebook/react
JavaScript六种非常经典的对象继承方式重点：利用原型让一个引用类型继承另外一个引用类型的属性和方法。构造函数，原型，实例之间的关系：每个构造函数都有一个原型对象，原型对象包含一个指向构造函数的指针，而实例都包含一个指向原型对象的内部指针。
浅谈 TypeScript – 接口接口并未出现在 JavaScript 中，这应该属于 TypeScript 核心原则之一的设计，在 TypeScript 的世界里接口唯一的作用就是为你的代码或者第三方代码定义类型，约定好契约关系。基础当我们回过头来去看一个函数参数的对象扩
Vuex中使用localStorage实现数据的持久化保存Vuex中数据的全局化管理可以使得我们数据更加便于管理，但存在一个缺点就是当页面刷新也就是实例重新创建时，数据就会丢失，而使用localStorage就可以使得数据持久化保存，本文就此提供一种解决思路。
浅谈 TypeScript – 泛型在HTTP接口中的运用不知不觉冬去春来，小明也换了一份工作，这次他在新的公司里开始负责设计前端项目，一切都从新的开始。有一天小明和公司的后端程序员小李愉快的对完了接口文档，于是开始埋头苦干。由于请求的异步性，小明随着知识学习的增长也开始使用 Promise，他对于接口的
浅谈 TypeScript – 类在没有出现 es2015 之前在 JavaScript 中，我们都使用函数和原型来完成一个类的定义，但这对于熟悉其他面向对象的程序员（Java）来说非常的艰难，于是 es2015 将我们复杂的面向对象编程简化了不少，反而 TypeScript 对于它还有一些增
使用WebAssembly实现前端运行Kociemba算法自动解魔方 Kociemba算法，又称为Two-Phase算法或者二阶段算法；本质上是利用搜索算法来还原魔方；当然这里并不准备仔细聊这个算法的实现，毕竟我也不是很清楚！接下来的内容是怎么使用WebAssembly技术让C语言实现的Kociemba算法在浏览器环境中也能
浅谈 TypeScript：函数我们都知道在 JavaScript 的世界中函数是一等公民，它在编程范式中为我们控制行为，抽象某些实现有着较大的帮助，因此 TypeScript 在 JavaScript 的基础之上添加了一些额外的功能，辅助我们更好的使用函数。基础当我们随意定义一个函数时，如： function sum(x,y) { return x + …
全面教程：在 RxJS 中创建流
《CSS变量（自定义属性）实践指南》在本文，你将学会如何使用CSS变量，并把它集成到你的CSS开发流程中，让你的样式表更好维护，且减少重复。（by 葡萄城控件）
详解 vue 双向数据绑定的原理，并实现一组双向数据绑定Object.defineProperty是ES5新增的一个API，其作用是给对象的属性增加更多的控制Object.defineProperty(obj, prop, descriptor)参数 obj: 需要定义属性的对象（目标对象）prop: 需被定义或修改的属性名（对象上的…
浅谈 TypeScript – advanced types 从英译的文字来看高级类型并未有我们想象的那么复杂，这只是对于我们日常的编程生活中的一些补充，某些场景下，这些类型会为你的编程范式带来便捷。基础当我们从最初的 mixins 中获取收益时，你就需要用到如下的一个类型了： funct
浅谈 TypeScript – 模块从 es2015 开始 JavaScript 有了自己的模块，TypeScript 也遵循了这样的定义，其实在 TypeScript 还有一个命名空间的概念，这样的概念应该说从历史遵循而来，上了年纪的前端程序员应该会对YUI有一些印象，当年的前端对于命名空间的
「译」一起探讨 JavaScript 的对象原文地址：Let’s explore objects in JavaScript 原文作者：Cristi Salcescu 译文出自：阿里云翻译小组译文链接：github.com/dawn-teams/… 译者：灵沼校对者：也树，眠云一起探讨 Ja
理解 Node.js Stream 模块流概念是学习 Node 绕不过去的概念之一，它的底层代码也非常复杂，它能够优化对于文件或者数据处理的内存优化与流程优化，本文主要是讲述了对于 Stream 的实现与使用。静态服务器的搭建很多时候，我们需要搭建静态文件服务器或者向客户端传输静
js数据类型–object其中原始类型包括string,number, boolean, null, undefined, symbol(ES6新增，表示独一无二的值)，这6种数据类型是按照值进行分配的，是存放在栈(stack)内存中的简单数据段，可以直接访问，数据大小确定，内存空…