分类: 开发心得预览模式: 普通 | 列表

我近期的前端学习重点-avalon/gulp/requirejs

作者:admin  日期:2015-12-14

 

  • 详细学习了avalon，兼顾读了下vue.js，此两类均为MVVM方式框架。目前avalon已经基本熟悉了双向绑定、路由体系。avalon跟jquery没有任何冲突，可以同时使用。
  • 把css的display:flex布局方式熟练使用，以后此类多列布局，都不再使用旧方式。-----为了更好的兼容微信浏览器（X5内核），将Flexbox内容加进emmet，以方便自己快速使用，如下：

查看更多...

分类:开发心得 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 6450

PC端快速搭建服务器环境，在手机上测试电脑里的页面

作者:admin  日期:2015-06-01

原来要在手机上测试刚做好的页面，都是丢到服务器上去，然后用网址访问。改一次就要传一次，效率低下。

 今天跟牛人学了一小手，直接把本地电脑定义为服务器，使用node.js。总之结果就是，操作很傻瓜（几分钟搞定），要访问的网页想定在哪个目录都可以。具体操作方法见下文：http://www.cnblogs.com/wangfupeng1988/p/4143996.html

Node.js下载地址：https://nodejs.org/#download

-------------------------------------------

然后手机接入局域网wifi，用浏览器，用IP地址访问电脑IP地址即可，比如：http://172.16.6.218:8081/demo.html

分类:开发心得 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 5006

上周培训长沙某公司前端人员的准备资料--分享一下

作者:admin  日期:2015-01-20

 主体结构方面

  • 重点： 请大家从目前这一稿设计图中，找出觉得有困难的局部，届时我来进行实操式讲解--顺便用此方式，了解正确的代码风格及用法。
  • 重点： 由大结构到小结构，CSS如何规划、命名
代码及操作方面
  • 重点：团队中唯一的前端人员，是我重点关注对象--请提供几页作品，我了解一下他的习惯与缺点
  • 请美工现场演示一下切图操作，我了解一下他的习惯与缺点
  • 选2-3人编码人员，现场演示下自己的html+css代码书写方式，大家一起讨论。--如无更高效方式，请所有涉及编码人员学习emmet用法，以提高代码书写效率。
插件及细节--这个只讲解大概方法，具体操作由相关人员自行操作
  • 由设计稿可见，小图标比较多，请前端人员实验http://www.thinkcmf.com/font，用此方法搞定所有小图标，把各种按钮样式，包括长的、圆的，不同颜色和尺寸的--尤其是对IE7、8的兼容性测试。---已做：http://blog.258754.cn/article.asp?id=167  测试FontAwesome对于IE8的兼容性
  • 所有装饰性细节，只要对排版影响不大的，一概使用CSS3方式，比如圆角、圆形、阴影、hover、首字伪元素等
  • 重点： 把设计稿内所有用到superslide的地方，进行统一讲解。http://www.superslide2.com
  • 瀑布流用法--这个有现成的文档和例子，可自行使用：https://github.com/duitang/waterfall
如何交流与反馈
  • 请各人说一下自己是如何写工作日志--推荐用印象笔记等在线工具，直接从中导出问题转发送邮件--解决问题后，将解决方法记录，甚至写文章
  • 如何描述问题--尽量将作品上传到服务器，给出URL，便于团队通过浏览器分析
分类:开发心得 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 5700

2014年年终总结-在前端编程方向继续前进

作者:admin  日期:2015-01-04

 今天是2015年的第4天，多数公司上班了。跟夏总偶尔聊了项目及文字沟通的事儿，忽然想起，自己也应该写写年终总结了。

 
先列大纲：
 
1、操作了几个真正有协作、有成就感的项目。
2、认识了几个能坦诚交流的新朋友。
3、在前端技术上，基本放弃了AS3编程，坚持HTML+CSS3+JQUERY的方向，把前几年的积累做进了真实的项目，产生了收益。2013-2014年，上房房地产系列的项目，带来前端编程技术方向的磨练。
4、在手机微场景的技术追寻过程中，感悟一个新产品品类的学习过程。
5、互联网健身联盟，篮球队的兄弟们让我懂得协作与沟通，人脉进一步拓展。
 
 
--------------------------------------------------------------------------
 
