牛肉粉与编程
作者:admin 日期:2016-03-26早起写程序。
寻求合作,为长沙企业提供前端支持、人员培训
作者:admin 日期:2016-03-20首先声明:嘟站长前端水平不高,会的东西统共就那么几样,在这个技术博客上都有罗列。大牛们请直接无视我的存在 。
用Rxjs改写的的ajax函数--返回promise对象
作者:admin 日期:2016-03-16代码如下:
- function aj(url , type="GET" , data="json"){
- var final = Rx.Observable.fromPromise(
- $.ajax({
- type: type,
- url: url,
- dataType: data
- })
- .promise()
- );
- return final;
- }
- var aaa = aj("shopData/test.json");//把ajax结果赋给aaa,并做下一步处理
这段代码使用了rx.js及jquery3的库,目前为止,似乎还只有jquery支持在ajax返回promise对象,我到mui论坛提了问,答复mui.ajax暂不支持promise对象。可见promise对象还未普遍使用。
实践了手机淘宝团队推荐的淘宝的lib-flexible方法
作者:admin 日期:2016-03-11 老刘求职记
作者:admin 日期:2016-02-24用到和准备学习的一些新工具
作者:admin 日期:2016-02-20- - 装一个json序列化插件--https://chrome.google.com/webstore/category/apps?hl=zh-cn
- - 总监推荐使用的github管理工具:sourceTree,官网可直接安装中文版,接下来学习使用
- - 总监推荐使用的leanCloud,可用于生成后端API接口数据,已经注册帐号,准备试用
- - 2016年刚推出的微信开发者工具---已经安装,但发现做CSS调试真机时,还是手续比较麻烦,因此对于普通的调试,还是用.css?id=***的老方法,只有一些实在需要精确调试,一定要看到CSS代码对应效果的地方,再使用这个。http://mp.weixin.qq.com/wiki/10/e5f772f4521da17fa0d7304f68b97d7e.html
实测证明无用--网上流传的微信浏览器取消缓存的方法
作者:admin 日期:2016-02-15ajax多信号逻辑的promise写法实现
作者:admin 日期:2016-02-11ajax的这种多信号量情况经常遇上。比如:先从服务器得到一个信号变量A,如果A为真,再从服务器获取信号B,B为真,再......如果用传统的回调方式写,Ajax就是一大堆的callback堆叠,看得头疼,而且不好一层层用函数分开。
解决这个问题,用到jQuery的deferred对象(参见阮一峰原文):$.ajax()操作完成后,如果使用的是低于1.5.0版本的jQuery,返回的是XHR对象,你没法进行链式操作;如果高于1.5.0版本,返回的是deferred对象,可以进行链式操作。
我写了个简化后的例子:
- $.ajax("/api-a")
- .done(function(data){
- console.log("第1步完成");
- // 如果第1步数据中的result允许,则第2步
- if(data.result){fun2(); }
- })
- .fail(function(){ console.log("第1步失败") });
- //第2步操作可以放到一个函数中,这样看起来代码更清晰
- function fun2() {
- $.ajax("/api-b" )
- .done(function(data){
- console.log("第2步完成");
- console.log(data);
- })
- .fail(function(){ console.log("第2步失败") });
- }
2015全年总结---电商前端探索
作者:admin 日期:2016-02-04昨天,我所在的电商项目组已经放了假,今天正式开始休息。 我放年假后第一要事,是写总结。 如果对一年的成绩还算满意,此事则令人喜悦--保有初心,不在于走了多远,而要时刻明白自己身在何方。
经历:
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、搬家到河西,离产业圈更近,运动环境更好。
写完。
我的知乎答案:我来说一下长沙前端开发岗位2016年的最新情况
作者:admin 日期:2016-01-28我来说一下长沙前端开发岗位2016年的最新情况。我今年经历的几个长沙的电商公司,2015年上半年招前端的价码基本是5-8K。下半年,已经坐地向上翻了2K。2016年初,新的电商公司招熟练工的价格是8-13K,前端组长15K以下,游戏方向可能会稍高一些,万达写字楼那边有家游戏公司专门用“白鹭”引擎的。。
另外一个事实,我朋友深圳的开发团队(水平跟我还有较大差距),普通前端工资13K以上,还基本上留不住人。但我在长沙绝对拿不到13K这个数。这说明长沙的工资水平还是偏低的。当然,要看市场上有没有人可招。出10K在长沙招前端,已经很动听了,但有价无市。
主要技能还是html5+css3+jquery,一般都要求PC+移动端经验。以下是加分项:CSS类框架任选一(比如bootstrap),MVVM框架任选一(比如angular)、AJAX、HTTP、页面优化、加载优化、自动化工作流管理、各种CSS/js动画。游戏开发类,一些传统软件公司需要bootstrap类的界面前端开发,但此类人也比较少。
长沙一些中小团队,招人很难,尽管条件开得比较好(工资、奖金、休假、下午茶、环境)等,还是招不到牛人。或者换句话说,长沙市面上,根本没有散养的牛人。
坊内传闻,步步高云猴是长沙技术储备最丰富的公司。
[转自知乎]前后端程序员的差别
作者:admin 日期:2016-01-24著作权归作者所有。
疑问已解决:vue.js在采用ajax方式读入数据后,无法激活slide插件的滑动行为已经解决
作者:admin 日期:2016-01-22在vue.js的git上面提交的issue:
- 以下是无法激活滑动的主要代码:
- <div id="slider" class="mui-slider" >
- <div class="mui-slider-group">
- <div class="mui-slider-item" v-for="el in list"><img :src="el.picUrl"> </div>
- </div>
- </div>
- <script>
- var vm = new Vue({
- el: '#slider',
- data: {list: [] }
- });
- // 读取图片slide
- mui.ajax({ url: "shopData/slidePic.json", dataType: "json",
- success: function(data){
- vm.list = data.list;
- mui("#slider").slider({
- interval: 3000
- });
- }
- });
- </script>
- ----------------------------------------------
- 以下是可以成功激活的代码:
- mui.ajax({ url: "shopData/slidePic.json", dataType: "json",
- success: function(data){
- for (var i = 0; i < data.list.length; i++) {
- $(".mui-slider-group").append(
- '<div class="mui-slider-item" ><img src="'+ data.list[i].picUrl + '"> </div>'
- );
- }
- mui("#slider").slider({
- interval: 3000
- });
- }
- });
- vm_slide.$nextTick(function () {
- // DOM 现在更新了
- mui("#slider").slider({
- interval: 3000
- });
- })
长沙react.js前端的工资待遇--刚听到的小道消息
作者:admin 日期:2016-01-12我跟一个创业团队的朋友A总聊天,得到的小道消息 :
--------------------------------------------------
A总 2016/1/12 9:36:42
仅作前端。
我 2016/1/12 9:37:09
A总 2016/1/12 9:37:34
百度,腾讯现在都极缺做react.js的人,据说这个技术出来满打满算不到1年半,会的人少的可怜
麻烦就是文档少,入门门槛有点搞,要好几个月才能真正上手项目。
练内功
作者:admin 日期:2016-01-09先摘一段“射雕”原文做开篇:
- 梅超风...忽地心念一动,朗声道:“马道长,‘铅汞谨收藏’,何解?”马钰顺口答道:“铅体沉坠,以比肾水:汞性流动,而拟心火。‘铅汞谨收藏’就是说当固肾水,息心火,修息静功方得有成。”梅超风又道:“‘姹女婴儿’何解?”马钰猛地省悟她是在求教内功秘诀,大声喝道:“邪魔外道,妄想得我真传。快走快走!”
有时候自我学习就象是外道练内功,不得其法而入,如果有个“高手”点拨一二,则融会贯通,大道可期。我每次见老高,就会找他问一些“大道”类问题。做为一个资深的后端程序员和总架构师,老高可能对于一些具体的语法或是工具,没有实际用过,但他对于整个前后端关联和概念性问题,却能提纲挈领。
这次跟他讨教,帮我具体解释了以下疑问:
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等前后端高手有交流,谢谢他们的指点。