2017年08月_艹莓

原创 js原型的理解

js中的原型是是很重要的一个知识点，想要学好js就必须熟练掌握原型。原型是js的一个属性： function A(name){ this.name = name; }; A.prototype.sayName = function(){ console.log(this.name); return this.name; }

2017-08-22 15:45:50 859 1

原创 CocosCreator资源管理（个人经验总结）

如果项目中有些资源需要动态加载的资源（预制、图集、动画等等）则必须放在resources文件夹下；脚本动态加载资源：如果我们有这样一个需求——游戏加载前需要先显示一个资源加载界面（预先加载其他游戏场景中需要用到的资源，其他场景中对这个资源的引用路径需要是一致的，这样当其他场景加载时并且这个场景用到了这个资源就不需要再次去加载这个资源了），那么我们就可以将这些需要加载的资源放在re

2017-08-21 17:55:02 6643

原创 rxjs在ngx中的基础应用(数据处理,事件处理);

rxjs在处理异步事件和数据有着很便捷的api，angular非常推荐在应用中使用rxjs；下面就介绍angular中使用rxjs处理http请求用户事件的一些基础方法先看处理http的基础使用，直接贴代码了（依赖没有贴）： import {Injectable,OnInit} from '@angular/core'; import {Http,Headers,Request,

2017-08-21 01:53:51 362

原创 ng4打包后内页刷新报404错误

这是由于服务器的原因，找不到对应文件，其实本来就没有，后端也可以解决这里就不说了，先看看前端怎么解决吧；代码如下 app.module.ts文件里添加如下代码； import {HashLocationStrategy,LocationStrategy} from '@angular/common'; 然后再providers数组中加入 { provide:Locatio

2017-08-19 23:22:27 618

原创 rxjs-操作符

操作符可以说是RxJS中的重中之重。它就是之前文章说的pipeline中的函数。操作符是纯的，高阶的函数，永远不会改变observable对象，而是返回一个新observable对象，同时也为了链式调用。操作符同样也是惰性求值的。操作符有两种类型，实例的和静态的。前文出现过的from和of都属于静态类型(这里是面向对象的概念)。平时最常用的几个操作符是map，filter以及red

2017-08-18 01:45:52 2479 1

我们知道Observable包装的数据既可以是同步的也可以是异步的，所以作为消费者的Observer来说，它还充当了回调的角色，这和使用推数据的机制相吻合，因为我们不知道DOM事件何时发生，AJAX请求何时返回。Observable使用Observer的next()函数来推送数据给Observer。使用这种方式的灵感来自迭代器和观察者设计模式。迭代器不知道它所迭代的数据量大小，只知道是否还有数据需

2017-08-18 01:34:33 1391 1

原创 rxjs-Observable(生产者)

我们知道Observable是个容器，里面包含着数据，数据从何而来？静态数据我们日常重度使用的string和array都属于此范畴。动态数据比如我们用ES6中的generator生成斐波那契数列，比如通过RESTful api调用返回的数据。 Observables发送事件，Observer异步地接收事件，这可以让我们的应用在有大量事件产生的时候保持响应能力。强调一下，RxJS不

2017-08-18 01:28:57 2026

原创 es6 promise用法

直接上代码 var getJSON = function(url) { var promise = new Promise(function(resolve, reject){ var client = new XMLHttpRequest(); client.open("GET", url); client.onreadystatechange = handle

2017-08-18 00:51:21 411

原创 nodejs浏览器跨域问题解决

//直接上一段demo代码吧主要就是设置header参数（其他语言同理），如果后台需要验证Authorization的，开发阶段请先关闭，上线后再打开 var express = require('express'); var app = express(); app.use(express.static('public')); //设置跨域访问 app.all('*', fun

2017-08-17 23:52:25 960

原创 angular --aot、--prod编译注意事项

1.在模版中使用到的属性或方法不能定义为私有的即private 2.更新中

2017-08-17 01:46:41 1876

原创 AngularCLI基本使用

1.设置npm淘宝镜像 npm config set registry https://registry.npm.taobao.org 2.全局安装 cnpm install @angular/cli -g 3.新建一个名为my-app的项目（--skin-install为不自动安装依赖包，原因你懂的,不用npm安装） ng new my-app --skip-install 4.cd my

2017-08-17 01:34:29 652

原创批处理批量该文件名

直接上代码（把如下语句保存成 rename.bat，放在图片的同一个文件夹下，双击就可以改名了） @echo off setlocal enabledelayedexpansion set count=0 for /f %%i in ('dir /b *.jpg') do ( set /a count+=1 echo 改名：%%i !count! rename

2017-08-15 10:46:19 251

原创 sass常用代码

sass是一种优秀的css预编译语言 px转为rem函数常用于移动端布局 @function rem($n) { @return ($n/64)+rem;}64为设计图尺寸的十分之一；类的继承.parent{ color:red;}.child{ @extent .parent;}则child的字体颜色为红色；顺便加上基于gulp scss文件转为css文件的脚本//编译sass 读取编译

2017-08-11 00:43:31 795

原创 css伪类 :before和:after的使用

CSS 巧用 :before和:after :before是css中的一种伪元素，可用于在某个元素之前插入某些内容。 :after是css中的一种伪元素，可用于在某个元素之后插入某些内容。下面我们先跑个简单的代码测试下效果： style> p:before{ content: "H" /*:before和:after必带技能，重要

2017-08-11 00:25:12 830

原创 css3滤镜

CSS3的Filter先来看个效果吧： Filters主要是运用在图片上，以实现一些特效。（尽管他们也能运用于video上），不过我们在些只来讨论图片上的运用。语法 elm { filter: none | filter-function > [ filter-function> ]* } 其

2017-08-11 00:20:26 183

原创 git常用命令

一、 Git 常用命令速查 git branch 查看本地所有分支 git status 查看当前状态 git commit 提交 git branch -a 查看所有的分支 git branch -r 查看远程所有分支 git commit -am "init" 提交并且加注释 git remote add origin git@192.168.1.119:ndsho

2017-08-11 00:12:57 248

stopry的博客