Redu 登录状态判断的一些实践

最近一直在写一个React、Redux的前端项目，登录状态验证这一块还是比较头疼的。我的实践下有三种方式来验证用户登录状态，目前我选择用三种方式一起用在项目里面。Redux高阶函数验证（High-Order Function）Actions中间件验证Component WillMount 验证之所以用三种方式一起是因为Redux高阶函数在性能调优的时候并不是特别容易。Red

业界 2016年07月16日

前端JSer装逼手册

在装逼成本越来越高的JS圈，是时候充值一下了 ———— 题记§ 开发Macbook Pro是标配，美其名曰“提高开发体验”什么？你还在用Spotlight？赶紧给我换Alfred！ 编辑器，Sublime / Atom / VS Code 三选一虽然很想用IDE，但一定要忍住，并且与人解释道：“启动速度慢，消耗资源多，不适合我这种完美主义者如果不是为了美观，我宁愿使用 V

业界 2016年07月18日

webpack文章(持续更新)

webpack文章： http://webpackdoc.com/install.htmlwebpack打包：http://webpackdoc.com/ (先把文章看一篇，然后照着模仿一遍)http://www.cnblogs.com/vajoy/p/4650467.htmlhttps://github.com/MeCKodo/vue-tutorialhttp://ww

业界 2016年07月18日

JavaScript设计模式学习—策略模式

什么是策略模式策略模式，就是将不同的算法各自封装起来，然后根据程序的不同情况，采用不同的算法，有点像工厂模式。比如在很多种情况下，都要写ifXXX dosometing（） else if XXX，这是最基本的程序逻辑写法，但随着情况越来越复杂，那么代码将非常难读，混乱不堪。策略模式实现之前写过的一个页面就非常痛苦，是一个订单页加一些新功能，我是中途接手的，这个页面大概的描

产品 2016年07月18日

实现小小的fullpage

需求背景今天运营给了一个需求，要做个引导页，也就是全屏滚动。考虑到只有3张图，就自己码个吧！说干就干。思路设置一个外层container, 用户的可见区域，也就是全屏container内有3个层次，每个层次大小都跟container一样大小每次滚动时候通过css的transform属性进行偏移，并结合transition过渡一下效果*{margin: 0;padding:

业界 2016年07月18日

在 Angular 2 Component 中使用第三方 JS 库

本文所有内容以 Angular 2 Quick Start 项目为基础，使用 TypeScript 语言。如上图，最近遇到一个需求，需要在一个刚启动的 Angular 2 项目中使用 snap.svg 操作页面上的 svg 元素做动画。我粗略的看了下， snap.svg 的实现似乎并没有遵从什么模块规范，就是常见的提供几个全局变量完事。如果真的耿直的在 Component

业界 2016年07月18日

书页效果

书页效果.book {position: relative;width: 200px;height: 248px;margin-left: 20px;border: 1px # eee solid;background-color: # fff;box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2)}.book::after {positi

业界 2016年07月18日

js同源策略之共享cookie

什么是同源同domain（或ip）,同端口，同协议视为同一个域，一个域内的脚本仅仅具有本域内的权限，可以理解为本域脚本只能读写本域内的资源，而无法访问其它域的资源。这种安全限制称为同源策略。为什么要有同源限制同源策略的目的主要是为了防止恶意获取/修改网站数据。而这些数据主要包括cookie，LocalStorage，DOM，以及发送的AJAX请求。假设现在没有同源策略，会发

业界 2016年07月18日

【福利】那些年我总结的Web开发者成长路线

从实习后的那些年里，我就开始经常总结一下自己的学习路线，成长路线等等。今天，就重新把这些资料再放出来啦啦。当然，这些资料也都是在我的GitHub上有的啦。Developer成长路线图最开始的时间，我并没有想到这张大图可以如此的受欢迎。在最开始的时候，我只想整理一下，我学习了什么东西、觉得什么东西不错。。GitHub: https://github.com/phodal/de

业界 2016年07月16日

URLSearchParams 接口

URLSearchParams 接口定义了很多个用来处理 URL 参数串的方法。基本使用方法如下var paramsString = "q=URLUtils.searchParams&topic=api" // location.search.slice(1)var searchParams = new URLSearchParams(paramsString);sear

业界 2016年07月16日