阿利的技术积累

一旦用户注册之后，用户信息就保存在服务器端（DB/Cache）。关键在于用户需要提供身份凭证，一般是用户名和密码。即常见的登陆页面：用户输入username和password，勾选Remember Me（可选，一般是记住一周），点击登陆，提交请求到服务端（这里一般是走HTTPS）。服务端根据用户名和密码到数据库查询是否匹配，如果匹配的话，说明身份认证成功。这是一次普通的身份认证过程。非常好理解。

Sass团队创建了Compass大大提升CSSer的工作效率,你无需考虑各种浏览器前缀兼,只需要按官方文档的书写方式去写,会得到加上浏览器前缀的代码,如下:.row { @include display-flex;}会得到如下代码:.row { display: -webkit-flex; display: flex;}但是, 做为一个长期用原生CSS书写方式的C

React在前端领域开启了一个新的时代。随着Facebook发布并开源React，它迅速成为大量技术公司 运用在生产环境中的一款流行的库。在本文中，我们将会讨论的是一个全新的React附属框架——Relay。React中数据获取存在的问题由于React正在变得越发流行，使用React构建的项目的规模和复杂度也随之增加。 由于React只是一个视图层的库，这使得某些团队需要在不同的基

原文：What Progressive Web Apps Mean for the Web Opinion by TJ VanToll作为一个开发者，我持一定的怀疑态度去了解新平台特性。你不必深究这个博客的文章来发现我对 Apple Watch，web 组件和其他众多新潮的技术的抱怨。最近这些新潮的技术似乎是 progressive web 应用，巨大的网络社区 —

Bower是一个客户端技术的软件包管理器，它可用于搜索、安装和卸载如JavaScript、HTML、CSS之类的网络资源。详细信息请参考 bower官网 。几个例子：1.当前项目需要引入jquerybower install jquery 只需上面简单一条命令就可以将jquery库已经其依赖的库下载下来。直接就可以在项目中引用相关的文件就可以了。2.

每个程序员都希望用自己喜欢的语言，自己喜欢的平台、工具，写自己喜欢的程序。于是我们会看到有人在Win下用Visual Studio愉快地coding，也会看到有人在OS X下用Xcode来开发，或者是用Sublime Text不受平台限制地玩。当然了，愿望往往是美好的，然而事与愿违的情况时有发生。如果你基本都是用OS X，却有人让你写一个带有简单界面的小程序，保证在他的Win系统上一定可以

HTML5 和 CSS3 的快速发展，给我们带来了极大的便利，比如从此再也不用花费大量的时间只是为了设计一个圆角的效果。但是！我们不能像控制机器一样来控制所有的人都一夜之间升级到现代浏览器，因为那些 不够现代的浏览器 诞生之时，HTML5和CSS3尚未被正式推出。于是，我们的问题来了：针对那些不支持新特性的浏览器而言，我们是直接放弃这些用户群呢，还是直接不用这些新特性，老老实实的用

一、前面的唠叨我记得就是前几个月吧，有条消息说YouTube支持了HTML5视频嵌入标签video，好吧，我听说而已，因为我不是个擅长翻墙的人，到底如何我也不得而知。与主题不相关的HTML5方面的东西我就不多说了，对于video标签，获取大家都听说了，这个标签的功能如同现在HTML语言中的img标签，就现在，比如要链接并显示一张图片，可以这样子：结果就可以显示下面这张美女图

[导读] 一个月前火狐发布了最新版本Firefox 31，新增了很多关于帮助游戏开发者开发和调试HTML5游戏的功能。除了Mozilla基金会目前依靠asm js开发HTML5游戏外，其它游戏制作公司比如Dungeon Defenders Eternity和Clou一个月前火狐发布了最新版本Firefox 31，新增了很多关于帮助游戏开发者开发和调试HTML5游戏的功能。除了Moz

认证是任何 web 应用中不可或缺的一部分。在这个教程中，我们会讨论基于 token 的认证系统以及它和传统的登录系统的不同。这篇教程的末尾，你会看到一个使用 AngularJS 和 NodeJS 构建的完整的应用。传统的认证系统在开始说基于 token 的认证系统之前，我们先看一下传统的认证系统。用户在登录域输入 用户名 和 密码 ，然后点击 登录 ；请求发送之后，通

由来做了这么长时间的web开发，从JAVA EE中的jsf，spring，hibernate框架，到spring web MVC，到用php框架thinkPHP，到现在的nodejs，我自己的看法是越来越喜欢干净整洁的web层，之前用jsf开发做view层的时候，用的primefaces做的界面显示，虽然primefaces的确提供了很大的便利，可以让开发人员专注于业务逻辑开发，这样其实就省去

如今，网站比以往更具可定制性，允许用户更改其空间，根据自己的喜好对其进行个性化。个性化的主页或仪表板页面（例如 iGoogle、MyYahoo! 和 MyAOL）日渐普及，大多数 Web 应用程序内甚至也整合了类似的功能。jQuery 库简化了此类复杂 JavaScript 交互的编写，随着 jQuery UI 的引入，这项功能得到了进一步的简化，该库以易于访问的 jQuery 插件的形式提供了常

官方地址:http://nwjs.io/node-webkit新命名为 nw.js转自：http://www.baidufe.com/item/1fd388d6246c29c1368c.html用node-webkit开发多平台的桌面客户端目录一、node-webkit是什么？二、node-webkit有些什么干货？三、node-we

Grunt靠边，全新的建构工具来了。Gulp的code-over-configuration不只让撰写任务(tasks)更加容易，也更好阅读及维护。Glup使用node.js串流(streams)让建构更快速，不须写出资料到硬盘的暂存档案/目录。如果你想了解更多有关串流–虽然不是必须的–你可以阅读这篇文章。Gulp利用来源档案当作输入，串流到一群外挂(plugins)，最后取得输出的结果，

node-webkit是一个Chromium和node.js上的结合体，通过它我们可以把建立在chrome浏览器和node.js上的web应用打包成桌面应用，而且还可以跨平台的哦。很显然比起传统的桌面应用，在某些特定领域用html5+css3+js开发的web应用更加简单和高效，而且还可以使用node.js的功能，所以node-webkit还是很有用处的。下面我通过一个简单的demo来介绍

nodejs的出现，可以算是前端里程碑式的一个事件，它让前端攻城狮们摆脱了浏览器的束缚，踏上了一个更加宽广的舞台。前端的可能性，从此更加具有想象空间。随着一系列基于nodes的应用/工具的出现，工作中与nodejs打交道的机会越来越多。无论在node应用的开发，还是使用中，包管理都扮演着一个很重要的作用。NPM（node package manager），作为node的包管理工具，极大地便

基础概念Session管理是Web Application的基础也是一个老生常谈的话题。为了方便后文的展开，更重要的是确认自己清晰的理解了整个Session管理的概念，我在此还是决定赘述的整个流程。如果你已经对于Session概念非常清晰的话，可以跳过本节不影响对于后文的理解。HTTP协议在设计的时候是无状态的。这是一个很关键的概念，意味着服务器在处理请求的时候，并不关注这个请求是

javascript实现打印html制定区域同时消除header/footer区域通过CSS实现制定区域打印在css文件里添加如下代码:@media print { .print { display:block; } .nprint { display:none; }}用以上CSS类print对需要打印的区域块(比如div等)进行修饰，用nprint对不需要打印的区域块进行修饰。如下：<d