自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

为了而努力

踮起脚尖,只为那一抹阳光——向右看齐!

  • 博客(44)
  • 资源 (1)

原创 第一次发布自己的npm包

背景在做表单的时候,会遇到很多的表单项的验证工作,几乎很多验证都是重复的,有一个比较好的lodash库来做了这些工作,但是里面有些方法和实际的业务工作有些不符。比如,lodash.isEmpty(2) // true是会认为是空的。这显然与实际的业务是不符的。另外还有一些数字校验等其他的常用的校验方法,想结合lodash做一个自己的库,这样比较有利于业务的开发。基于以上的考量,准备开一个自...

2018-09-11 17:57:23 2319

原创 如何在github上创建个人项目的在线演示demo

背景以前是看到别人的GitHub上的项目源码中,后面会跟着一个网址,是该项目的demo,可是就单纯的没有再去思考,我是不是也可以把自己的项目这样放到GitHub上去,让它启动起来,不再是冰冷的code。现在要去打破这种对未知事物的恐惧,要多尝试。Github项目主页GitHub Pages是一个静态站点托管服务,旨在直接从GitHub存储库托管您的个人,组织或项目页面。GitH...

2018-04-26 11:54:45 4258 3

原创 正则表达式-学习2 - 语法

2017年11月08日09:57:27再次重新系统的开始学习正则表达式,希望这次可以真正的学会!语法学习1. Character classesCharacter classes match a character from a specific set. There are a number of predefined(预定的) character classes and

2018-01-04 16:40:47 422

原创 ReactNative项目中集成旧版本的Angular 1.x的项目

