对父子对象使用手势时不同响应--AlloyFinger--swipe
作者:admin 日期:2016-07-16具体使用场景是：
1、移动端希望对body使用左右切换手势，
2、内部的某个子div，也要使用左右切换，
3、当对子切换时，希望body 对象不响应。
解决方法：
根据 event.target 不同写不同逻辑，根据这个前提，对父对象的响应代码如下：
Javascript代码
- var $t = $(evt.target); //当前点击的target
- if ($t.parents(".cols").length == 0) { //上溯查询所有“.cols" 父对象，如果存在 ，则length>0
- .....
- }
在github中发issue，是一个解决疑难的途径，虽然官方指南不推荐这么做。但是这种小众插件没提供别的提问途径，只能这么干了。
中小项目常用的前端技术选型方案
作者:admin 日期:2016-07-13发现移动端使用WEUI的越来越多
作者:admin 日期:2016-07-13 关于找我进行前端技能培训与辅导的价格等问题
作者:admin 日期:2016-07-07刚才群里有朋友跟我咨询（来自知乎上的朋友很多），问我是否愿意做有偿的单独辅导，我声明一下态度：
1、初学者，前端辅导，原则上150元每小时每人。
2、初学者带书来，我划记重点。我重点讲难点、疑点，传授实际项目和工作中需要的东西。
3、想做作业？我手头项目多的是。等你出去找工作时，需要准备的前端项目，我这里都有，可以让你挂名，前提是你真正参与了。
有兴趣的朋友可以跟我私聊。
SVG滤镜的具体用法
作者:admin 日期:2016-07-06以高斯模糊（Gaussian Blur）为例，
<filter> 标签用来定义 SVG 滤镜。<filter> 标签使用必需的 id 属性来定义向图形应用哪个滤镜？
<filter> 标签必须嵌套在 <defs> 标签内。<defs> 标签是 definitions 的缩写，它允许对诸如滤镜等特殊元素进行定义。
XML/HTML代码
- <defs xmlns="http://www.w3.org/2000/svg">
- <filter id="Gaussian_Blur">
- <feGaussianBlur in="SourceGraphic" stdDeviation="2"/>
- </filter>
- </defs>
几个注意点：
- SVG结构代码要使用内联方式引入，否则外联CSS方式似乎不生效
- 选择符搭配很自由，完全跟HTML一样，比如：svg#g1:hover g#gg{filter:url(#Gaussian_Blur)}
- 如果是做按钮用途，按钮要设立一个透明的点击区域，否则鼠标只有点到有像素的位置才有效果。模糊效果要注意边缘与svg容器的边距。
长沙前端培训求职最值钱的5大必杀技
作者:admin 日期:2016-07-01没错，在长沙混IT，以橘子洲为界，湘江以西的开发团队，他们不需要组件化、模块化、自动化流、不需要node中间层，你就算天开眼搞个MVVM，技术总监他不敢用！----而湘江以东呢？他们压根就不知道有这些技术！
小团队需要前端做的，很简单，就是切图！排页面！再切！再排！5大黄金必杀技，按重要度排名如下：
一.移动端布局、定位
----不管好不好，好歹你要把页面排出来！ 排出来！ 排出来！ 语义化再烂也行，嵌套再深也行，CSS再乱也行！inline-block/float/absolute分不清也行！因为这些技能，后端永远只会比你更烂！
二.移动端响应式方案
---页面都排出来了，要适合不同的屏幕吧？花半天时间学一下lib-flexible方法最佳，最不济你也得懂媒体查询（CSS堆不死你！）
三.手脚要快！
---快切图！快出页面！快速修改！上线前不修改100遍你都不叫做IT！cutterMan/EMMET/sublime/各种快捷键就是你每天不断重复的生活！如果你还说你会gulp+sass+browserSync那前面的当我没说！
四.使用iconfont图标
---如果你上游负责出设计的美工还只知道sprite，就不要让她知道还有iconfont这件事，否则小命难保---如果美工/前端都是你一个人，那么当我没说，反正是自己害自己。
五.一点点的jquery总要会吧？
---滑个图、弹个窗、切个框，这些总麻烦后端哥哥也不好意思。至于更麻烦的表单、控件、动效啥的，你不会，老板也不敢开你！当然，如果你是男性，开了就开了，你怕个啥？
本来写到这里就完了。结果我群里男同胞加了一句：“高颜值妹陀，夏不用管！摆看就要得！长沙欢迎你！”
搭建了适合自己的前端自动流水线(gulp+browserSync+sass)
作者:admin 日期:2016-06-26 我打算做一个GSAP动画库的技术培训（长沙/有偿）
作者:admin 日期:2016-06-23
我打算做一个GSAP动画库的技术培训，有这方面需要的朋友，可以Q我：258754 。
培训这套神器的入门知识。并可长期在群里咨询问题。人均200元以内，限15人，半天或1天时间 ，大家能接受否？场地我尽量找赞助，其它费用自理。 时间暂未定，集中大家意见。
简介：
GSAP是前端动画领域的最强神器！早在FLASH时期，就已经是AS编程首选的动作库。进入H5时代以来，它全面转型，为HTML页面提供JS动画的强劲支持---用大白话讲，就是用它可以搞定一切HTML动画，可完整替代FLASH。做为世界级成熟产品，他各项性能指标完美，教程齐备。具体数据可以查看它的官网：http://greensock.com。里面提供了它与各种原生动画、JQUERY等主流动画库的比较数据。
培训必要性：
GSAP只有英文教程！因此很多朋友觉得有语言门槛。
另外因为它的产品体系太大（不同的产品、插件、函数、参数），很多人搞不清具体的对应关系。
一些复杂度较高用法，必须要积累一点的实战经验。
关于我：
我从FLASH时代起，就开始学习这个库，并翻译多篇文字及教程，发表在天地会及个人博客上。
我购买了官方99美元的年度会员，因此拥有所有收费插件。
站内所有例子，基本上我都有过研究，并在多个项目中使用。
我预想的课程体系
| 课程 | 描述 | 时间 |
| GSAP产品体系 |
这个工具是做什么用的
如何查阅官网学习
整个体系概述，产品、插件、函数、参数的关系--快速串讲
如何部署
|
40分钟 |
| TweenMax/lite系列 | 较易掌握的单线动画体系，基本能实现常用动画功能---相当于一个或数个演员 | 60分钟 |
| TimelineMax/lite系列 | 复杂动画、多时间线---相当于很多演员的整剧 | 60分钟 |
| SVG插件 |
概述众多插件功能
SVG基础知识、遮罩
详讲MorphSVGPlugin（相当于FLASH形变动画）、DrawSVGPlugin（相当于描线动画）、BezierPlugin（相当于FLASH引导线路径动画）
|
60分钟 |
| 其它有价值的工具 | Draggable、SplitText等 | 20分钟 |
| 集中答疑 | 学习者讲出自己心目中的动画形式，老师拆分为公式，并讲解动画思路 | 60分钟 |
总时间：5小时
培训方式：
我来现场集中培训半天左右，可掌握这个库的最基础用法，并可长期在群里咨询问题。
GSAP官网上的示例动画集，经过学习，我也能制作了
作者:admin 日期:2016-06-16以下 GSAP官网上的示例动画集，经过学习，我也能制作这些SVG的遮罩、形变、路径类的动画，以设计师的创作提供更大的想象空间。
MorphSVGPlugin Examples
- Official MorphSVGPlugin Demo (at the top of this page) by Jack Doyle-----官方示例
- SVG Pencil Download by Chris Gannon----铅笔变箭头
- "!?" to GreenSock Logo by Chris Gannon----！？图形变成绿袜子小人
- Send Email Success/Failure by Chris Gannon---邮件发送成功后变成对钩
- Father & Son by Diaco--父亲和儿子的头像变换--烟雾动效
- Count Down & Count Up by Chris Gannon-----10的倒计时
- Life is Short by Chris Gannon----奶瓶变坟墓
- Bow & Arrow by Chris Gannon-----开弓放箭
- Simple Polyline Morphing by Jack---平板转五星转方块
- Happy/Sad Face (click the face) by Chris Gannon----哭脸和笑脸
- Bad Hair Day (click the face) by Chris Gannon-----电风吹把头发吹曲
- Flame by Sarah Drasner-----烛火摇曳
- Interchangeable Hipster by Sarah Drasner--胡子和眼镜变化
- Floating Duckie by Brad Larson----波浪上的鸭子
- Power of GSAP (lightening) by Diaco--电灯灯丝发光
- Animal Shapes by Carl Schooff-----动物形状变化
用SVG替代FLASH的三大要素-遮罩、路径动画、形变
作者:admin 日期:2016-06-13演示文件：http://blog.258754.cn/2016/svg/test_svg2.html
注意看运动轨迹与“老鹰”的交汇处的表现。
演示文件2：http://blog.258754.cn/2016/svg/test_svg3.html
主要看形变动画。
我的目标就是用Svg来替代以前的FLASH，那么遮罩、矢量路径动画、形变动画这几大要素，是不可缺的。在这个演示中，可以看到前两者的解决方法。
1、遮罩就用SVG自带的clipPath标签解决。（半透明遮罩没找到办法）
2、矢量路径动画相当于FLASH的引导线动画，我用了GSAP的pathDataToBezier插件将线条变为路径 ，然后用tweenMax来实现bezier路径运动。
3、至于形变动画，用了GSAP的morphSVG，见演示2的那个音乐线条的变化 。
至此，几个FLASH的重点功能，都已经由SVG完美实现。
弄了个百度脑图，长沙这边公司一般招聘前端可以参考
作者:admin 日期:2016-06-12greesnsock--GSAP以及AS3版本的所有收费插件--有偿分享
作者:admin 日期:2016-05-15我刚花646元人民币（99美元）购买了一个greesnsock（绿袜子） ShockinglyGreen帐号，得到MorphSVGPlugin等收费SVG插件包。------别找了，网上没有免费的。GSAP（HTML)以及AS3版本的所有收费插件，均包含在内。
很方便制作：矢量路径动画（沿复杂曲线开动的火车）、矢量变形动画（猫头 秒变 狗头）、旗帜飘扬、复杂的飞字等，
详细演示地址：http://greensock.com/club/（可能要翻墙）
以上动画都是完全基于HTML/svg/tweenmax，效果流畅，类似FLASH。
我是greensock（GSAP/TweenMax/TweenLite）的资深用户，也是天地会的老会员，目前GS平台产品的中文资料，很多都是来自我的推荐和翻译（天地会、本人博客blog.258754.cn）。
有需要分享的朋友，我开价200元人民币每套。技术方面问题，欢迎咨询本人。本人QQ 258754，接受QQ或邮件咨询。
参加W3CTECH长沙技术交流会
作者:admin 日期:2016-04-16交流会到会人数不是很多，个人介绍时，感觉大家讲得太简略（内向？谦虚？），除了多数参加工作的，到会还有三个商学院的没毕业的学生妹子。
德龙和志刚两位老师主讲，前者讲了一下node.js在前端的应用，后者描述芒果TV前端团队的一些架构和工具情况。总体感觉还是高冷，毕竟一般中小团队还没那么完整的建制和积累。中间请“没用过node”的同学举一下手，哗啦啦举起一大片。我自己也只用过node的极少数功能，比如建个本地袖珍服务器，以及使用gulp和compass的一些小流程工具，但好歹也算用过，厚着脸皮没举手，装有识之士。
从头到尾，除了三位老师在台前发言，听者中有三四个人（包括我）问了一些问题，但怎么也谈不上气氛热烈。我觉得懂多懂少，好歹也算是来了一趟，至少也混个脸熟不。但多数说是“来学习”的朋友，最终都没有问问题，也没有分享困惑。
其实我本人，倒是更关注小团队的架构，希望更多听到前端应用中，一些刀刀见血的问题。比如我终于在现场获知，如何用chrome进行跨域数据测试-----就这么一句设置，就值得这一下午的时间支出。