七月份的“有心思”电商项目，周总的执行力给我印象很深。他只用了几天时间，找到我--劝说我加入项目--邀请王老师加入--打预付款给我们--准备机票--全组人到达大理--开工。整个过程就象他的性格一样透明、爽朗。有心思项目较严谨，有全套的项目文档、原型设计--这也是当初打动我的原因。项目各阶段总能看到牛人的平面、影视宣传作品，老板们在项目投入上很是舍得。人员方面，大家也紧密配合，任劳任怨，有压力但是无戾气--这让我见识到一个电商项目的真实推进。
 
很惭愧，周总高估了我在设计上的实力，我没有能帮到项目组，只是在bootstrap等前端开发层面，做了一些小小的工作（部分技术清单：258754.cn/ui3）。与“有心思”项目组一起在大理度过愉快一个月（老婆最后几天也过去了）。早起跑步、洗完澡开始工作、比较健康的小食堂餐饮，没有太多生活琐事的打扰。空气好，心情也好。还认识了新来、小胖、刘先生、小术、中亮、俊哥这些新生代的开发年轻人，在项目完成后，大家也成了好朋友，经常交流。
 
小胖是一个前后端均通的小牛人，之后参加了我介绍的诸多健身活动。他也给我介绍了另外的资源。从他身上，我体会到了乐观和进取。
 
大理之行跟王老师较多交流（好基友住一个房，都是话唠）。每天早上，我6点出门跑步，回来洗完澡，老王就起来跑步了，虽然有点晚，但是略胜于其它根本不起床的人。有一天，他早起了，我又跟着他跑了5公里，那是我生平第一个10公里...我们可能是同类人，有普通的生活，有幸福的家庭，有弱弱的艺术和事业追求（主要是我比较弱），意气相投。
 
八月，一个机缘认识了夏总--他给我的运动生活带来了转变--把我带进了互联网健身联盟篮球队。夏总又给我介绍了云咖啡项目。年底，他的“芒果游”项目碰到了小小难题，我们终于有了携手的机会。他是一个勇敢和坦白的人，我很少看到一个带头人，在不太熟的朋友面前，直陈己失--相信他的努力必有回报。
 
健身联盟篮球队的经历，虽然跟工作并没有太多关系，但是其中得失，有益身心。这个组织，至少给我增加了二十个密切互动的圈内人脉，还有更多时有关注的外围人群。组队比赛的过程，也更新了我自己一些陈旧的观念，与年轻人更能相处相容。特别感谢老丁、明祥的付出，其它同队兄弟不一一罗列，新的一年，有新的配合、合作的机会。
 
我从2013年开始，在上房科技的房地产系列网站，担任一段时间的前端制作。写了不少奇奇怪怪的模块，并且居然都搞成了，并上线运行了。这系列项目，推动我的前端技术，真正从学习到应用。谢谢刘刚、刘焱、小肖、张威、黄杉、国栋等各位兄弟。上房是真正做事情的节奏，永远向前破冰而行。看过“华中心”项目那一列出来近200条的修改清单，以后还有什么小修小改不能承受？
 
九月份的时候，司马丢给我一个手机微场景滑动模板的演示，问我能不能做，什么价位。从此开始，就不断有人问起这个东西的制作。当然现在我们知道了，这就是一个swiper.js的主框架+一些时间线动画。可是当时，想做出这样一个东西，还是太急促了。有几天时间，我边分析边陷入两难，是购买，还是破解，还是自行开发？各方面得到的信息都不太对称。接着几个月，象恋爱一样，追寻这个框架的进展，技术思路渐渐清楚：
1、先是有朋友的公司可以提供收费的简单框架，一千多。
2、有大牛团队可以提供定制（贵，很贵！）。
3、接着有天，刘浩告诉我，在某网上出现了免费下载的框架，我去问了问价，200块，一时没舍得，自己花了点时间，分析了被混淆的代码，发现了核心的swiper的调用方式及微信分享的代码，到其官网（www.idangero.us/sliders/swiper/）看了看，发现了这个牛B的插件。
4、广电的小黄拿他的新作给我炫耀，这才看到了完全没混淆的版本，果然就是swiper。接下来几天，他又给了我更多的信息，带声音的版本，带3D flow的版本（最欣赏小黄这种知无不言的性格）。
5、我自己写了一个测试，至此，这个技术完全掌握。虽然一分钱没赚到，但感觉很开心，如同炸完珍珠港的那个返航--总有一天搞定你。
 
