最新文章

必读:可扩展 CSS 的方法论大搜罗

2014-09-26

该仓库围绕可扩展 CSS 这个主题的不少思路和解决办法,有些现在已经被广泛使用,比较有名的有 OOCSS、BEM、SMACSS 等,CSS 虽然简单,但是项目打了让你头疼的地方还不少,到这里来取取经吧,看看如何提高 CSS 代码的可维护性、可扩展性~

如何不用 Cookie 存储 GA 的数据?

2014-09-26

用过 GA 的同学大概都知道,GA 对于 Session 的追踪是依赖 Cookie 的,这样产生的 Cookie 在你的主域上发生的每次请求都会带上,如果你的网站访问量很大,这个算下来还是个不小的带宽消耗呢,不光耗带宽,还可能影响网站性能哦,那么有什么优化办法?可以用 LocalStorage 存储这些数据,这篇文章指明了解决方案~

Hello.js:基于 OAuth 的浏览器端用户认证 SDK

2014-09-24

开发浏览器端的单页面应用时常常会碰到接入各种第3放认证或者用户登陆的需求,比如 Google、GitHub、Twitter 等,每次都要去搜索这些 API 的文档,然后写大段的代码?Hello.js 把这些重复性的脏活累活帮你干完了,只需简单的 API 调用,遍能够快速实现各种第 3 方认证的接入,不过目前针对国内服务的插件还比较少,有兴趣的同学可以扩展~

手把手教你玩转 Github Pages

2014-09-24

有人说 Github 就是工程师的简历,然而一图胜千言,在程序员的世界里,一个能运行的 Demo 胜过千行万行的代码和文档,相信不少同学有注意到很多 GitHub 上的仓库利用 GitHub 本身提供的功能能够展示 Demo,也有人利用 GitHub 搭建自己的免费博客,到底是如何做的?搞懂这些,详细你会更喜欢 GitHub~

ACL:基于 Node 的权限控制组件

2014-09-23

应用变大之后,自然免不了出现用户、角色之类的需求,伴随而来的就是权限控制的问题,同样的资源哪些人不能访问,哪些人能访问?ACL 对这块做了很好的抽象,可以很方便的指定角色的权限规则,并且支持多种会话存储方式,结合上 Express 和 Passport,相信能为你节省不少开发时间~

Font Awesome Animation

2014-09-23

利用 CSS3 让你的 Font Awesome 图标动起来,使用的是自己的 IconFont 库?没关系,学会他的实现思路就可以了~

SSHRC:带上你的终端配置去旅行

2014-09-23

喜欢用 Linux 命令行或者倒腾或服务器的同学肯定经常遇到需求,我 SSH 到陌生的远程机器,但是我很熟悉的 bash,vim配置都没有了,需要在那个机器上重新搞?有了 SSHRC,你就可以带上你的终端配置去旅行啦~

TableSaw:响应式表格插件合集

2014-09-23

该仓库收集了很多响应式表格的 jQuery 插件,支持多种响应式表格的展示模式:比如单行变多行,表头选择,表格导航地图等等,做移动页面的东西可以看看,如果用不上,相信也能找找灵感~

Git Pretty:有洁癖或强迫症的同学专用

2014-09-19

虽然你是个非常靠谱的工程师,偶尔还是会不小心把你的 Git 工作目录弄的乱糟糟,这会让有洁癖或者强迫症的同学抓狂,如何才能让他们变得整洁,这张图里面总结了非常不错的工作流,如何优雅的撤销操作,修改提交,值得细看~

号外:ES6 模块语法已定稿

2014-09-19

ES6 模块语法已定稿,和之前所看到的语法没有太大的变动,如果还没有了解的同学可以看看,毕竟,你要知道你所用的技术演化的方向~

汉字拼音转换工具

2014-09-19

转换中文字符为拼音,可以用于汉字注音、排序、检索,支持多音字和繁体,能在 Node 和 Web 浏览器环境运行,其他的就不多废话了,感觉能用上的收藏吧~

从 Angular 到 React:同构应用技术选型

2014-09-19

