- 博客(37)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 createWriteStream
let fs = require('fs');let event = require('events')；// 会把多个写入 进行排队调用class CreateWriteStream extend event { constructor(path,options={}){ super(); this.path = path; this.flags = options.flag...
2018-11-14 17:19:59
2818
原创 createReadStream
let fs= require('fs');let event = require('events');class CreateReadStream extends event { constructor(path,options={}){ super(); //文件 this.path= path; this.flags =options.flags||'r'; th...
2018-11-14 16:14:03
2945
原创 node 文件内容拷贝
function copy(source,target){ const BUFFER_SIZE = 3 let read_position =0; fs.open(source,'r',(err,rfd)=>{ fs.open(target,'w',(err,wfd)=>{ let buffer = Buffer.from(BUFFER_SIZE); f...
2018-11-13 10:45:40
303
原创 node文件创建以及删除
递归创建文件 function dir(str){ let dirs = str.spilt('/'); ///['m','n']； let index =0; function next(){ let currentPath = dirs.slice(0,++index).join('/'); fs.access(currentPath,(err)=>{...
2018-11-13 09:04:58
3117
原创 Buffer 的基本用法
Buffer 一段内存缓冲区申请一段内存 // len:number; Buffer.alloc(len)//copy // source.copy(target,targetPositionStart,sourcePositionStart,sourcePositionEnd);// concatBuffer.concat =function(lists,len = r...
2018-11-12 10:53:57
4269
原创 发布订阅；
function EventEmitter(){ this.events ={}; } EventEmitter.prototype.on=function(eventName,callback){ if(eventName != 'newListener '){ if(this._events['newListener']){ this.events['newL...
2018-11-12 10:31:03
186
原创 node递归创建文件
node 递归创建文件function mkdir(fileString,cb){ let f_ary = fileString.split('/'); let index =0; function next(){ if(index==f_ary.length){ return cb() } let path = f_ary.slice(0,index++...
2018-11-09 17:21:08
386
原创 myPromise
myPromise/** * @description 行参可能是一个 定时器 随意我们要把 then 之后方法存起来 * @param exector 函数 */function Promise(exector){ let _this=this; _this.status='pending'; _this.onResolved = []; _this.o...
2018-09-18 00:19:38
412
原创 angular4+rx自定义表单组件（模版表单/响应式表单部分）
<一>模版表单1. <form #myForm='ngForm'><form> 相对于传统表单来说 少了一个action属性 此过程中 使用ngForm表示 angular框架会来接手处理此表单 #myForm是模版变量；2.取值<form #myForm='ngForm' (ngSubmit)='onSubm...
2018-06-08 17:29:18
915
原创 rx《二》 流的合并
merge 字面意思合并,可以理解为对数据源的合并 <div><input type="text" id="length"></div>//1222333 <div><input type="text" id="width"></div>//22
2018-06-06 14:27:35
249
原创 rx《一》 走进javascript的响应式编程
Rx( reactive extension 即响应式扩展)reactive extension rx 是一个函数库，让开发者可以序列化的观察，异步执行程序； rx宣言，一种编程思想突破，与以往不同的是，此函数库在编程过程中添加了时间维度的；创建类操作符：form formEvent of1.form 可以把数组，promise以及iterable 转化成一个...
2018-06-05 19:13:30
232
翻译 react-native lifeCycle
初始化开始 (getDefultProps->getInitialState->componentWillMount->*render->componentDidMount)此为第一阶段 组件运行中1->（state引发状态的变化,类似于ng中的检查check）->shouldComponentUpdate->为true时候触发->componentWillUpdate->render
2018-05-05 12:28:33
279
翻译 angular4.x from《一》
angular4.x 表单学习模版表单响应式表单Markdown及扩展 首先在app.ts中 引入FormsModule和ReactiveFormsModule，angular为我们提供了两种表单，模版是表单和响应式表单模版表单<form action=""> <div>用户名:<input type="text"...
2018-05-04 18:51:28
173
翻译 react-native《一》环境搭建
react-native《一》环境搭建做个记录 直接从文档上拔下来硬件设备 mac必须的工具软件(node 已经安装)Homebrew /usr/bin/ruby -e “$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)” npm config set registry https:
2018-04-28 16:23:22
115
翻译 es6->数据结构
在es6中提供了新的数据结构Set 类似于一个数组 但是成员的值都是唯一的，没有重复的值 Set函数可以接受一个数组/类数组作为参数，用来初始化。 四个api add delete has clear 分别对应增删改查 Weakest 和Set 类似 区别在于 WeakSet的值在于成员只能是对象，而不能是其他类型的值 没有clear 清除 Map 提供了
2017-11-02 10:20:05
340
翻译 es6->Symbol
-* 提供一个独一无二的值* let a3=Symbol.for('a3'); let s=Symbol.for('a3'); //Symbol('a3') “ let a1=Symbol.for(‘abc’); let obj={ [a1]:’123’, ‘abc’:’345’, ‘c’:456 } console.log(o
2017-11-02 09:55:55
209
翻译 es6->obj
{ let o=1; let k=2; let es5={ o:o, k:k } let es6={ o,k } console.log(es5,es6) let es5_method={ hello:()=>console.log(‘hello’) }
2017-11-02 09:48:01
198
翻译 es6->func
-函数 1.默认值 function test(x,y=''2"){ console.log(x,y) } test(1)//1,2 2.未知行参 function test(...arg){ console.log(arg) } test(1,2,3)//1,2,3 3.行参赋值 function test(x,y=x){ console.log(x,y)
2017-11-02 09:43:38
274
翻译 es6->array&number
将一组变量变成数据类型 let arr=Array.of(3,4,5,6) //[3, 4, 5, 6] 返回一个数组 Array.from 类数组化数组 api： 1. .fill(item, start,end) 替换数组的内容 2. keys() 遍历数组获取索引 3. values() 遍历数组获取值 4. entries() 遍历数组获取索引和值
2017-11-02 09:34:16
294
翻译 es6<一>
-块级作用域 “ function test(){ // var a=2; for(let i=1;i<3;i++){ console.log(i) } // console.log(i). 报错 } // test();for(var I=0;i<5;i++ ){ (function(i){ li[i].onclick=function(){} })
2017-11-01 09:42:10
507
翻译 javascript<2>
1.字符串常用方法 charAt charCodeAt indexOf lastIndexOf substr(n,m) 从索引n开始，找m个 substring（n,m） 从索引n到索引m，不包含m slice（n,m） 从索引n到索引m，不包含，有负值 split() toUpperCase() t
2017-09-11 00:30:07
202
翻译 javascript<1>
1.为了避免全局变量冲突问题 解决措施：单例模式 var person1={ name:xxx, age:xxx } 单例模式优点：1.避免变量名冲突 2.可以进行模块化开发 1）本模块之间各方法的相互调用:this.属性名； 2)不同模块之间的相互调用：模块名.属性名； 缺点
2017-09-11 00:29:12
177
原创 js特效复习
迷失了本心，很多东西都不愿意去动手敲了，太懒了，但是有太累，自己已经不知道该做什么好：走一步算一步吧，不太清除自己为什么这么差，又害怕，恐惧1.offsetWidth:获取内容的宽度，包含了padding-left,padding-right,border#demo { width: 300px; border: 1px solid red;
2017-07-27 09:02:29
236
原创 angular(一)数据绑定
在angular中结合ionic 在做验证码，环节，做了一个简单的倒计时，发现了视图没有及时的更新。这里我采用了，$apply向视图，进行传播demo：angular.module('app',[]).controller('appCtrl',['$scope',function($scope){$scope.clock=new Date();var update=function(){$sc
2017-06-22 10:29:23
302
原创 js封装
作为以为麻袋前端，js弱到不行，快忘了，写一些函数的封装复习一下1、queryUrlParamter封装var str="www.baidu.com?hfkjh=hdj&hdfjdg=gfdhsg"String.prototype.queryUp=function(){//返回一个对象var obj={};var reg=/([^?=&]+)=([^?=&]+)/g;this.repla
2017-06-13 00:53:28
274
原创 cordova学习使用第一章
mac 系统下的cordova使用从单一的angular单页面开发app，到引入ionic，现在需要使用cordova框架开发环境介绍osphpstorm由于webstorm在跑项目，所以使用phpstorm 来学习cordovaxcode1、首先安装nodejs 2、全局安装cordovasudo npm i -g cordova 加上sudo 确保获取最高权限 然后就是等待安装loa
2017-06-10 11:31:12
196
翻译 webApp如何实现分享功能(微信端)
webApp实现分享功能首先，在微信的右上角公众号名称->功能设置->js接口安全域名首先引入：微信接口js，http://res.wx.qq.com/open/js/jweixin-1.0.0.js其次，对分享进行一个配置：wx.config({ debug: true, appId: 'YOUR_APPID', timestamp: 1495803
2017-05-27 09:18:20
8286
1
原创 angular 如何处理缓存
angularjs 如何处理缓冲（cache）这应该是一个必备技能，但是其实我对angular真正上手比较晚，所以对angular的缓存机制并不是很了解；废话不多少 还上班呢 直接上代码其他的还需要自己脑补、、、、、angular.module('app').service('cache', ['$cookies', function($cookies){ this.put = func
2017-04-28 09:13:25
2873
原创 nodejs
/** * Created by linyunfu on 2017/4/13. */var http=require('http'), url=require('url'), fs=require('fs');var server1=http.createServer(function(req,res){ //解析客户端请求地址中文件目录名称以及数据内容 va
2017-04-13 16:59:23
224
原创 重构了一下简书。angular
手痒：练手作品，只在移动端实现部分功能var app = angular.module('jianshu', []);app.filter('showAsHtml',function ($sce) { return function(input){ return $sce.trustAsHtml(input);
2017-04-12 19:04:59
406
原创 原型深入
今天面试被问到了面向对象编程的设计模式我在此就总结一下基于面向对象的设计模式的几个常用：一、单例子模式单例模式是开发中常用的模式，项目中可以用单例模式来进行模块划分，但是并不能批量的去‘生产’，属于一种手工作业的模式e.g.：var k={a:1,b:func}二、工厂模式是指实现同一件的的代码放入一个函数中，以后如果想去实现功能，就没有必要去重写代码（其实简单的来说就是函数的
2017-04-06 19:09:43
283
转载 ES5与ES6 两种形态
ECMAScript 历史97年 es1 98年 es2 99年 es3 07年 es4 发布了草案，但是被否决 08年 es3.1 妥协的版本 09年 es5.0 15年 es6.0／es2015 16年 es2016／es7 es5var ReactNative =require('react-native')var React =require('react')var Co
2017-03-20 17:32:10
344
转载 react-native 的生命周期，以及通信关系，转载
import React, {Component} from 'react';import { AppRegistry, StyleSheet, Text, View} from 'react-native';var Son = React.createClass({ getDefaultProps(){ console.log('get
2017-03-20 11:05:36
325
翻译 组件的生命周期路线
初始化开始getDefaultProps 获取初始参数，全局使用一次获取初始状态：getLnitialState调用componenwillMount 通知组件的创建者，要开始渲染了调用render 方法 进行渲染componentDidMount
2017-03-19 20:17:04
198
翻译 javascript复习（对象的创建）
/* *在js中并不存在类，所以可以直接通过Object来创建对象，但是使用这种方式创建有一 *弊端：由于没有类的约束，无法实现对象的重复利用，并且没有一种规范约定，在操作时容易带来问题。 */ var person = new Object(); person.name = "lyf"; person.age = 23; person.say = function(){
2017-03-19 02:24:47
234
翻译 react-native 学习《一》
最近由于一些特殊要求，需要学习掌握移动app开发，所以学习了一下react-native。听闻别人说其实做rn开发并不难，而他的难点在于搭建开发环境。自己试了一试，确实搭建环境，的确是一大难点。直接进入正题一、安装Homebrew它是一个mac系统的包管理器，用于安装nodejs以及其他的一些必要软件，在这里安卓系统应该下载的是chocolatey，其实二者操作差不多，只是mac系统在配置环境上，要
2017-03-17 02:17:15
324
翻译 gulp基于流的自动化构建工具的使用《初》
gulp基于流的自动化构建工具nodejsgitnpmbower一、安装nodejs 百度、nodejs 二、新建一个文件夹 cd webapp git init生成你的仓库.git三、安装bower sudo nom I -g bowerbower的作用可以让你获取github中开源的框架，比如angularjs、、、、、bower init 进行初始化操作
2017-03-13 03:02:13
379
4
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人