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

2016年终总结

 经历:

1、2016年,网站业务量减少,最大型的企业网站项目为云龙集团网站项目。
2、以顾问方式,为两家大型软件公司提供界面服务。
3、以顾问方式参与了WK及美一点移动端APP项目。更深刻的了解了创业型项目的甘苦。
4、使用d3.js技术框架,黄花机场触摸屏项目 。
 
技术:
2015年主要是把前端新概念进行了蜻蜓点水式的了解。2016年则是以VUE为突破口,完整的了解了MVVM体系的方方面面。过年前这个月,利用VUE1.0体系,重写了一个袖珍的SPA网站。然后购买了慕课网的【Vue.js高仿饿了么外卖App】的收费课程。两个项目互相印证。之前一直对VUE的组件、路由体系不太了解,此次无法回避,把这些知识点翻来覆去的看了个遍。也在segmentfault.com上提了不少问题,上面的网友很热情。
 
另外熟练了git命令行方式,熟练使用github.com。
通过优特项目,更加熟悉前后端配合/mock测试方式。
 
工具:
使用了更多基于nodejs的工具软件。对于Webpack这个大坑有了更多了解(不懂的也仍然很多)。
 
合作与分享:
继续以顾问方式参与项目。也带了几个前端学生。在知乎上回答了一定数量的问题,得到了一些关注。
 
生活:
搬家到河西,重新构建自己的工作圈。花了很多精力在孩子的学业上。
坚持跑步,完成了第二届长马(半马)完赛。与儿子一起踢足球、打乒乓。
 
2017愿景:
使用VUE构建具体的组件化项目。
学习小程序或是react native,打通APP开发通路。
分类:开发心得 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 698

发现移动端使用WEUI的越来越多

 几个朋友提到的移动端框架,都不约而同的推荐了微信开源的WEUI,我自己最近也在试用Jquery+WEUI的一套框架:http://lihongxun945.github.io/jquery-weui/。作者在原WEUI的基础上,扩张了不少组件,比如日期选择框啥的,强!

试用觉得还行,就是用的都是PX单位,我慢慢的改为REM单位。

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

2015全年总结---电商前端探索

昨天,我所在的电商项目组已经放了假,今天正式开始休息。 我放年假后第一要事,是写总结。 如果对一年的成绩还算满意,此事则令人喜悦--保有初心,不在于走了多远,而要时刻明白自己身在何方。

经历:

1、2015年仍然做了不少大企业网站(PC端),值得一提的是博深集团、株洲轨道交通

2、跟共成团队合作了“云峰湖”、“拾得大地”两个较复杂的单页应用站(PC/移动端/响应式)

3、长沙银行新版改造

4、在YC电商团队短期工作,电商前端初探。

5、以顾问方式,参与ERP/XYG两个软件项目的界面改造(bootstrap/jquery)。

6、年末时,加入WK电商团队,电商前端再战 。

 

技术:

7、学习MVC/MVVM前端模式,项目中使用过avalon及vue.js

8、具体使用:mui框架,json解析,underscore,localstorage读写,前端的HTTP与缓存体系,iconfont(@font-face)

9、了解:gulp,webpack,requirejs,node.js

10、bootstrap+jquery插件

 

工具:

11、熟练sublime txt3+emmet

12、nodejs快速搭建本地环境

13、熟练chrome调试器

 

合作与分享:

14、实践了以顾问方式参与外包项目,日志计算工作量/取酬

15、与很多新老朋友,巩固联系、开始合作:老董、老高、草帽团队兄弟们、军亮、慧琼等

16、持续更新博客,分享进展,帮助同行

 

运动:

17、坚持跑步,完成了2个在线半程马拉松,10月长马(半马)完赛并创个人最好成绩。

18、参加HBD篮球队每周定期比赛。

 

2016愿景:

19、明年争取进入知乎/github,更多分享

20、完善整个电商前端技术线,以高效开发方式,做出1款较成熟产品

21、想在长沙组织一个持续前端交流的小圈子

22、官网改版

23、搬家到河西,离产业圈更近,运动环境更好。

写完。

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

[转自知乎]前后端程序员的差别

 著作权归作者所有。

商业转载请联系作者获得授权,非商业转载请注明出处。
作者:匿名用户
链接:https://www.zhihu.com/question/39659771/answer/82457812
来源:知乎
 
我还要提醒大家别过分解读node,java语言为什么没有一个对应的名词呢?而Javascript有一个呢。所以别拿node跟人家装逼,本质就是Javascript语言,不过是插了翅膀。说白了,你用node那玩意,就好像一个穷逼(做的是事件驱动、异步编程、非阻塞IO小买卖赚的钱)进入了上层社会,那个装逼的过程。而当了好多年上层人士的java和C++,python等觉得你是个后进入圈子的暴发户。你们前端走的路,包括es6(国外有些大神对es6也有反对态度)、包管理器、加载器、打包工具、测试框架、QA 工具、MVC 框架和库、基于 Node 的 CMS 框架、模板引擎等。都是人家十几年前玩剩下的。而前端最值得装逼的本钱,那种java、C++等望而却步,就是你觉得很土逼的css、html,那个你觉得毫无高大上感觉的结构层和表现层,还有操作DOM、BOM的能力。后台开发永远会觉得你很牛逼,看看他们那无比崇拜你的小眼神,尤其看到你分析页面渲染过程,使用PS过程,切出页面效果,还有兼容问题处理。而当你跟人家谈论管理包、打包工具、测试工具、MVC,人家只能呵呵。看看前端MVC多么的挫,本来仅仅是整个网站架构的view层,自己居然分化出了所谓的MVC。你以为只有node下用gulp和grunt能开发出牛逼的自动化工具?人家java等是二货?只不过前端熟悉Javascript,自己的工具用自己的环境造罢了。我这么说不是要灭自己威风,助他人气势。我只不过要提醒大家我们的核心价值所在。
分类:开发心得 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 1704