Angular 中的 Router 和 DataBinding 等特性让开发者很容易构建应用,但是遇到搜索引擎优化,就显得力不从心了,前后端同构应用简单说就是能同时在服务端和浏览器端运行的应用,能够很好的解决搜索引擎优化的问题,即使用户那端不支持浏览器,也能看到页面,就是作为走在技术前沿的那群人,如果要用 JS 技术栈编写同构应用,如何进行技术选型?内容涉及:Koa、Angular、React

论 CSS 代码审查:潜在的金矿

2014-09-19

不管你承认不承认,可能现状就是这样:随着功能的不断添加,团队的不断扩张,你的 CSS 代码越来越多,很少有人去问津那些不再使用的样式,如果使用了 SASS,那么编译后的 CSS 到底如何,你关心过么?其实 CSS 的代码审查还是非常有价值的,不然会有人靠给别人提供优化建议吃饭?文章里面列出来的好处可能你都能想到,那些小工具和思路还是很有借鉴意义的~

tabIndex 的那些事儿

2014-09-18

tab-index 属性能够决定元素是否能够被 tab 键选中,以及 tab 键过程中被选中的顺序,合理的使用 tab-index 能够极大的提高应用的易用性,到底如何使用?设置为 0 会有什么效果?设置为 -1 会有什么效果?看看这篇文章,你就懂了~

轻松管理 Node 应用的配置

2014-09-15

node-config 是为你提供轻量、简单、灵活但强大的配置管理机制,能够根据不同的运行环境、配置参数、运行主机名等自动合并所需的配置,并且支持 JS、YAML、JSON 等数据格式,如果你还在为应用的配置管理发愁,推荐研究下这个,非常实用~

PAAS:来自金融时报的 Polyfill 即服务

2014-09-15

Polyfill 就是用简单的代码片段为提供那些开发者们希望浏览器原生提供支持的功能,相信很多人都做过类似的事情,比如让浏览器支持 ES5 里面的新方法,FT 的前端团队推出了自己的 Polyfill 服务,根据你的浏览器 UA 来按需的返回当前这个浏览器所需要的代码片段,可以指定特性,也可以自定义浏览器,很好奇?去官网看看~

GitHub前端工具整理汇总

2014-09-11

有同学整理了 GitHub 前端工具列表,虽然不够全面,但是涵盖了大部分,可以看看典型的 WEB 应用用到的技术他们都是如何解决的~

使用 SASS 管理 zIndex 的最佳方案

2014-09-09

最近关于如何使用 SASS 管理 zIndex 的讨论和方案不少,这篇文章介绍了1种综合了各种方案,又考虑到未来可维护性的改进版,自诩为更好的,具体好不好,你来决定~

FakeSMTP:再也不用为邮件测试发愁

2014-09-04

应用中出现需要给用户发邮件的功能,怎么测试?真的给用户发邮件?流程太长好麻烦啊,如果仅仅是为了测试流程,那么可以用 FakeSMTP,带界面的邮件收发测试服务器,实用起来非常简单~

Humanize:让你的数据更有可读性

2014-07-29

如何将页面中呈现的数据格式化成更利于用户阅读对那些希望打造非常人性的产品的工程师来说,是必不可少的,Humanize 就是这样 1 个帮你格式化常见数据类型的 JS 库,对日期时间、相对时间、文件大小、浮点数甚至长文本的格式化都提供支持,在用 Angular?基于这个搞点 Directive 对你来说也不是难事~

PrettyError:让 Node 错误更性感易读

2014-07-29

有没有觉得 Node 默认打印出来的错误消息难以阅读?不少同学有这个痛点,并且有人做了 PrettyError 来解决这个问题,用非常便于阅读的格式打印出来 Node 程序的错误调用栈,嵌入的方式比较灵活,即支持手动调用打印,也支持全局替换~

CYO:基于 Angular 的标记语言

2014-07-28

CYO 是基于 Angular 的标记语言,使用者不需要任何基础,即可以利用 WEB 技术创建可交互的文档,非常适合于创建游戏脚本、复杂表单的页面,帮你把简单的逻辑就放在文档中,不需要任何额外的代码,支持 Story、Page、Choice、Condition 等,推荐去看看官方的例子~

GoSquared:重构统计平台所做的5项设计决策

2014-07-27

