20180325 前端开发日报

JavaScript对象入门指南;别人问你http协议,到底是想问什么?(二)http与缓存;无需基础知识,使用JavaScript构建你的第一个神经网络;前端开发中的代码艺术(精要);Vue文档中几个易忽视部分的剖析;Javascript中装饰器的实现原理;Hybrid前端jsbridge设计原理分析;Promise的实现及解析

  1. JavaScript对象入门指南 前言 不少开发对JavaScript实现面向对象编程存在一知半解,并且不少的在项目实践中写的都是面向过程编程的代码,因此,希望能从零入手介绍面向对象的一些概念到实现简单的面向对象的例子让大家包括我自己加深对面向对象的认知。硬文一篇,希望能对大家有帮助 ^v^ 对象基础 概念 对象是一个包含相关数据和方法的…
  2. 别人问你http协议,到底是想问什么?(二)http与缓存 上一篇文章我们讨论了TCP三次握手,http请求头、响应头,Content-Type字段,如何使用node控制这个字段等。我这篇文章将从http状态码入手,讨论写常用的http方法和控制缓存。 我们调试一个接口时,喜欢的数
  3. 无需基础知识,使用JavaScript构建你的第一个神经网络 设定目标 (如果你只想直接上手,请跳过这部分……) 首先,本文作者还不是神经网络或机器学习方面的专家。坦率的说,我仍然对人工智能的大部分内容感到困惑。但希望这能够鼓励到正在读这篇文章,并急切想尝试机器学习的初学者们。 机器学习是近年来在人们眼前时不时会出现的新概念,这让我不禁对自己说:「看起…
  4. 前端开发中的代码艺术(精要) 代码中特殊的注释技术——TODO、FIXME和XXX的用处 TODO : Stuff I haven’t gotten around to yet FIXME : Known-broken code here HACK : Adimittedly inele
  5. Vue文档中几个易忽视部分的剖析 针对Vue文档中部分大家可能不会去研读的内容,我做了个小总结,作为有经验者的快餐,不是特别适合初学者,可能有不妥之处,希望大家多提建议。 节省代码量的mixin mixin 概念:组件级可复用逻辑,包括数据变量/生命周期钩子/公共方法,从而在混入的组件中可以直接使用,不用重复写冗余逻辑(类似继承) 使用…
  6. Javascript中装饰器的实现原理 基于Node的web服务器开发中使用decorator对请求进行权限校验和数据格式的处理是一个看起来比较漂亮的写法,这里正好整理一下对javascript中的decorator的理解。 decorator的概念在其他语言中早有存在,在javascript中目前
  7. Hybrid前端jsbridge设计原理分析 时下app分以下几种技术选型 Webapp,框架有cordova,ionic等 Hybrid,即Native+h5方式 React Native, weex方向 纯Native,这个没啥好说的 flutter,明日之星 本文只描述Hybrid中的jsbrig
  8. Promise的实现及解析 Promise雏形(加入状态机) function Promise(executor){ let self = this; self.status = 'pending'; self.value = undefined; s
  9. 使用 JavaScript 构建你的第一个神经网络 选自ITNEXT 作者:Daniel Simmons 机器之心编译 参与:程耀彤、李泽南 随着新技术和新工具的出现,构建神经网络已不再是一件需要大量机器学习相关知识的工作了。本文将会教你以 JavaScript 库 Brain.js 为基础,构建并训练自己的神经网络。 设定目标 …
  10. 我们能从 Redux 源码中学到什么? 我总是听人说,想拓展开发者自身视野就去读源码吧。 所以我决定找一个高质量的 JavaScript 库来深入学习。 我选择了 Redux ,因为它的代码比较少。 这篇文章不是 Redux 教程,而是阅读源码后的收获。如果你对学习 Redux 感兴趣,强烈推荐你去看Redux 教程,这个系列文章是 Redux 的作者 Dan Abramov 写的。 …
  11. webpack小记 把工作中常用的webpack配置,包括loader、plugins、优化等记录下来,方便学习和查阅。会一直更新本文。 初识webpack 在项目里安装 webpack、webpack-cli 在根目录新建 webpack.config.js webpack
  12. 如何使用 JavaScript 实现一门编程语言(6) —— Interpreter 到目前为止,我们写了3个函数:InputStream,TokenStream 和 parse。为了从一段代码中获取AST,我们可以执行以下操作: var ast = parse (TokenStream (InputStream (code ))) ; 获取AST后就可以编写Interpreter(解释器)了,这比写parser容易。我们只需走AST,以正常顺序执行表达式。 执行环境 正确执…
  13. 漫谈 React 组件库开发(二):组件库最佳实践在 React 大生态下,一个比较成熟的前端团队,都会面对一个问题:如何提高团队的开发效率? 一个系统拥有大量的业务场景和业务代码,相似的页面和代码层出不穷,如何管理和抽象这些相似的代码和模块,这肯定是诸…
  14. Websocket 使用指南 前言 在浏览器与服务器通信间,传统的 HTTP 请求在某些场景下并不理想,比如实时聊天、实时性的小游戏等等,其面临主要两个缺点: 无法做到消息的「实时性」; 服务端无法主动推送信
  15. Node.js Writable Stream的实现简析 作者:肖磊 个人主页:github 可写流是对数据写入“目的地”的一种抽象,可作为可读流的一种消费者。数据源可能多种多样,如果使用了可写流来完成数据的消费,那么就有可写流的内部机制来控制数据在生产及消费过程中的各状态的扭转等。 首先来看下可写流内部几个比较关
  16. Vue 2.0学习笔记:Vue组件内容分发(slot) 在实际项目开发当中,时常会把父组件的内容与子组件自己的模板混合起来使用。而这样的一个过程在Vue中被称为 内容分发 。也常常被称为 slot (插槽) 。其主要参照了当前 Web Components规范草案 ,使用特殊的 <slot> 元素作为原始内容的插槽。今天主要来学习如何在Vue中使用 slot 的功能。 先简单的了解一个…
  17. Node.js Readable Stream的实现简析 作者:肖磊 个人主页:github Readable Stream是对数据源的一种抽象。它提供了从数据源获取数据并缓存,以及将数据提供给数据消费者的能力。 接下来分别通过Readable Stream的2种模式来学习下可读流是如何获取数据以及将数据提供给消费者
  18. WebAssembly学习笔记 WebAssembly 是最近十年 web 技术发展中最重大的一个新技术。很多人可能都听说过它最重要的一个特性:性能好,运行快。那 WebAssembly 究竟是什么?是什么使得它性能好运行快的呢? WebAssembly是什么? WebAssembly 是一种能把 除了JavaScript 以外的编程语言编写的代码经过编译器编译转换为能在现代浏览器中运行…
  19. 一个前端眼中的斐波那契数列 大学时期,每学习一门新编程语言,就会被要求重新实现一遍斐波那契数列算法。那时,常用的方法即递归法和递推法。那时只对结果感兴趣,只要结果出来了,其他的仿佛就无所谓了。 现在,成为一名前端工程师之后,再看这个问题,要考虑的情况,也变得更广泛了,可以用的方
  20. 【第1219期】从浏览器多进程到JS单线程,JS运行机制最全面的一次梳理 前言 龙抬头过后,三月份进入第三周了。今日早读文章由@撒网要见鱼授权分享。 正文从这开始~ 最近发现有不少介绍JS单线程运行机制的文章,但是发现很多都仅仅是介绍某一部分的知识,而且各个地方的说法还不统一,容易造成困惑。 因此准备
  21. 打造超溜666的ReactNative工作流 声明 本文适合无安卓开发经验的前端工程师阅读,请安卓大佬勿喷~ 项目背景 由于开发速度快、性能较Hybrid高以及其他一些优势,ReactNative在前端开发中的使用日渐增多,但是随之而来也产生了很多问题:
  22. JS 之 浮点数语言层面的终极探究 开场 春天来了,大家都充满活力,干劲十足,又蹦又跳。我也在网上看了一套题,没想到刚开始看就花了眼: var END = Math.pow(2, 53); var START = END – 100; var count = 0; for (var i = ST
  23. WebGL 3D 电信机架实战之数据绑定前言 在前端中,视图层和数据层需要进行单向或者双向数据绑定,大家都已经不陌生了,有时候 2D 做的比较顺了之后,就会想要挑战一下 3D,不然总觉得痒痒的。这个 3D 机架的 Demo 我觉得非常有代表性,首先,3D 机…
  24. 换个姿势上传?el-upload + qiniu-js 的实现 关于element-ui的el-upload,实际上issue中提到的次数也不少,很多初试者可能 get 不到愉快使用的点,提了issue之后又大多因为规范问题直接被机器人过滤或者关闭。例如最近一次相关的issue是想寻求关于http-request的使用,但
  25. AVA测试框架内部的Promise异步流程控制模型 作者:肖磊 个人主页:github 最近将内部测试框架的底层库从mocha迁移到了AVA,迁移的原因之一是因为AVA提供了更好的流程控制。 我们从一个例子开始入手: 有A,B,C,D4个case,我要实现A –&gt;&gt; B –&gt;&gt; (C

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流