Jerry Bendy 发布于 08月29, 2016

6 种方法在 React 中绑定 javascript 的 this 关键字(ES6/ES7)

Javascript中的this关键字对很多JS开发者来说都是令人疑惑、头痛东西,很多时候往往搞不清楚某个this究竟指的是谁,尤其是在多层回调嵌套的情况下,OHGOD!!It’strivialforsomeothercodetorebindthecontextofthefunctionyou’reworkingwith―usingthenewkeywordandsomeofthemethodsthatarebuiltontoFuncton.prototype.Thisintroducesanentireclassofconfusingscenariosandoftenyou’llseecallbackdrive...

阅读全文 »

Jerry Bendy 发布于 08月10, 2016

CSS 限制文本的行数 —— -webkit-line-clamp 简介

在写网页的时候经常会有需要限制某段文字不能超过多少行的需求, 尤其是在列表中。例如一般标题不应该超过一行、图文混排的区域文本一般不应超过图片的高度(如 5 行)等。关于只限制一行, 多出来部分显示成省略号的方式可以参考 {% post_link css-text-overflow CSS使行内多出的文字显示成省略号 %}。 这里的主题是 -webkit-line-clamp, 可以限制文本为指定的行数, 超出部分显示为省略号。先看下效果:-webkit-line-clamp 目前仍然是一个不规范的属性, 它并没有出现在 CSS 规范草案中。作用是限制一个块级元素显示的文本行数。为了实现此效果还需要和其它的 CSS...

阅读全文 »

Jerry Bendy 发布于 07月30, 2016

【分享】ES6 你可能不知道的事 - 基础篇

序ES6,或许应该叫ES2015(2015年6月正式发布),对于大多数前端同学都不陌生。首先这篇文章不是工具书,不会去过多谈概念,而是想聊聊关于每个特性你可能不知道的事,希望能为各位同学正确使用ES6,提供一些指导。对于ES6,有些同学已经在项目中有过深入使用了,有些则刚刚开始认识他,但不论你是属于哪一类,相信这篇文章都有适合你的部分。针对文章中的问题或不同意见,欢迎随时拍砖、指正。正文Let+Const这个大概是开始了解ES6后,我们第一个感觉自己完全明白并兴致勃勃的开始使用的特性。以如下方式使用的同学请举下手?//定义常量constREG_GET_INPUT=/^\d{1,3}$/;//定义配置项letcon...

阅读全文 »

Jerry Bendy 发布于 07月24, 2016

hexo 在遇到 “{{” 符号时出现解析报错

最近在更新一篇文章后,无论是hexog生成,还是hexos预览都会报解析错误,大致如下,后面还有很长的信息,就不贴了:FATALSomething'swrong.Maybeyoucanfindthesolutionhere:http://hexo.io/docs/troubleshooting.htmlTemplaterendererror:(unknownpath)[Line25,Column85]unexpectedtoken:.而把那篇文章移除后一切又是正常的。从错误上来看基本可以判断是模板解析错误,从unexpectedtoken:.又看不出来具体是哪里出错,一直找不到原因。今天查找资料发现有人遇到和我类...

阅读全文 »

Jerry Bendy 发布于 07月03, 2016

【分享】如何部署软件 - 让你团队的部署像地狱一样无聊且毫无压力

作者ZachHolman本文为Coding用户协作翻译,转载请注明来源。如果你对本文的翻译有建议,欢迎提交PullRequest。让我们来聊聊部署无论你何时对自己的代码库做出改动,总会伴随着要破坏一些东西的风险。没有人喜欢宕机,没有人喜欢暴躁的用户,也没有人喜欢生气的经理,所以部署新代码到生产环境变成颇具压力的一个环节。你完全没必要对它有压力,我将在这里重复一遍又一遍这句话:你的部署应该尽可能单调、直接、毫无压力。部署新功能到生产环境中应该像在HackerNews开始一场关于用spaces还是tabs的口水战一样简单。它应该足够简单到让新员工理解,它应该为防止错误而生,它应该在第一个最终用户看到新代码前被很好地测...

阅读全文 »

Jerry Bendy 发布于 05月28, 2016

博客更换域名到 icewing.cc 并启用HTTP/2

一直有对博客进行改版的想法。从2013年最开始搭建时候使用的Wordpress博客到现在的hexo静态博客,中间也有过自行开发的版本,但没有使用多久。之前自行开发的版本是使用CodeIgniter框架,力求做的简单。可能是受wordpress影响太深吧,现在想想当初开发的“简单”的版本也还是太过于复杂了,很多功能都是可以抛弃不要的。自己设计的主题也不再符合现在“极简”的审美观念。主要说下现在吧。几个月前从wordpress迁移到hexo,并且不得不丢弃了所有的评论数据改为使用Disqus。博客使用NexT主题,并把所有内容生成静态文件。刚开始是部署在自己服务器上,后来改为同时部署到CodingPages和阿里云虚...

阅读全文 »

Jerry Bendy 发布于 05月21, 2016

Laravel 5 自定义环境变量

Laravel5中提供了一种通过.env文件定义环境变量的方式,根据官方文档的说明应该在不同的环境下使用不同的.env文件,并且此文件不应该提交到版本控制中去。如此设定自然是为了方便不同的环境或者多名开发人员完全可以使用自已的.env环境变量。但是官方文档中对于如何自定义.env文件中的环境变量却提的很少。文档中只提及了在需要自定义环境变量时最好是在.env.example文件中写一份变量的定义,以方便其他开发人员配置。下面就以我的“遭遇”来讲下Laravel5中如何自定义环境变量。(内容比较啰嗦,可直接跳到最后环境变量的正确用法部分)问题因为我需要路由里面根据不同的二级域名选择不同的控制器,而测试环境和生产环境...

阅读全文 »

Jerry Bendy 发布于 04月26, 2016

【译】创建自定义angularJS指令(七)- 使用 $asyncValidators 创建唯一值指令

基础独立作用域独立作用域和函数参数transclude与restrictlink函数使用控制器CreatingaUniqueValueDirectiveusing$asyncValidators在上一篇文章中我演示了如何创建一个唯一值校验的指令来确定一个email地址是否已经被使用过。在AngularJS1.3+以上的版本中增加了许多新的特性可以使指令的代码变得更加整洁并且更易于使用。在这篇文章中,我将会更新之前的代码,尝试一下新的特性。下面展示的代码是CustomerManagerStandard中的一部分,你可以在Github上看到完整的代码。下面的截图是运行后的一部分,在截图中,email地址已经被其它用户...

阅读全文 »

Jerry Bendy 发布于 04月26, 2016

【译】创建自定义angularJS指令(六)- 使用控制器

基础独立作用域独立作用域和函数参数transclude与restrictlink函数使用控制器CreatingaUniqueValueDirectiveusing$asyncValidators在这个AngularJS指令系列的文章中你已经了解到一些指令的关键部分,但还没有任何指令与控制器绑定相关的内容。控制器在AngularJS中的典型用途就是把路由和视图联系在一起,在指令中也是如此。事实上,在指令中使用控制器通常会使代码看起来更简洁,并且更易于维护。当然,指令中的控制器是可选的,如果你喜欢用简单的方式创建指令,你会发现控制器在很多情况下是适用的,并且更好用。使用控制器会让指令看起来更像是“子视图”。在这篇文章...

阅读全文 »