对技术的追求体验，大体如是。
 
还有一个能力也得到了提升，那就是，接单的判断能力。不再象早两年，什么单都想接，花了不少的时间在一些不相干的事情上。现在，很明确，询单电话过来，不出5句话，基本就能判断，这是不是我的菜，有没有档期，如果做不了，要转给哪个朋友。非我特长，就不拖泥带水。
 
移动互联网来势汹汹，用了十年的老知识，已经明显不够用了，前端已经变成最热门的开发点。新的一年，我的小工作室诚意滔滔，为所有需要我们的客户提供服务。
我儿已经五岁，月前，教他背的那首诗，多年之后，仍会在他心中响起：
 
百川到东海，何时复西归，少壮不努力，老大徒伤悲。

正片已完，以下是彩蛋1：
 
1、常用工具：emmet/印象笔记/麦客
2、框架/库：GSAP/idangerous.swiper.js/bootstrap
3、关注的媒体资源：知乎/开源中国/huaban.com/公众号：小道消息、程序人生
 
彩蛋2：
 
长跑，最好成绩12公里-----半程马拉松仍是我的理想、我的梦想，开春继续练习。
读书，2014年认识了汪曾祺与张嘉佳--前者让人心静如水，后者让人热血沸腾。
享受与妻子的“周末假期”，看了几场电影。
儿子健康的成长，养成了不少好习惯---玩轮滑丢了两颗门牙。
彩蛋3：
 
我一度自信满满，只到那天，我看到这则招聘：
大家好，我是长沙**互动HR 现公司急聘前端开发3人
任职要求
1. 编写CSS/CSS3/HTML5如探囊取物，浏览器兼容性懂到IE8就够了（不用谢！）
2. 扎实的Javascript基础知识
3. 模块化开发当然是必须滴，AMD/CMD任君选用
4. 深入精通至少一款前端框架，如：AngularJS, Backbone等（只会用jQuery操作DOM的，再见不送！）
待遇要求：4K-8K （跟我们老板的节操一样无上限，只要您有能力一切都可谈）
联系方式...........
我居然就是那个只会jquery的人，被“再见不送”的人，鄙视链的末端生物！
马上给自己打鸡血，买了本AngularJS的书看起来，可是，看不懂.....一度对自己的能力产生了怀疑。有次去河西某单位面谈，试试自己的身价。一个来谦逊地面试我的小满哥技术经理，看着我图形化的简历，仰视道，你会的这些我好多都不会....最后他们技术总监出来谈了谈。因为离家太远了，我也兴趣不大， 连价格都没谈--其实我还是可以上班的，如果出价公道，以及有足够学习的空间。
 
我是一只努力跳跳跳的井底之蛙。哪怕有一天，我也精通AngularJS，不知是否能生成出价值8K的自信。我的强项在GSAP，这是一个多冷门的库，未来某天，我可能在面对一堆菜鸟的时候，自豪的说，我是中国翻译GSAP技术文章最多的人，可是台下肯定没有一个人知道我说的是什么....悲凉，技术人就象一方净水中生存的桃花水母，自得其乐。
 
段子来了：
一个技术大牛和一个PLMM，同时去应聘一个岗位，在“特长：”一栏，大牛写的“AngularJS”，PLMM写的是“腿”，你猜谁被录取？
 
 
 
标准答案是，当你做了那个老板，爱谁谁。

 

 

查看更多...

分类:开发心得 | 固定链接 | 评论: 3 | 引用: 0 | 查看次数: 10155

2013的总结，新一年继续深入HTML5互动制作

作者:admin  日期:2014-01-17

 

整整一个半月没有更新这个博客了。 

 

