2016年前端开发学习计划

2015年，软件开发界发生了很多变化。有很多流行的新语言发布了，也有很多重要的框架和工具发布了新版本。下面有一个我们觉得最重要的简短清单，同时也有我们觉得值得你在2016年花时间精力去学习的新事物的一些建议。一、开发工具1. atomAtom 代码编辑器支持 Windows、Mac、Linux 三大桌面平台，完全免费，并且已经在 GitHub 上开放了全部的源代码。在经过一

业界 2016年06月28日

angular2学习笔记之基本组件和ngFor

angular2的思想非常先进，摒弃了angular1那种复杂的构建模式，采用了组件化开方的方，那我们一起来看一看，一个基础的组件是什么样子的呢。angular2-demo一、简介1. 目录结构.ts 组件代码.scss 样式.png 效果图.html 模板文件2. 效果图二、代码实例https://github.com/qq83387856/angular

业界 2016年07月01日

angular2学习笔记之事件和多组件

组件免不了和用户交互，而交互中使用最频繁的莫过于点击事件的交互。angular2-demo一、 点击事件代码解读1. ClickEvent.tsimport {Component} from '@angular/core';import {BasicComponent} from './../basic/Basic';@Component({ selector:'cl

业界 2016年07月01日

angular2学习笔记之服务和http

现在应用开发多为spa的前后分离,前后端通讯则使用http的接口通过json进行交互。angular2-demo一、 效果图1. 展现出来的效果2. mysql的数据二、代码实例1. 服务 serviceimport {Injectable} from '@angular/core';import { Http }from '@angular/http';import *

业界 2016年07月01日

RJS的基本概念

什么是RxJS？ Reactive Extension JavaScript. It's a reactive streams library that allows you to work with asynchronous data streams. We represent asynchronous data streams using observable sequ

业界 2016年07月13日

在 Angular 2 Component 中使用第三方 JS 库

本文所有内容以 Angular 2 Quick Start 项目为基础，使用 TypeScript 语言。如上图，最近遇到一个需求，需要在一个刚启动的 Angular 2 项目中使用 snap.svg 操作页面上的 svg 元素做动画。我粗略的看了下， snap.svg 的实现似乎并没有遵从什么模块规范，就是常见的提供几个全局变量完事。如果真的耿直的在 Component

业界 2016年07月18日

Angular2 返回时组件生命周期函数不被调用的解决方法

这两天使用 Angular2 遇到的一个 @angular/router 的 bug： 症状 @angular/router 版本 3.0.0-beta.2使用 safari 浏览器，iOS 的都可以打开 Angular2 官方的范例项目点击导航栏上的 Heroes 转到 Heroes 列表页面后退回到 Dashboard 页面，正常情况下应该有的四个 Heroes 没有出

业界 2016年07月28日

Angular2基础之展示数据

在这一章节中,我们来学习如何使用Angular2来展示数据,以及如何使用它的内置指令NgFor和NgIf首先要确保你有一个可以运行起来的Angular2的样例程序,最好就是我们上一章节中完成的那个QuickStart小项目或者你自己根据官网上面的步骤完成的QuickStart小项目,因为我们的讲解都是在那个基础上来进行的;然后让我们开始下面的快乐旅程吧.因为我们的这一系列的

业界 2016年08月03日

Angular2基础之用户输入

想要获得更好阅读体验猛戳这里Hacking with Angular在这篇文章中,我们将要讲解如何处理用户的操作,最常见的就是点击和输入了;本篇文章着重讲解关于用户的点击和输入的处理.我们这次的初始项目还是以我们的QuickStart小项目为基础,然后在那个基础上进行我们今天的操作;在我们这个项目中因为要使用到大量的HTML片段,所以我们决定使用模板文件而不是使用内敛的模板

业界 2016年08月04日