1. 背景由于新版本(简称2.0版本)的APP使用新技术ReactNative新技术,并且时间紧张,只有公共部分,如登录、联系人等公共部分使用ReactNative重新做的,但是之前的一些旧模块(发文、收文、出差、签报、信息发布等)就没有时间来重新做了,只能是融合之前旧版本(简称1.x版本)angular技术做的的模块。这也就是今天需要记录的ReactNative集成H5(angular开发的

2018-01-04 16:22:37 394

原创 React-Native调试工具

React-Native调试工具

2017-11-28 21:16:49 633

原创 正则表达式 - 学习1

开发项目的过程中,用了很多的正则表达式,可是每一次都不是自己写的,遇到正则表达式的地方,要么去求助度娘,要么就是组长给写好的,我直接贴过来然后用的。感觉真是有一种码奴的感觉。这种感觉那是相当不好的。所以,趁着最近有时间,赶紧的把正则表达式这块赶紧的补起来。1. waht?正则表达式到底是什么鬼? Regular Expression,又称为规则表达式,计算机科学的一个概念。正则表达式通常用来被检

2017-11-17 14:02:07 182

原创 React Native生命周期

生命周期简介 如图,可以把组件生命周期大致分为三个阶段:第一阶段:是组件第一次绘制阶段,如图中的上面虚线框内,在这里完成了组件的加载和初始化;第二阶段:是组件在运行和交互阶段,如图中左下角虚线框,这个阶段组件可以处理用户交互,或者接收事件更新界面;第三阶段:是组件卸载消亡的阶段,如图中右下角的虚线框中,这里做一些组件的清理工作。生命周期回调函数下面来详细介绍生命周期中的各回调函数。getD

2017-09-20 09:23:50 328

原创 创建gitbook项目

前言 项目中的文档想以gitbook的形式展示出来,那么如何初始化一个gitbook的项目呢? 其实很简单,只需要三步即可:第一步 确保你的机器中有gitbook命令,如果没有你可以执行npm i -g gitbook在你想要创建gitbook项目的路径,比如:react-native-list/docs路径下,创建一个SUMMARY.md文件,在其中写上你的目录结构,比如:

2017-08-23 17:52:39 350

原创 JavaScript 之 Object.apply()与Object.call()和Object.bind()

1. apply()apply()调用一个方法,其具有一个指定的this 值,以及作为一个数组(或类似于数组的参数)。 注意:apply()和call()方法的作用很类似,只有一个区别,那就是call()方法接受的是若干个参数的列表,而apply()接受的是包含多个参数的数组。语法fun.apply(thisArg, [argsArray])参数thisArg 在 fun 函数运行时指

2017-07-19 09:03:51 2885

原创 GIT 使用

Git 简介 Git是什么? Git是目前世界上最先进的分布式版本控制系统(没有之一)。 Git有什么特点?简单来说就是:高端大气上档次!上面是国内某牛人的git介绍。想详细了解git的同学可以访问一下的网址,花几分钟的时间学习一下世界上最先进的分布式版本控制系统!Git常用命令git clone username@host:/path/to/repository(地址) – 可

2017-06-06 22:04:46 390

原创 ES6特性-Generators

what你可以将Generators认为是可以中断进程、恢复进程的代码段,like this:function* genFunc() { // (A) console.log('First'); yield; console.log('Second');}function*是一个新的Generators函数的关键字。yield是一个可以暂停它自己的操作符。Ge

2017-05-27 18:56:55 380

原创 《JavaScript语言精粹》学习笔记

按章节来记录的,都是看这本书时的学习笔记,有些地方真的是,不看根本不知道原来是这个样子。 知其所以然的学习过程2. 语法注释在JavaScript中,/ *可能出现在正则表达式字面量里,所以块注释对于被注释的代码块来说是不安全的。 推荐使用 //来做注释5. 继承5.2 原型 在一个纯粹的原型模式中,我们将摒弃类,转而关注对象。基于原型的继承相比于基于类的继承在概念上更为简

2017-05-27 18:53:37 533

原创 React-Native 启动时报错 - “no bundle url present”

原因我运行了react-native run-android看了一下安卓环境下的图标的样式,然后使用react-native run-ios就报错了no bundle url present这个错误,我什么都没有干啊。图片上的错误就不停,度娘了一下,原来是,因为我开了两个环境吧,可是我把环境都关了,还是不行。解决于是我就在iOS模拟器正在运行期间执行了:npm installreact-nativ

2017-05-27 18:49:13 6676

原创 React Redux

学习必备要点:首先弄明白,Redux在使用React开发应用时,起到什么作用——状态集中管理弄清楚Redux是如何实现状态管理的——store、action、reducer三个概念在React中集成Redux:redux + react-redux(多了一个概念——selector)Redux调试工具:redux devtoolsredux结构图其中红色虚线部分为redux的内部集成,不能

2017-05-27 18:47:42 1260

原创 Flex Box布局学习- 语法

简介2009年,W3C提出了一种新的方案—-Flex布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能。先看一下flex布局的总体图,然后我们再慢慢学习。Flex Box 是什么?CSS3 弹性盒子(Flex Box)弹性盒子是 CSS3 的一种新的布局模式。 CSS3 弹性盒( Flexible B...

2017-03-09 20:26:19 554

原创 Angular2 之 Animations

Angular2的动画系统赋予了制作各种动画效果的能力,致力于构建出与原生CSS动画性能相同的动画。 Angular2的动画主要是和@Component结合在了一起。 animations元数据属性在定义@Component装饰。就像template元数据属性!这样就可以让动画逻辑与其应用代码紧紧集成在一起,这让动画可以更容易的出发与控制。使用要点Angular2的动画是使用模型驱动

2017-01-20 18:34:39 9387 1

原创 Angular2 之 Promise vs Observable

如果看成状态机Promise 具有 3 个状态:pending、resolved、rejected(如果 Cancelable Promise 正式通过,那么还会增加一个状态)。Observable 有 N + 3 个状态:idle、pending、resolved_0、resolved_1 … resolved_N、completed 和 error。总结:相比于 Promise 这个有限状态

2017-01-20 18:31:51 8891

原创 Angular2 之 @ngrx/store

RxJs驱动Angular应用程序的状态管理,其灵感来自于Redux。 有人这样说… 如果说RxJS是Angular2开发中的倚天剑,那么Redux就是屠龙刀了。而且这两种神兵利器都是不依赖于平台的,左手倚天右手屠龙……什么是Redux?Redux是为了解决应用程序状态(State)管理而提出的一种解决方案。那么什么是状态呢?简单来说对于应用开发来讲,UI上显示的数据、控件状态、登陆

2017-01-20 18:29:49 5881

原创 Angualr2 之 angular模块

用@NgModule来定义应用中的模块。Angular 模块是带有 @NgModule 装饰器函数的。 @NgModule 接收一个元数据对象,该对象告诉 Angular 如何编译和运行模块代码。它标记出该模块拥有的组件、指令和管道, 并把它们的一部分公开出去,以便外部组件使用它们。 它可以向应用的依赖注入器中添加服务提供商。 Angular 模块化 模块是组织应用程序和使用使用外部程序库

2016-12-29 10:27:59 1851

原创 Angular2 之 依赖注入

依赖注入这部分分为两部分来学习。第一部分自然是官网上的文档,另外一部分,是自己的“血泪时间史”。 之所以称之为“血泪时间史”,是因为在这部分上花费的时间实在是有点多,也就是前面提到过的“时间的教训”,所以在这里要记录下来,避免下次再犯这样的错误。依赖注入依赖注入是一个用来管理代码依赖的强大模式。应用程序全局依赖 在这里主要说的是,在应用程序根组件AppComponent中注册那些被应

2016-12-29 10:25:07 4827

原创 Angular2 之 Form 表单

From表单分为两种类型:模板驱动表单(Template-Driven Forms)模型驱动表单(Model-Driven-Forms) 模型:有结构的状态(是一种数据结构)FormContrller 表单项@angular/forms 模板驱动表单 @angular/reactiveForms关注点是表单的行为,不是怎么生成DOM。关注点是出错了,是一种出错的状态,是否发生了改变。Te

2016-12-15 09:29:12 9194

原创 Angular2 之 属性型指令

入手方式:需求 – 先要弄清楚我们做什么?被使用方式 – 长什么样子?什么场景被使用?怎么被使用?将每个特性写成单元测试,然后写代码,将这个单元的代码测试通过后,再进行下一个特性代码的单元测试。绑定宿主元素的事件,事件绑定的时候捕捉到这个事件源$event(table指令,这是属性型指令的重点)。Angular指令可分为三种组件属性型指令结构型指令今天来学习一下属性型指令。 属性型

2016-12-15 09:26:47 4802

原创 Angular2 之 结构型指令

Angular 有一个强力的模板引擎,它能让你轻松维护元素的DOM树结构。Angular指令可分为三种组件属性型指令结构型指令组件组件其实就是一个带模板的指令。是这三种指令中最常用的,我们会编写大量的组件来构建application。属性型指令属性型指令会修改元素的外观或者行为。 e.g. NgStyle可以修改元素的好几个样式。结构型指令结构型指令通过添加和删除 DOM 元素来改变DOM的

2016-12-13 21:14:56 3384 2

原创 Angular2 之 时间的教训 & 错误

“时间的教训” - 何为时间的教训呢? 所谓时间的教训,那就是,不论这个东西难或者易,本来在一定的时间内,甚至小于这个一定的时间就可以完成的,而你偏偏用了2倍甚至三倍的时间来完成,更有甚者根本完不成的东西,但是最后解决了之后,你却发现,只是因为你少想了一点,只需要再多想一点点,哪怕多往前看一点点,你就能解决了的小功能,或者小组件,或者一段代码。 犯这些错误不要紧,要紧的是自己要将

2016-12-09 09:10:02 3994

原创 Angular2 之 单元测试

单元测试需要掌握的知识点> * karma.conf.js的配置 具体了解到每一项的意义,这样才能真正的了解这个配置是如何配置的,甚至才可以做到自己的配置。 * 组件的测试 * 单独的service测试Angular的测试工具Angular的测试工具类包含了TestBed类和一些辅助函数方法,当时这不是唯一的,你可以不依赖Angular 的DI(依赖注入)系统,自己new出来测

2016-12-05 10:25:35 8143

原创 split的坑-字符串分割

昨天在调代码的时候,遇到了一个很大的坑儿,让我不得不记录下来,莫非是我写js代码太久了的缘故?大概也许可能吧…好了,让我们来看看这个坑儿吧,那就是字符串分割split方法。这个方法无论是在Java code还是在js code中都是有这个方法的,但是用法,让我很难过。谁让我只是半吊子后端呢?js code在js code 中可以这样使用:> var test = "11^34#223^[111*34

2016-10-21 14:29:58 6425

原创 CSS之flex兼容

随着自己写过的页面的增多,也遇到了很多CSS兼容性的问题。这些兼容性问题,都是必然的,因为技术在不断进步,不断革新,所谓,“后浪推前浪,前浪拍死在沙滩上”,当然我们的技术不能是被拍死在沙滩上,我们还要支持,不支持的话,只能是你这个页面,这个产品被淘汰。 那么为了不被淘汰,我们就要做些兼容性处理。我写页面的时候用到过很多的flex布局,觉得非常好用。下面附上一篇不错的flex布局介绍的文章。

2016-09-22 21:06:52 54987 7

原创 TypeScript-基础类型学习

基础类型TypeScript除了支持与JaveScript几乎相同的数据类型,还试吃实用的枚举类型。布尔值let isDone: boolean = false;数字和JavaScript一样,TypeScript里的所有数字都是浮点数。 这些浮点数的类型是 number。除了支持十进制和十六进制字面量,TypeScript还支持ES6中引入的二进制和八进制字面量。字面量 有专门的解释,也就

2016-09-22 20:08:39 8908

原创 字面量,常量和变量之间的区别?

经常看到这三者,基本每天作为一个程序媛的我,都和这三者在打着交道。之前每个都会使用,但是这样的来区别三者之间的关系还是第一次。从定义到实际例子,这次全面搞清楚,以后就省的定义混淆。那么我就首先来看了例子,有个大致的了解,再去看那些生硬的定义。c/c++ codeint a; //变量const int b = 10; //b为常量,10为字面量string str = “hello world!

2016-09-18 11:42:22 2699 1

原创 各类工具网站推荐

搜索素材搜索有关计算机技术(我搜索的基本都是前端开发)相关的图片谷歌搜图 特别喜欢谷歌搜图这个网站,基本都能很好很快的搜索出来我想要的computer的技术图片。我一般搜索的都是有关计算机前端技术的图片。素材 这个网站我用着也不错,也能很快的搜索出来我想要的前端技术的图片。搜萌物静景儿花瓣网 个人觉得花瓣网不是很好用,也许是因为我经常搜搜的是一些技术性质的图片,在花瓣上我几乎没有找到过

2016-09-11 16:45:06 403

原创 Angular2、Ionic、TypeScript、es6的关系?

自从接触angular2以来,组长就提到了3个对于我来说是新东西的东西:angular2typescriptes6ionic其实对于这3个东西来说,我根本搞不清楚他们之间的关系,突然之间意识到,自己不能再这样搞不清楚关系的就学下去。这样就像angular1似的,自己还是什么都不会,angular1我会用,但是不会讲,你要问我angular1和ionic的关系,我现在也不能讲清楚,说明白。

2016-09-11 16:43:19 4653

原创 require js之define 函数

require js define 函数模块不同于传统的脚本文件,它良好地定义了一个作用域来避免全局名称空间污染。它可以显式地列出其依赖关系,并以函数(定义此模块的那个函数)参数的形式将这些依赖进行注入,而无需引用全局变量。RequireJS的模块是模块模式的一个扩展,其好处是无需全局地引用其他模块。 RequireJS的模块语法允许它尽快地加载多个模块,虽然加载的顺序不定,但依赖的顺序最终是

2016-08-26 16:49:41 33542

原创 npm 私服补充

npm私服 下载填的坑儿配置上npm私服之后,已经很久没有用之前的项目了。现在因为要在另外一台机器上下载一下原来的项目,并且要把原来的项目启动起来,但是就是怎么也执行不了npm install。一开始我以为是因为操作系统的原因。然后这样sudo npm install执行也还是同样报错。我执行sudo npm install gulp报的错误是这样的。npm ERR! Darwin 15.5.0n

2016-08-26 14:44:29 1342 2

原创 如何使用chrome浏览器调试?

做前端开始的,基本有很多人都在使用chrome浏览器的调试功能,我基本上是全部使用chrome浏览器进行调试的。IE的调试,实在是不敢恭维。下面我简单分享一下chrome浏览器的简单使用。一些比较高级的调试用法,还没有掌握,等掌握了之后,再好好写笔记。下面是分享给同事的技术分享。在chrome浏览器中打开http://localhost:3000,按F12,或者右击->单击【检

2016-08-26 10:20:37 5109

原创 Windows中GIT 安装

GIT是什么Git是什么?Git是目前世界上最先进的分布式版本控制系统(没有之一)。Git有什么特点?简单来说就是:高端大气上档次!上面是国内某牛人的git介绍。想详细了解git的同学可以访问一下的网址,花几分钟的时间学习一下世界上最先进的分布式版本控制系统!本人从行开始虽然只使用过3个月的SVN,随后变一直在使用世界上最先进的分布式版本控制系统,我也是

2016-08-25 15:15:08 398

原创 Visual Studio Code 如何安装插件

相信用惯了sublime text的同学们还是很喜欢sublime text的插件功能的。安装插件有两种方式,随便一种就好。F1 输入 extensions: || ext install。extensions:还可以显示已经安装过的插件。ctrl + P 然后输入 >ext install好用的插件ESLint 增强代码风格检查。在团队协作开发中,为了统一代码风格,避免一些低级错误,应该

2016-08-25 15:00:54 26914

原创 Mac 中的sublime text3 如何安装插件

Mac 中的sublime text3 如何安装插件相信大家在Windows系统中试用sublime text 的体验非常不错,我也是在Windows系统中使用了两年的时间,才转战Mac系统的,但是说实话,Mac系统好多东西都是十分不习惯,sublime中好多快捷键在不同的操作系统中都是不同的,感觉好不习惯啊。不过这也仅仅是一个适应的过程,我相信适应之后,肯定会更加方便的。好了,废话都不多说了,下面

2016-08-13 12:24:13 10477

原创 npm 私服(下)

如何在npm私服(Nexus Repository Manager上建立)上传自己的代码1. npm Security设置一个权限认证一开始我忽略了官网介绍中的这一段英文,没有设置权限认证,然后在上传代码的时候总是出现没有权限的错误提示。添加权限认证很好添加的,在Nexus上的realms中添加上npm Bearer Token Realms即可。设置一个登陆账号使用$npm login –re

2016-07-21 11:33:36 7175 4

原创 npm 私服(上)

今儿组长交给了一任务,那就是在Nexus Repository Manager中添加一个npm私立服务器,组长说,我可以先找一下资料,然后再创建。我一想,maven私服多么大众化的一个东西,这里面的其他私服肯定教程也很多啊,我随便一搜就能找到了,小意思。然后在我在各大网站上狂搜索了一个小时,并且群里问了好多之后,我哭了,没有啊,搜索出来的全部都是maven如何建立私服的,各种各样的,概括的、详细的资

2016-07-12 21:13:44 15594 3

转载 欢迎使用CSDN-markdown编辑器

欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦:Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl

2016-07-12 20:25:13 299

阮一峰ECMAScript6入门 高清完整.pdf版下载

阮一峰ECMAScript6入门.pdf,本书力争覆盖ES6与ES5的所有不同之处,对涉及的语法知识给予详细介绍,并给出大量简洁易懂的示例代码。 本书为中级难度,适合已有一定JavaScript语言基础的读者,用来了解这门语言的最新发展;也可当作参考手册,查寻新增的语法点。

2016-07-18

空空如也

空空如也
提示
确定要删除当前文章?
取消 删除