2013年已经看到FLASH在网站建设方向的衰落，FLASH单子越来越少，更多的客户和甲方提出多终端兼容的问题。同时，更多的跟HTML前端相关的工具、插件、教程，开始上市。整个开发氛围都让人感觉到，在网页领域的孰进孰退。我仅仅只说明我自己看到的现象，在游戏和AIR领域，FLASH应该仍是利器，井底之蛙们不要妄自揣测。

 

查看更多...

Tags: 2013总结

分类:开发心得 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 5465

搜索“长沙FLASH”，本站在百度和google均排第一名

作者:admin  日期:2013-03-31

长沙FLASH网站建设

从去年下半年，这个排名就基本固定了，另外本站还有很多长尾关键词，也在发挥着作用。比如搜索“湖南FLASH”，也基本是第一句上下。

排在第一名还是有些好处的，为本站带来了比较固定的流量，并进而产生业务询单。我今年的几个新客户，都是通过搜索找到我的。

我也在很多场合，跟很多朋友介绍过--我是如何做到这一点的。其实本站所有的技巧归纳起来就是两个字：“原创”。

就长沙FLASH动画这个圈子来说，本站长肯定不是最牛的人，甚至连次牛都数不上。不过我是一个喜欢分享的人，每天得到一点小收获，也献宝似的放到网站上与人共享。另外，本人也加入了FLASH的一些专业论坛，建立了自己的技术分享QQ群。从中间定期的能得到一些技术干货与最新的本地供求信息。

另外，长沙的FLASH圈子很小，发布源更少，这也是本站稍占便宜的地方。其实，这个市场还是比较大的。业务源源不断，只看你是否吃得下。

我也不喜欢去跟一些设计师去辩论“HTML5与FLASH孰是孰非”这个话题。生存即为王道，客户愿意出钱即是对市场的肯定。我们还没有高端到领先科技趋势的目标，我们只要服务于当前的、本土的这些缓慢进展的客户。

Tags: 长沙FLASH

分类:开发心得 | 固定链接 | 评论: 1 | 引用: 0 | 查看次数: 5991

跟我一个做手机软件开发的同学聊前端界面开发趋势

作者:admin  日期:2012-12-17

今天跟一老同学见面聊天。他目前在南方从事手机软件、蓝牙软件的定制开发。其间谈到前端趋势及人才问题。

目前国外的很多运行在手机、平板上的软件，在设计精美度、互动模式方向，都已经做得丰富成熟。但是在国内尤其是在长沙，此类公司及人才都非常缺少。大学根本就不开设这个方向的课程，甚至根本没有此类教师资源（我这个同学的夫人就是大学老师）。在开发者方面，既熟悉界面设计，又熟悉互动编程，而且对使用体验非常了解的人才，更是凤毛麟角，在深圳可以拿到2万以上的高薪。

这也是我追求的未来方向。

Tags: 前端开发 互动开发

分类:开发心得 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 5948

无法成交的5种原因

作者:admin  日期:2012-06-02

2小时前，一个客户打电话来联系我，说要做一个关于“橄榄油”的网站动画。我立即想起这个客户曾经跟我谈过，在一个月前。果然，还是那个人。他找了一圈，还没找到合适的制作单位。

对于这个需求，我同样无能为力。他要做“橄榄林在风中摇动，一枚熟透的橄榄果掉落到水中”的动画。对于中国这个非橄榄种植的国家来说，橄榄平面素材都太少了。更不要说做动画了。

未成交的客户大致有以下几种：

1、素材太冷门，写实要求高，比如以上这个客户。

2、加急单。经常碰到明天要用了，今天来找你加急做东西的客户。这类客户，除非真的是很小的需求，1小时就能搞定的，我们可以试试。否则，一般都拒掉了。即使有些客户号称“出得起钱”。我们也不会拿自己的健康去做赌注。加急单太伤身体。

当然，我也梦想有一天，客户带着一手提袋的现金来找我，，，做不做？加一叠做不做？

查看更多...

Tags: 需求分析 制作需求

分类:开发心得 | 固定链接 | 评论: 1 | 引用: 0 | 查看次数: 6188

写于2010年底的总结帖：我的2010-学有所成的幸福

作者:admin  日期:2012-04-16

