20180324 前端开发日报

Vue Technology LLC 招人了;如何使用 JavaScript 实现一门编程语言(3) —— Input stream;手拉手,用Vue开发动态刷新Echarts组件;vue小记;200行 JS 代码实现区块链;如何使用 JavaScript 实现一门编程语言(4) —— Token stream;WebSocket介绍以及node+socket-io实现聊天室功能;【从0到1】分步实现一个出生日期的正则表达式(JavaScript)

  1. Vue Technology LLC 招人了 Vue Technology LLC 招人了! 职位 全职开源开发者 职责内容 参与 Vue.js 官方项目的开发和维护。包括但不限于:
  2. 如何使用 JavaScript 实现一门编程语言(3) —— Input stream 这是最简单的部分。我们将创建一个“流对象”,它提供了从字符串中读取字符的操作。其中4个方法: peek() – 返回下一个值,但不从流中移除它。 next() – 返回下一个值,并将其从流中丢弃。 eof() – 当且仅当流中没有更多值时才返回true。 croak(msg) – throw new Error(msg) 之所以包括最后一个,…
  3. 手拉手,用Vue开发动态刷新Echarts组件需求背景:dashboard作为目前企业中后台产品的“门面”,如何更加实时、高效、炫酷的对统计数据进行展示,是值得前端开发工程师和UI设计师共同思考的一个问题。今天就从0开始,封装一个动态渲染数据的Echarts折线图…
  4. vue小记 使用vue也有一段时间了,现在对vue的一些以前没有注意到的点小结一番~ 本文均采用npm安装依赖 json-server 数据存储的利器啊,我之前是采用easy-mock,遗憾的是其只能使用get请求。 在json-server中 我们采用npm insta
  5. 如何使用 JavaScript 实现一门编程语言(4) —— Token stream tokenizer(标记器, 也称为“词法分析器”), 对字符输入流 进行操作,并返回具有相同接口的流对象,但由 peek()/next() 返回的值一个个token。token是具有两个属性的对象:type和value。以下是我们所支持的token的一些示例: { type:“ punc ”,value:“ (” } // 标点符号:parens,逗号,分号等等 { ty…
  6. WebSocket介绍以及node+socket-io实现聊天室功能 我在做“你画我猜”小游戏时,为了实现画面实时传递,以及猜题时的聊天室功能,使用了 Socket.io,本文主要介绍 Socket.io 是什么,以及如何使用。 WebSocket 在介绍 Socket.io 之前,首先需要说一说什么是 WebS
  7. 【从0到1】分步实现一个出生日期的正则表达式(JavaScript)简言 在表单验证中,经常会用正则表达式做出生日期校验。本文把出生日期分割成几个部分,分步地介绍了实现一个出生日期校验的完整过程。相信您在理解了本篇的内容后,对如何编写和如何应用正则表达式会有进一步的…
  8. React 深入系列(四):组件的生命周期 React 深入系列,深入讲解了React中的重点概念、特性和模式等,旨在帮助大家加深对React的理解,以及在项目中更加灵活地使用React。 组件是构建React应用的基本单位,组件需要具备数据获取、业务逻辑处理、以及UI呈现的能力,而这些能力是要依赖于组件不同的生命周期方法的。组件的生命周期分为3个阶段:挂…
  9. 如何使用 JavaScript 实现一门编程语言(5) —— AST 在计算机科学中,抽象语法树(Abstract Syntax Tree,AST),或简称语法树(Syntax tree),是源代码语法结构的一种抽象表示。它以树状的形式表现编程语言的语法结构,树上的每个节点都表示源代码中的一种结构。 之前我们讲过,parser将构建一个忠实地表示程序语义的数据结构。这里的AST节点则是一个普通的JavaScript…
  10. Egg.js 文档镜像站(大陆) 众所周知的原因,最近 Egg 和 Antd 官网访问总是异常。 鉴于官方文档使用 Github Page 部署,这里我们用 Docker 部署了。 拉最新代码: git clone git@github.com:eggjs/egg.gi
  11. JS/NodeJS中的异步任务与事件环 pre-notify 术语 为什么JS要设计成单线程的? JS并非只有一个线程,而只是主线程是单线程的 异步任务以及事件循环 Node.js中のEventLoop 微任务和宏任务 其它的微任务 Q setTimeout,setImmediat
  12. 如何解构单体前端应用:前端应用的微服务式拆分 本文分为以下四部分:前端微服务化思想介绍,微前端的设计理念,实战微前端架构设计,基于 Mooa 进行前端微服务化。
  13. Redux vs Mobx系列(二):衍生属性 考虑这样得一个页面 其中 money = price * count 。 在设计数据层的时候, 我们可以: var store ={ price: 0, count: 0, money: 0 } 这样 我们的组件 就可以直接从 store里面获取price, count, money,然后展示就可以了,很方便简单,当更新的时候: function updatePrice(newPric…
  14. 使用 babel 进行 AST 分析和处理 PDF 下载 babel 插件的官方手册已经相当详实了,似乎没有太多必要再写一遍,不过为了小组分享,还是花了几个小时整理了一番。 针对上图中的 Parser、Traversal、Transform、Generator 分别写了几个简单的 Demo,跟着一步一步来,结合文档,应该可以完全掌握。 Parser const babylon = r…

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

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


关注我

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

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

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