Fanz

刚开始接到任务只是一个将一个之前的页面进行修改，没想到遇到了各种问题。

1. 三角形照片以及遮盖层。

三角形的实现网上面试题、技术贴也常看到，第一反应就是使用border来实现三角形。使用border来实现三角形还是很方便的。只需要根据三角形的各边给4个border不同的值即可实现。但是这种方法更多的是单色的三角形图标，好像没办法实现三角形照片。只能另找他法。
搜索下找到了变换方法，使用的是rotate和skew。需要两层div，先是外层div旋转45度，然后里层div沿X、Y轴倾斜相同度数，就可以生成一个菱形，如果遮住一半即可生成三角形。图片呢，就是放在内层div中，然后在旋转-45度并且倾斜负的里层div旋转度数，使得形成图片正常方形。如下：

浏览器环境IE6~8 IE9+ Chrome Firefox Safari Opera Edge 持续学习

HTTP协议URI Cache Session Cookie Request Response 持续学习

　　不知道有多少人和我一样，redux的文档看了一遍又一遍，各种教程翻来翻去，还是不知道在自己的React项目中该如何加入redux。
　　经过这段时间，总算有些入门的感觉，明白大致的编写流程。
　　对于在React项目中使用redux，首先需要理解展示型组件和容器型组件。

0. 路由

路由也就是地址，就是定义不同url访问不同页面的功能，可以实现导航、页面切换/跳转等功能。

1. 引入

1

import { Router, Route, hashHistory } from 'react-router'

起点大事记 - 515粉丝节

0. js整体代码

通过自执行函数返回两个对象，Common对象主要包含通用的分享代码，QDHISTORY对象(项目逻辑方法)包含页面主要逻辑，诸如init、loading、pagePlay、musicPlay、events(绑定事件)、JS动画等等。在页面前引入后，标签script中调用。

没想到碰到的第一个大坑竟然是这种问题，原以为一个微信分享，不就是看着微信开发者文档，然后写几个配置参数就可以完成的么？就算开发者文档比较麻烦，像这种常用的功能不是应该公司早就封装好，拿来配置几个参数搞定的事情么！

0.先上结论吧

目前我发现的比较好的解决办法是使用官方的(分享组件)[http://open.mobile.qq.com/api/component/share],但是安卓下微信分享手机QQ方向会有问题。微信分享QQ方向，标题使用的是title标签，描述是链接地址，图标使用的是页面第一个img标签内容(尺寸应该是大于等于300*300)。所以可以使用`div display:none;`包含img标签。
ps:应该是微信API有问题，以后可能会被修复。

任务：环球网-2016七夕H5页面
环境：swiper插件，gulp及相关常用工具。

适配

使用的还是lib-flexible那套解决方案，需要查看的可以点击这里

任务：环球网-2016七夕H5页面
环境：swiper插件，gulp及相关常用工具。

适配

使用的还是lib-flexible那套解决方案，需要查看的可以点击这里

From here

fixed移动端解决

主要是IOS上的。

From

函数节流：常用于onresize,scroll,mousemove,mousehover等连续触发的事件(隔断时间触发一次)。