注：这篇文字是我于2010年底，参加天地会论坛的一个“写年终总结赚银两”的征文活动时，写的一篇总结（原帖在这）。到今天不知不觉又快两年了，时间过得太快了！今天回头去看，这篇文字对初学者，尤其是想从网页设计转前端交互设计的朋友，还是有些用的。

至于我这两年间做了些什么事情，我会另外写点东西来总结。

---------------------------------------------------------------------------

我可能比这里的多数朋友要大，35岁，在长沙做网站、设计、杂七杂八的已经做了整十年，可能在长沙做互联网的很多朋友都知道我的名字............

查看更多...

分类:开发心得 | 固定链接 | 评论: 1 | 引用: 0 | 查看次数: 6920

用BitmapData类实现的动态毛玻璃效果

作者:admin  日期:2012-01-09

 

在蓝色论坛中看到一个网友的问题，结合我前面做农信社项目时的一些经验，写了一个小测试。放上去给大家分享一下，源代码下载点击这里点击下载此文件

package 

{

import flash.events.MouseEvent;

import flash.events.Event;

查看更多...

Tags: BitmapData 动态模糊

分类:开发心得 | 固定链接 | 评论: 1 | 引用: 0 | 查看次数: 8211

这个周末最快乐的五件事

作者:admin  日期:2012-01-08

 1、堵塞了2天的马桶，在老爸疏通未果的情况下，被我用马桶拔轻易扯通了，很意外！

2、看了很多场NBA呀CBA，马布里呀马布里，老科比呀老科比....
3、把EXCEL进行考勤管理的原理，向老婆做了详细的讲解，很得意呀很得意！
4、最最幸福的，把老X的汽车网站的片头动画，用消息传递的原理，重写了一次。这次，思考的时间，多于调试的时间--原来写程序，思路、结构总的很重要，大方向对了，离目标就不会太远；反之，大方向错了，时间花得再多，也是一团乱麻。
5、我通过“摆摆书架”寄出的书，网友收到了。我因此得到可以再次借阅的权利1次，开心！有很多好书我都想看！
 
前几天和小L的聊天，也很有收获。他告诉我一些标准化编程的方式。
数据层-中间处理（数据）层-外在表现层，我们的AS编程，尤其是逻辑较复杂的项目 ，这种思路很有帮助。

Tags: 编程思路

分类:开发心得 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 5778

AS3中如何自动包含常用类库

作者:admin  日期:2011-08-27

再也不用每次都把工具类目录拷到FLA源文件的路径下了。

 

下面是我的常用工具类目录：

Tags: FLASH cs5 as3类 类路径

分类:开发心得 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 6529

利用greensock实现外部载入swf-常用于页头动画

作者:admin  日期:2011-03-17

 昨晚攻关，实现一个网站页头动画的编程应用，目标是：

1、做一个容器swf，能导入外部的飞字动画，并把这个动画复制一份做为阴影（改变色调、坐标移开二个象素）；

2、能从外部导入其它的透明FLASH－－比如星星、闪动的线条啥的；

3、能从htm页面中动态传参数，以实现调用不同的外部swf

查看更多...

Tags: greensock类应用 loader swf传参 flashvars

分类:开发心得 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 10645

反复试验搞清楚了PJBLOG页头FLASH原理

作者:admin  日期:2010-01-25

主要参考了这篇文章：http://bbs.pjhome.net/thread-30608-1-2.html

1、改本套皮肤下（比如dudu/skin.xml） 文件－－<UseFlash>-1</UseFlash>这样才能让FLASH页头生效；
2、SWF文件放置在skins\dudu目录下。
3、swf文件所对应的xml文件、图片文件出于结构化需要，也可放置到skins\dudu目录下，但在制作swf时，代码以使用绝对路径为宜，如portfolio_xml.load("/skin/dudu/myxml.xml");
 

解决了以上页头问题，我决定大干一场，来彻底改造这个PJBLOG的界面。
页头使用SWF调用外部XML，页面内容是纯DIV结构，对我来说轻车熟路。
调试工具使用FIRRFOX的FIREBUG插件＋DW.........简直太方便了。

Tags: PJBLOG页头FLASH

分类:开发心得 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 8819