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. iosJS与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前端日报 订阅精彩文章

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

原创文章:20180302 前端开发日报 ,未经许可,禁止转载,©版权所有
原文出处:前端开发博客 (http://caibaojian.com/fe-daily-20180302.html)