20180302 前端开发日报

搭建 Node.js 应用部署平台(一)—— 综述;关于 Promise 的 9 个提示;理性分析 JavaScript 中的 this;babel-polyfill vs babel-runtime;如何在 Vue 中使用 TypeScript;像写 Angular 一样写 Vue;Stimulus 1.0:一个针对你已有的HTML的JavaScript框架;js中的正则表达式(2)

  1. 搭建 Node.js 应用部署平台(一)—— 综述 为什么要开发这样一个平台 当我们想要写一个 Node.js 应用时,需要解决很多编写代码之外的事情(机器、环境、部署、etc),这很大程度上提高了编写应用的成本。Node Labs 平台将提供应用创建、运行环境、部署、监控等功能,让创建 Node.js 应用变得更加简单。 什么样的项目适用于这个平台进行部署和管理 我们前期…
  2. 关于 Promise 的 9 个提示 正如同事所说的那样,Promise 在工作中表现优异。 这篇文章会给你一些如何改善与 Promise 之间关系的建议。 1. 你可以在 .then 里面 return 一个 Promise 让我来说明这最重要的一点 是的!你可以在 .then 里面 return 一个 Promise 而且,return 的这个 Promise 将在下一个 .then 中自动解析。 …
  3. 理性分析 JavaScript 中的 this 了解 python 的同学可能会知道,python 构造函数中总是会出现 self 参数。这个参数用来表示创建的实例对象。 class Student(object): def __init__(self, name, score): self.name = name self.score = score 在 JavaScript 和 Java 中这个参数被隐藏了。我们不必在参数列表中显式声明这个参数…
  4. babel-polyfill vs babel-runtime 背景 在项目迭代过程中,因为有兼容 IE 的需求,根据文档使用 babel-polyfill 和 babel-runtime 两个插件解决问题。但是对于二者之间的恩怨情仇,却不甚了解,便打算细细探究一番。 关于 Babel 如果我们没有配置一些规则,Babel 默认只转换新的 JavaScript 句法(syntax),而不转换新的 API,比如 Itera…
  5. 如何在 Vue 中使用 TypeScript 注意:此文并不是把vue改为全部替换为ts,而是可以在原来的项目中植入ts文件,目前只是实践阶段,向ts转化过程中的过渡。 ts有什么用? 类型检查、直接编译到原生js、引入新的语法糖 为什么用ts? TypeScript的设计目的应该是解决JavaScript的“痛点”:弱类型和没…
  6. 像写 Angular 一样写 Vue 个人比较喜欢 TypeScript,写了一段时间 Angular,对其代码组织方式也比较满意,公司选择使用 Vue,所以研究一下用 TypeScript 开发 Vue,后来发现这样的开发方式比较像 Angular,所以就靠拢 Angular 做了个 DEMO,这里写一下配置方法。 初始化项目 vue-cli 首先使用 vue-cli 创建项目,…
  7. Stimulus 1.0:一个针对你已有的HTML的JavaScript框架 现代JavaScript并不一定意味着客户端MVC单页Apps。 在 Basecamp ,我们写了许多JavaScript,但是我们并没有用它来创造当代意义上的“JavaScript应用”。我们的所有应用在核心部分都有服务端渲染的HTML,然后添加少量JavaScript来让页面变得炫酷。 这是一种构建 庞大的一体化应用 的方式。Basecamp运行在多个…
  8. js中的正则表达式(2) 紧接着上次的js中的正则表达式(1),这一文搁在那很久了的,本文为初学者学习笔记心得,适用我这种小白,并不是什么高大尚的内容,您将在本文中看到,如何实现重复字符匹配,子表达式的使用,嵌套以及replace()方法中圆括号内第二个特殊参数的使用,欢迎路过的老师多提意见和指正 可以戳后链接js中的正则表达式(2) 重复字符…
  9. JS脚本加载后执行相应回调函数 项目中经常会遇到这样的问题:当某个 js 脚本加载完成后再执行相应任务,但很多朋友可能并不知道怎么判断我们要加载的 js 文件是否加载完成,如果没有加载完成我们就调用 js 文件里面的函数是不会成功的。本文主要讲解怎么在成功加载 js 文件后再执行相应回调任务。 基本思路 我们可以动态的创建 …
  10. js实现继承的几种方式 经常浏览各种文章,学习各种技术,看了,不用,忘了. 好记性,不如烂笔头! 继承概念: 继承机制实例 说明继承机制最简单的方式是,利用一个经典的例子 – 几何形状。实际上,几何形状只有两种,即椭圆形和多边形。圆是椭圆的一种,它只有一个焦点。三角形、矩形和五边形都是多边形的一种,具有不同数量的边。这就构成了…
  11. 总结js常用的dom操作(js的dom操作API) 前言 很多同学用惯了jquery操作dom,让他们用js操作的时候,常常力不从心,本文总结了常用的js的dom操作方法,供大家翻阅!其实说起js操作dom,我很久很久之前有篇文章, jquery属性的相关js实现方法 ,里面囊括了很大一部分js操作dom的常用方法,但是不是很系统。不能说是API,今天来系统总结一下! 节点查找A…
  12. 使用 Mavo 快速开发 Web 应用程序简介,第 1 部分: 开源 Web 应用程序框架 Mavo 入门 使用 Mavo 快速开发 Web 应用程序简介,第 1 部分 开源 Web 应用程序框架 Mavo 入门 了解 Mavo 属性和表达式 Uche Ogbuji 2018 年 2 月 28 日发布 系列内容: 此内容是该系列 1 部分中的第 # 部分: 使用 Mavo 快速开发 Web 应用程序简介,第 1 部分 http://www.ibm.com/develop…
  13. iOS下JS与OC互相调用(一)–UIWebView 拦截URL 最近准备把之前用UIWebView实现的JS与原生相互调用功能,用WKWebView来替换。顺便搜索整理了一下JS 与OC 交互的方式,非常之多啊。目前我已知的JS 与 OC 交互的处理方式: 1.在JS 中做一次URL跳转,然后在OC中拦截跳转。(这里分为UIWebView 和 WKWebView两种,去年因为还要兼容iOS 6,所以没办法只能采用UIWebVie…
  14. js之工厂构造函数模式(译) 本文为译文,初次翻译,如有误导,请多多包含,如阅读英文,可直接戳链接即可js之工程构造函数模式 类模式 前言 在面向(oriented)对象编程中,一个类是一个可扩展的程序代码的模板,用于创建对象,为状态(成员变量)和行为实现(implementations)(成员函数或方法)提供初始值 JavaScript中有一个特殊的语法结构和关…
  15. 与Promise血脉相连的兄弟:async/await async/await是JavaScript为了解决异步问题而提出的一种解决方案,许多人将其称为异步的终极解决方案。JavaScript的发展也经历了回调、Promise、async/await三个阶段,本篇文章记录了我自己对于async/await的理解。因为async/await的使用离不开Promise,如果对于Promise不熟悉的话,可以看下这篇介绍: 前端萌新眼中的…
  16. 基于 Immutable.js 实现撤销重做功能 浏览器的功能越来越强大,许多原来由其他客户端提供的功能渐渐转移到了前端,前端应用也越来越复杂。许多前端应用,尤其是一些在线编辑软件,运行时需要不断处理用户的交互,提供了撤消重做功能来保证交互的流畅性。不过为一个应用实现撤销重做功能并不是一件容易的事情。 Redux官方文档中 介绍了如何在 redux 应用中实…
  17. 关于实现一个Node.js静态服务器你所需要知道的ALL 当你输入一个url时,这个url可能对应服务器上的一个资源(文件)也可能对应一个目录。 So服务器会对这个url进行分析,针对不同的情况做不同的事。 如果这个url对应的是一个文件,那么服务器就会返回这个文件。 如果这个url对应的是一个文件夹,那么服务器会返回这个文件夹下包含的所有子文件/子文件夹的列表。 以上,就…

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

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


关注我

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

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

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