GoSquared 是米国 1 家提供网站流量监控以及电子商务转化率监控的服务商,算是非常典型的监控平台,为了打造成有人都愿意使用的产品,他们在设计上面临不小的挑战:如何排列导航栏?如何跨平台?如何让用户更容易上手?如何让高级功能的出现自然而然?相信他们所做的考量对你也有些借鉴意义~

请不要污染全局作用域:真的!

2014-07-27

刚开始学习 JS 的同学,随时随地可添加的变量用起来非常的爽,但是后来可能会发现,没有精心组织的代码是那么的脆弱:引入别人的代码或库几乎不可能,因为你们的变量可能重名?互相覆盖,这就引申出非常重要的编程原则:不要随意污染全局作用域,为什么这样不好?怎么从技术上避免?

让你的代码支持 AMD 和 CMD 模块并不难

2014-07-27

AMD 和 CMD 是两种不太相同的 JS 模块化规范,自诞生日起,围绕 2 这的讨论就从来没有断过,到底哪种规范好?其实对于普通开发者来说,两者并不是非黑即白的关系,并且让你的代码同时支持 AMD 和 CMD 模块并不是那么困难,这篇文章就介绍了 1 种办法~

如何实现 winston 日志按天切分?

2014-07-24

winston 是 Node 环境下非常不错的日志记录库,支持非常多的记录媒介,对于线上服务进行日志切分是再常见不过的需求,如何用 winston 实现日志切分,官方文档上貌似没有说明,不过它内部是支持的,看看这个问题的最后那个答案~

XEditable:轻松创建可编辑的 Angular 元素

2014-07-15

In Place Editing 能够让你的应用变得更加易用,因为不需要切换页面,浏览模式即编辑模式,Angular XEditable 中包含了多个 Directive 让你的元素具有这种超能力,不仅仅支持单个元素,还能支持整个表单,表格行或者表格列的实时编辑~

Angular Toastr:简洁优雅的气泡通知库

2014-07-04

Toastr 的大名相信不少同学听到过,在应用内提供气泡式的通知队列,如果你在1个项目中用过,后续项目中肯定也会用,因为他是那么的简洁优雅,现在它的 Angular 版本来了,快收下吧~

PM2:Node 进程管理利器

2014-06-21

PM2 是1款非常不错的 Node 进程管理工具,可以非常方便的对进程进行添加、删除、重启,非常直观的监控进程的资源使用情况,还提供了 watch 功能,相比 forever 等,这个才是现代化的管理工具~

NPM:我们如何进行 Node 框架的选型?

2014-06-21

NPM 团队在重构 NPM 主站点时,为了加快开发进度,也开始使用开源的广受社区检验的 Node 框架来代替自己写的蹩脚框架,现在框架那么多,到底哪款最好呢?其实没有最好的,只有最合适的,看看他们的选型过程,你就知道了~

Stack Overflow 挂掉之后该咋办?

2014-05-25

相信很多同学对 Stack Overflow 并不陌生,可能有不少人还是重度依赖者,因为最近又出现了 SDD 这个名词,即 Stack Overflow Driven Development,如果 Stack Overflow 挂掉之后我们该咋办?很有意思的思考~

Front Trends 2014 大会印象

2014-05-24

Front Trends 2014 是波兰的前端开发者盛会,这篇文章出自参会者之手,介绍了几个让他印象深刻的演讲,以及关于这次盛会的其他方面,对所有讲稿和视频感兴趣的同学可以去搜索相关的 Gist

那些我早该学会的 Chrome 技巧

2014-05-23

如何在 Console 中拿到刚刚审查过的那个元素?想查找元素有类似于 jQuery 的方法么?如何快速清除 Console 中的内容?不知道你使用 Chrome DevTools 的时候有没有想过这些问题,这篇文章列出的几个技巧真的能 Make Your Life Easier~

学习 Node 的最好资源有哪些?

2014-05-23

越来越多的公司开始或者正准备往大前端的方向迁移,前端工程师需要负责1部分的后端工作,你需要学好 Node 才能担得了重责,Quora 上的这个问题有很多非常精彩的答案,带你走进 Node 的世界~

想看更多类似内容?

说点什么?