大师网-带你快速走向大师之路 解决你在学习过程中的疑惑,带你快速进入大师之门。节省时间,提升效率

Angular

《Angular》是一款飞行射击类游戏,运行环境:android,最低版本:1.6。

iOSer‘s 跨界之路

iOSer‘s 跨界之路 又到一年双十一,做一下从阿里回家这段日子的思想汇报吧~ Part One 在阿里这段日子的收获 呜谢这段日子阿里小伙伴们的帮助与陪伴(人太多,就不一一感谢啦)。 一、技能 Develop 很多东西都是相通的,许多知识都可以互相反哺。 回忆几个印象深刻的侧影吧(排名不分先后)。 跟着土土哥反编译源码探究一个诡异问题的内在原因。 和老谭一起讨论一个问题

白话Angular词汇

index.ts里面引入 login.component.ts等文件 export * from './login.service.ts'; @input() receiver : string; ngOnChanges(){ console.log("传过来的数据",this.receiver); } 父组件: html: ts: getHero(hero :string){ console.log("传递过来的是哪个召唤师",hero); template: ' 拥有路由插座的组件 ' }) list.routes.ts import { ListComponent } from '.充库:不同的浏览器对Web标准的支持程度也不同,填

Ionic3 自定义指令

@Directive({ selector: '[sxylight]' }) export class SxylightDirective { constructor(private el: ElementRef) { el.nativeElement.style.backgroundColor = 'yellow'; } @HostListener('mouseleave') onMouseLeave() { this.highlight(null); } private highlight(color: string) { this.el.nativeElement.style.backgroundColor = color; constructor(private templateRef: TemplateRef , private viewContainer: ViewContainerRef) { } @Input() set sxyunless(condition: boolean) { if (! this.hasView = true;

你不得不知的Ionic3新特性

你不得不知的Ionic3新特性 Ionic3带来的新特性 Angular 4.0 新的版本下,改进 AOT 编译器,分离 animations 包,缩小生成后的代码量,运行更快,改进ngIf 和ngFor 等具体内容可以访问http://angularjs.blogspot.sg/2017/03/angular-400-now-available.html来查看。 typescript 2.1

关于部署ng-cli项目之后无法通过IP+端口访问的问题

关于部署ng-cli项目之后无法通过IP+端口访问的问题 问题描述: 前阵子写了个ng-cli的demo,是关于图片的。本来想部署到云服务器上,但是发现在配置完安全组,在服务器上npm start之后,一直访问不到这个页面,用工具扫我监听的端口一直显示关闭,我监听的端口是8888。 安全组规则如下: image.png 执行npm start,情况如下: image.png 发现监听的是localhost,然后我把localhost修改为127.

Angular 5 快速入门,有何不一样?

Angular 5 快速入门,有何不一样? 一、概述 尽管被称为Angular5,实际上它只是这个诞生于2012年的前端框架的的第四个版本: angular history 看起来差不多半年就发布一个新版本,不过实际上从重写的版本2开始,开发接口与核心思想就稳定下来了,并基本保持着与前序版本的兼容性。 在5这个新的版本中,Angular团队将改进重点放在以下特性方面: 更易于构建渐进式Web应用 —— __P_

Ionic3 开发流程

Ionic3 开发流程 简单介绍自己使用Ionic3开发的过程,涉及到的知识点如下: Angular Ionic Cordova ES6 TypeScript Scss 环境搭建 引用插件 调试 Android打包 Android签名 IOS打包 Angular Angular4,资源整理:https://angular.cn/ 模块 使用 @NgModule 注解声明一个模块,模块中可以包含一些组件、指令、管道,当需要在当前模块中引用其它模块的内容时(比如某些指令),只需要引入那个模块。 @NgModule的

初识JavaScript依赖注入

// = ["2017-06-12", "2017", "06", "12", index: 0, input: "2017-06-12"] 结果数组中第一个元素为匹配结果,之后为括号内的数据,由此我们便可知道,这段正则通过括号的使用,获取到了整个形参作为一个字符串,之后再通过split进行拆分就得到了我们想要的结果。 通过依赖项来查询对应服务 //简易实现 setFuncParams = function (params) { for (var i in params) { params[i] = services[params[i]];

使用 nvm 管理多个版本的 nodejs 和 npm

使用 nvm 管理多个版本的 nodejs 和 npm 由于最近不同项目之间 nodejs 版本的冲突,便想起之前看到过的多版本管理工具 nvm,nvm 是 Mac 环境下 node 管理工具,在 Windows 平台下推荐 nvmw 或 nvm-windows。以下的步骤均针对于 Windows 系统下的安装与使用。 安装 nvm-windows 之前最好先把 Node.js 卸载。 nvm-windows 下载地址:https://github.com/coreybutler/nvm-windows/releases 直接下载压缩安装包即可。 解压

Angular学习第一天

} 同时在AppCompent中创建一个User实例 title = '用户管理系统'; user: User = { id: 1, name: '张三' }; 打开app.component.html文件,输入 欢迎使用{{title}}! 序号: {{user.id}} 名字 这里应该发现程序在浏览器并不能正确显示用户信息,这个是由于ngModel未找到定义,在chrome中打开调试页面并切换到控制台可查看更多的错误信息 在app.module.ts中 import { FormsModule } from '@angular/forms';

angular 插件介绍

angular 插件介绍 图片视频类 angular-maxonry图片墙效果插件,可以将图片组织成类似于瀑布流的效果,依赖于jQuery、imageloaded和Masonry angular-deckgrid另一个照片瀑布流解决方案 ngImgCrop图片剪裁工具 ngVideo播放器,直接播放指定地址的mp4,控制按钮美观度远甩朝内99.99%的视频站 输入控件类 ngDraggable控制元素拖动的控件,Demo ngAutocomplete喜闻乐见的自动补完 angular-message 用户表单验证 textA

Angular2入坑记(四)官方文档之搜索问题

,应该代码质量也是有保证的,所以就照着官方例子写了。然而,事情并没有想象中那么简单。 1.代码 HTML代码(文档中的例子): Hero Search {{hero.name}} TS部分代码: search(term: string): void { this.searchTerms.next(term);switchMap(term = term // switch to new observable each time the term changes // return the http search observable ?catch(error = { // TODO: add real error handling console.log(error);

Angular学习第二天

Angular学习第二天 第天二学习目标 如何递归显示数组列表内容 如何响应点击事件 如何更改CSS 如何处理未定义变量 在第一天工程上做修改 打开app.component.ts文件创建一个用户列表数组 const USERS: User[] = [ {id: 1, name: 'A'}, {id: 2, name: 'B'}, {id: 3, name: 'C'}, {id: 4, name: 'D'}, {id: 5, name: 'E'}, ]; } 打开app.component.html {{user.id}} {{user.name}} {{selectedUser.id}} 打开app.component.css文件,输入 .

前端主流框架angularJS、vueJS、react的区别

例子非常少, 官方的文档基本只写了api, 一个例子都没有, 很多时候具体怎么用都是google来的, 或直接问misko,angular的作者.       3. 对IE6/7 兼容不算特别好, 就是可以用jQuery自己手写代码解决一些.      4. 指令的应用的最佳实践教程少, angular其实很灵活, 如果不看一些作者的使用原则,很容易写出 四不像的代码, 例如js中还是像jQuery的思想有很多dom操作.

Canvas弹幕实现

Canvas弹幕实现 anvas原生实现直播视频弹幕效果。 原文链接 上一篇中用动态创建DOM元素实现弹幕效果,好处是可以在DOM元素上添加事件,但问题是当大量弹幕出现会造成页面卡顿,于是尝试用canvas绘制弹幕效果。 canvas知识 绘制文字 let canvas = document.getElementById('canvas'); let barrage = { value: value, top: top, left: this.w, color: color, offset: offset, width: width } this.barrageList.push(barrage);toString(16);

angular4+ionic3数据请求方法 post get http

angular4+ionic3数据请求方法 post get http 1.get请求 1.创建服务,并引入 import{Injectable}from'@angular/core'; import{Http}from'@angular/http'; import'rxjs/add/operator/map'; @Injectable() exportclassCategoryListServiceProvider{ constructor(publichttp:Http) { } publicgetList(params) { console.log(params); returnnewPromise((resolve,reject)= { this.http.get('http://api.maidanfan.la/UserApp/Index/categoryMerchant'

JS弹幕实现

JS弹幕实现 弹幕 基于直播平台的流行,利用原生实现一下弹幕效果。原文链接 实现原理 1、设置展示弹幕元素位置属性为relative 2、动态创建弹幕元素,位置属性设置absolute,left为展示宽度 3、随机设置弹幕元素top值 4、随机产生弹幕元素移动速率,修改left值 随机颜色 第一种实现 let color = '#' + Math.floor(Math.random() * 0xffffff).content-text { height: calc(100% - 30px); } } roll(50 * +Math.random().

angular跨页传递参数

angular跨页传递参数 三步: 案例:从A页面向B页面传递一个或是多个参数。A:场馆,B:设备 1:丢出去 A页面的控制器: $state.go("devConfig", {"gymId": item.id,"gymType":item.type,"deviceCost":item.deviceCost}); 2:配置路由 app.js路由配置文件 //从场馆进-设备 . $stateParams.deviceCost : $scope.data.cost; 注意:$state,$stateParams使用的时候需要先注入。

前端常用工作与学习网站

vue资源vuex中文官网文档Webpack 中文指南 Be JSON 在线JSON校验格式化工具(Be JSON) 前端学习教程系列 w3school MDN-mozilla ES6系列 30分钟掌握ES6/ES2015核心内容 深入浅出ES6系列 ECMAScript 6 入门:阮一峰 nodejs Node入门中文版-作者: Manuel Kiessling api nodejs | 中文网 Node.js快速入门 cnodejs Express:基于 Node.js 平台,快速、开放、极简的 web 开发框架 Discover Meteor Discover Meteor-中文官网 Meteor 中文文档