练内功

 先摘一段“射雕”原文做开篇:

XML/HTML代码
  1. 梅超风...忽地心念一动,朗声道:“马道长,‘铅汞谨收藏’,何解?”马钰顺口答道:“铅体沉坠,以比肾水:汞性流动,而拟心火。‘铅汞谨收藏’就是说当固肾水,息心火,修息静功方得有成。”梅超风又道:“‘姹女婴儿’何解?”马钰猛地省悟她是在求教内功秘诀,大声喝道:“邪魔外道,妄想得我真传。快走快走!”  

有时候自我学习就象是外道练内功,不得其法而入,如果有个“高手”点拨一二,则融会贯通,大道可期。我每次见老高,就会找他问一些“大道”类问题。做为一个资深的后端程序员和总架构师,老高可能对于一些具体的语法或是工具,没有实际用过,但他对于整个前后端关联和概念性问题,却能提纲挈领。

这次跟他讨教,帮我具体解释了以下疑问:


1、为什么,目前的购物车的体系,多采用分页面方式,比如“商品大类--商品列表--商品详细页---购物车管理页”,采购信息在浏览器端存储,用cookie或是localStorage跨页面传递/或是直接存后端数据库,为什么比较少运用单页面应用(SPA)?

--老高的解释是:移动端内存小,单页面方式可以有效的释放内存,SPA很难做到精准调度内存及其它资源(高手除外)。PC端因为内存大,反而无所牵挂。

2、当项目的逻辑关系比较复杂时,如果用科学的方法分析UML数据模型、画示意图、变量定名,这些工作一般由谁来做?

--老高解释是:UML有必要做,一般由总架构师来做,但是比较简单的项目,往往可以忽略,由前端人员也可以实施。

3、关于MVVM架构(angularjs/avalon/vue)的一些疑问,其实学习理论时,也大体了解“前后端解耦”的原理,但是跟后端人员真正沟通一下,才明白这样做的意义所在。老高的解释是,MVVM确实是可以让前后端人员分工,通过制订统一的类似json这样的数据接口,来进行前后端连接。

4、他提供信息:很多常用功能,比如“翻页功能”,成熟的MVVM体系,应该都有组件可用,不用自己从底层写起。

5、跟我讲解了一下“Http头”存储信息的原理,我回来以后,具体查询了一下头协议的概念。

6、探讨了一下“懒加载”及css3的calc()用法。

 

 

这些问题,最近也跟中亮、黄S、曾YH等前后端高手有交流,谢谢他们的指点。

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

 

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

查看更多...

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

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

 今天跟牛人学了一小手,直接把本地电脑定义为服务器,使用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 | 查看次数: 1066

 主体结构方面

  • 重点: 请大家从目前这一稿设计图中,找出觉得有困难的局部,届时我来进行实操式讲解--顺便用此方式,了解正确的代码风格及用法。
  • 重点: 由大结构到小结构,CSS如何规划、命名

代码及操作方面
  • 重点:团队中唯一的前端人员,是我重点关注对象--请提供几页作品,我了解一下他的习惯与缺点
  • 请美工现场演示一下切图操作,我了解一下他的习惯与缺点
  • 选2-3人编码人员,现场演示下自己的html+css代码书写方式,大家一起讨论。--如无更高效方式,请所有涉及编码人员学习emmet用法,以提高代码书写效率。

插件及细节--这个只讲解大概方法,具体操作由相关人员自行操作
  • 由设计稿可见,小图标比较多,请前端人员实验http://www.thinkcmf.com/font,用此方法搞定所有小图标,把各种按钮样式,包括长的、圆的,不同颜色和尺寸的--尤其是对IE7、8的兼容性测试。---已做:http://www.contactu.cn/article.asp?id=167  测试FontAwesome对于IE8的兼容性
  • 所有装饰性细节,只要对排版影响不大的,一概使用CSS3方式,比如圆角、圆形、阴影、hover、首字伪元素等
  • 重点: 把设计稿内所有用到superslide的地方,进行统一讲解。http://www.superslide2.com
  • 瀑布流用法--这个有现成的文档和例子,可自行使用:https://github.com/duitang/waterfall

如何交流与反馈
  • 请各人说一下自己是如何写工作日志--推荐用印象笔记等在线工具,直接从中导出问题转发送邮件--解决问题后,将解决方法记录,甚至写文章
  • 如何描述问题--尽量将作品上传到服务器,给出URL,便于团队通过浏览器分析
分类:开发心得 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 1779

 今天是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 | 查看次数: 2900

 

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

 

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

 

查看更多...

Tags: 2013总结

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

长沙FLASH网站建设

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

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

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

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

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

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

Tags: 长沙FLASH

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

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

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

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

Tags: 前端开发 互动开发

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

无法成交的5种原因

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

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

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

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

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

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

查看更多...

Tags: 需求分析 制作需求

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

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

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

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

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

查看更多...

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