随笔-239  评论-4125  文章-3 
  置顶随笔
摘要: 前言 接上文:(阅读本文前,建议阅读前两篇文章先) 浅谈Hybrid技术的设计与实现 浅谈Hybrid技术的设计与实现第二弹 根据之前的介绍,大家对前端与Native的交互应该有一些简单的认识了,很多朋友就会觉得这个交互很简单嘛,其实并不难嘛,事实上单从Native与前端的交互来说就那点东西,真心没阅读全文
posted @ 2016-10-24 09:27 叶小钗 阅读(5376) 评论(16) 编辑
摘要: 前言 浅谈Hybrid技术的设计与实现 浅谈Hybrid技术的设计与实现第二弹 浅谈Hybrid技术的设计与实现第三弹——落地篇 接上文:浅谈Hybrid技术的设计与实现(阅读本文前,建议阅读这个先) 上文说了很多关于Hybrid的概要设计,可以算得上大而全,有说明有demo有代码,对于想接触Hyb阅读全文
posted @ 2016-06-01 00:57 叶小钗 阅读(11491) 评论(40) 编辑
摘要: 前言 浅谈Hybrid技术的设计与实现 浅谈Hybrid技术的设计与实现第二弹 浅谈Hybrid技术的设计与实现第三弹——落地篇 随着移动浪潮的兴起,各种APP层出不穷,极速的业务扩展提升了团队对开发效率的要求,这个时候使用IOS&Andriod开发一个APP似乎成本有点过高了,而H5的低成本、高效阅读全文
posted @ 2015-11-03 06:01 叶小钗 阅读(86797) 评论(132) 编辑
摘要: 重复优化的思考这段时间对项目做了一次整体的优化,全站有了20%左右的提升(本来载入速度已经1.2S左右了,优化度很低),算一算已经做了四轮的全站性能优化了,回顾几次的优化手段,基本上几个字就能说清楚:传输层面:减少请求数,降低请求量执行层面:减少重绘&回流传输层面的从来都是优化的核心点,而这个层面的...阅读全文
posted @ 2015-10-26 06:47 叶小钗 阅读(21766) 评论(53) 编辑
摘要: 前言我还在携程的做业务的时候,每个看似简单的移动页面背后往往会隐藏5个以上的数据请求,其中最过复杂的当属机票与酒店的订单填写业务代码这里先看看比较“简单”的机票代码:然后看看稍微复杂的酒店业务逻辑:机票一个页面的代码量达到了5000行代码,而酒店的代码竟然超过了8000行,这里还不包括模板(html...阅读全文
posted @ 2015-10-15 11:05 叶小钗 阅读(16368) 评论(40) 编辑
摘要: 前言不知不觉来百度已有半年之久,这半年是996的半年,是孤军奋战的半年,是跌跌撞撞的半年,一个字:真的是累死人啦!我所进入的团队相当于公司内部创业团队,人员基本全部是新招的,最初开发时连数据库都没设计,当时评审需求的时候居然有一个产品经理拿了一份他设计的数据库,当时我作为一个前端就惊呆了.........阅读全文
posted @ 2015-09-28 06:11 叶小钗 阅读(16843) 评论(55) 编辑
摘要: 前言这几天,第三轮全站优化结束,测试项目在2G首屏载入速度取得了一些优化成绩,对比下来有10s左右的差距:这次优化工作结束后,已经是第三次大规模折腾公司框架了,这里将一些自己知道的移动端的建议提出来分享下,希望对各位有用文中有误请您提出,以免误人自误技术选型单页or多页spa(single page...阅读全文
posted @ 2015-01-21 08:16 叶小钗 阅读(40740) 评论(180) 编辑
摘要: 前言在移动浪潮袭来的时候,小钗有幸进入框架组做webapp框架开发,过程中遇到了移动端的各种坑,也产生了各种激情,就我们公司的发展历程来说第一阶段:使用传统方式开发移动站点,少量引入HTML5元素第二阶段:框架化,使用jquery mobile框架,发现慢,组件不好管理,不好维护给搞掉了第三阶段:j...阅读全文
posted @ 2014-07-13 16:43 叶小钗 阅读(17221) 评论(74) 编辑
  2017年3月1日
摘要: 需求概述 我们现在有一个需求,某一个活动需要拉新所谓的拉新一般是推App下载,这个用户通过这个活动下载了App后,我们需要做到【在数据库中记录这个用户下载这个App是通过那个二维码渠道的,从效果上说,我们期望: ① 每个活动(渠道)在数据表中有一条记录,而一旦有经过该渠道下载的App被打开后,该渠道阅读全文
posted @ 2017-03-01 12:03 叶小钗 阅读(769) 评论(5) 编辑
  2017年1月25日
摘要: 平台化容器API释放 接上文:(阅读本文前,建议阅读前三篇文章先) 浅谈Hybrid技术的设计与实现 浅谈Hybrid技术的设计与实现第二弹 浅谈Hybrid技术的设计与实现第三弹——落地篇 之前设计Hybrid整块交互的时候,受众都是自己的团队,没有想往“公司化”和“平台化”方向发展,而近期业务的阅读全文
posted @ 2017-01-25 12:38 叶小钗 阅读(585) 评论(1) 编辑
  2017年1月9日
摘要: 前言 一般来说,产品做出的原型多多少少会带有“个人”倾向,UI设计的交互也会人所不同,而当公司生存下来了后,数据沉淀达到一定量了后,这种迭代就决不能拍脑袋了,因为人是具有偏见的,如果带有“偏见”的产品上线后,其反响是不能预估的,我们不能将公司的生存放在“可能”这种说法上。 小步快跑,通过迭代来优化产阅读全文
posted @ 2017-01-09 08:31 叶小钗 阅读(5198) 评论(7) 编辑
  2016年12月29日
摘要: 前言 昨日,我请了一天假去考科目三,结果第一把挂在了没完全关闭灯光上,第二把挂在转弯时没有观察后方车辆,当听到师傅一句“下去”的时候,我那是悲痛的面红耳赤,这让我很郁闷,晚上也就不想回去上班了,回家后仍然有点低沉,在这种情况下,不写点毒鸡汤,好像已经不能好好的调节心情了,看看时间年底了,便写写今年的阅读全文
posted @ 2016-12-29 14:18 叶小钗 阅读(10651) 评论(73) 编辑
  2016年11月10日
摘要: 前言 很久之前就想研究React Native了,但是一直没有落地的机会,我一直认为一个技术要有落地的场景才有研究的意义,刚好最近迎来了新的APP,在可控的范围内,我们可以在上面做任何想做的事情。 PS:任何新技术的尝鲜都一定要控制在自己能控制的范围内,失败了会有可替换方案,不要引起不可逆的问题,这阅读全文
posted @ 2016-11-10 08:59 叶小钗 阅读(4087) 评论(16) 编辑
  2016年10月24日
摘要: 前言 接上文:(阅读本文前,建议阅读前两篇文章先) 浅谈Hybrid技术的设计与实现 浅谈Hybrid技术的设计与实现第二弹 根据之前的介绍,大家对前端与Native的交互应该有一些简单的认识了,很多朋友就会觉得这个交互很简单嘛,其实并不难嘛,事实上单从Native与前端的交互来说就那点东西,真心没阅读全文
posted @ 2016-10-24 09:27 叶小钗 阅读(5376) 评论(16) 编辑
  2016年7月31日
摘要: 什么是收口 所谓条条大路通罗马,但如果让我来设计通向罗马的各种大路,我至少会做两件事情: ① 让罗马只有一个入口 ② 让罗马只有一个出口 这样做的好处是,无论你路从哪来,我可以统一在入口处给你打上各种标志,我也可以在你离开罗马时给你留点纪念。当然罗马自然不只一个出口入口,但是每个出口入口一定有一套相阅读全文
posted @ 2016-07-31 22:43 叶小钗 阅读(1467) 评论(2) 编辑
  2016年7月20日
摘要: 前言 之前接入百度账号系统的时候写了一篇博客做研究:【大前端】认识单点登录,出来后才发现,很多小公司其实并没有将账号系统打通,总结一下账号系统没通的原因是: ① 最初设计就没想过身份认证应该做整合 ② 后续业务中逐渐发现登陆系统过多,但是迫于业务压力以及整合复杂度,于是再搁置 这个就是技术债了,这种阅读全文
posted @ 2016-07-20 20:24 叶小钗 阅读(2820) 评论(8) 编辑
  2016年6月21日
摘要: 前言 前段时间我写了一篇博客:小公司的前端应该怎么做?,其中核心的几个观点之一就是要把重复工作给干掉! 而我们日常工作中有一类需求名曰活动,这些活动就像脏水一样不停的向我们涌来,而且要的又急,这个时候有些团队就会疲于奔命的去让前端做页面然后走发布流程,如果你的公司是这样,业务发展后再多几个前端也不够阅读全文
posted @ 2016-06-21 12:40 叶小钗 阅读(4094) 评论(6) 编辑
  2016年6月1日
摘要: 前言 浅谈Hybrid技术的设计与实现 浅谈Hybrid技术的设计与实现第二弹 浅谈Hybrid技术的设计与实现第三弹——落地篇 接上文:浅谈Hybrid技术的设计与实现(阅读本文前,建议阅读这个先) 上文说了很多关于Hybrid的概要设计,可以算得上大而全,有说明有demo有代码,对于想接触Hyb阅读全文
posted @ 2016-06-01 00:57 叶小钗 阅读(11491) 评论(40) 编辑
  2016年5月23日
摘要: 前言 接上文:谈谈我对前端组件化中“组件”的理解,顺带写个Vue与React的demo 上次写完博客后,有朋友反应第一内容有点深,看着迷迷糊糊;第二是感觉没什么使用场景,太过业务化,还不如直接写Vue&react的源码分析,我感觉这里有必要说下我的认识。 首先,要写源码分析很难,第一是他本来就很难,阅读全文
posted @ 2016-05-23 01:34 叶小钗 阅读(2832) 评论(5) 编辑
  2016年5月19日
摘要: 前言 前端已经过了单兵作战的时代了,现在一个稍微复杂一点的项目都需要几个人协同开发,一个战略级别的APP的话分工会更细,比如携程: 携程app = 机票频道 + 酒店频道 + 旅游频道 + ...... 每个频道有独立的团队去维护这些代码,具体到某一个频道的话有会由数十个不等的页面组成,在各个页面开阅读全文
posted @ 2016-05-19 05:35 叶小钗 阅读(4016) 评论(18) 编辑
  2016年5月9日
摘要: 前言 近期工作生活比较漂泊,从上海换到了成都,这个是以家庭为单位的重大决定,离开一线城市对于职业生涯和技术前沿来说是有一定问题的,但是出于房价考虑(主要是买不起房子)与生活舒适度来说,回蓉似乎是一个比较好的选择,何况成都的互联网也还行。 随着能力的提升,负责的工作种类会逐渐增多,考虑的方向也会有所不阅读全文
posted @ 2016-05-09 18:08 叶小钗 阅读(17868) 评论(86) 编辑
  2016年2月29日
摘要: 前言 Hybrid技术流行已经有一段日子了,楼主的关注点也一直围绕着移动端围绕着Hybrid相关展开,Hybrid已经是大大提升开发效率的开发方式了,但是仍然需要至少一个IOS与Andriod,那么可不可以只使用H5相关的知识就能做一个APP出来呢?答案是可以的。 什么是cordova? cordo阅读全文
posted @ 2016-02-29 19:53 叶小钗 阅读(3204) 评论(16) 编辑
  2016年2月22日
摘要: 文中是我个人的一些开发经验,希望对各位有用,也希望各位多多支持讨论,指出文中不足以及提出您的一些建议。 双容器 得益于近几年移动端的发展,前端早已今非昔比,从大型框架来说angularJS、react、VueJS都有其应用场景,从工程化来说各种配套构建工具也纷纷出世,而从前端复杂度来说,最近几年的前阅读全文
posted @ 2016-02-22 14:03 叶小钗 阅读(5678) 评论(8) 编辑
  2015年11月3日
摘要: 前言 浅谈Hybrid技术的设计与实现 浅谈Hybrid技术的设计与实现第二弹 浅谈Hybrid技术的设计与实现第三弹——落地篇 随着移动浪潮的兴起,各种APP层出不穷,极速的业务扩展提升了团队对开发效率的要求,这个时候使用IOS&Andriod开发一个APP似乎成本有点过高了,而H5的低成本、高效阅读全文
posted @ 2015-11-03 06:01 叶小钗 阅读(86797) 评论(132) 编辑
  2015年10月26日
摘要: 重复优化的思考这段时间对项目做了一次整体的优化,全站有了20%左右的提升(本来载入速度已经1.2S左右了,优化度很低),算一算已经做了四轮的全站性能优化了,回顾几次的优化手段,基本上几个字就能说清楚:传输层面:减少请求数,降低请求量执行层面:减少重绘&回流传输层面的从来都是优化的核心点,而这个层面的...阅读全文
posted @ 2015-10-26 06:47 叶小钗 阅读(21766) 评论(53) 编辑
  2015年10月19日
摘要: A/B Testing简介互联网产品的迭代速度很快,往往一周一小发布,一月一大发布,产品提出的种种需求,哪些改动是提升产品体验的,哪些是阻碍产品进步的,如果没有数据可以参考,仅仅是靠拍脑袋的话,对产品成功与否来说是及其不严谨的,产品的成功不能只靠运气或者可能,而是要以数据为依据,靠数据说话,A/B ...阅读全文
posted @ 2015-10-19 21:31 叶小钗 阅读(1898) 评论(0) 编辑
  2015年10月15日
摘要: 前言我还在携程的做业务的时候,每个看似简单的移动页面背后往往会隐藏5个以上的数据请求,其中最过复杂的当属机票与酒店的订单填写业务代码这里先看看比较“简单”的机票代码:然后看看稍微复杂的酒店业务逻辑:机票一个页面的代码量达到了5000行代码,而酒店的代码竟然超过了8000行,这里还不包括模板(html...阅读全文
posted @ 2015-10-15 11:05 叶小钗 阅读(16368) 评论(40) 编辑
  2015年10月8日
摘要: 取代jQuery?我很久之前便听说了angularJS的大名,之前的leader也经常感叹angularJS的设计如何如何精妙,可叹一直没有机会深入了解,国庆长假因为没钱出游,倒是可以对他做一个了解......根据之前的经验,就现有的前端项目,如果最初没有良好的设计,做到一定阶段一定会变得难以维护,...阅读全文
posted @ 2015-10-08 12:46 叶小钗 阅读(5482) 评论(18) 编辑
摘要: 前言我之前喜欢玩一款游戏:全民飞机大战,而且有点痴迷其中,如果你想站在游戏的第一阶梯,便需要不断的练技术练装备,但是腾讯的游戏一般而言是有点恶心的,他会不断的出新飞机、新装备、新宠物,所以,很多时候你一个飞机以及装备还没满级,新的装备就又出来了,并且一定是更强!于是很多人便直接抛弃当前的飞机与装备,...阅读全文
posted @ 2015-10-08 06:11 叶小钗 阅读(8921) 评论(6) 编辑
  2015年9月28日
摘要: 前言不知不觉来百度已有半年之久,这半年是996的半年,是孤军奋战的半年,是跌跌撞撞的半年,一个字:真的是累死人啦!我所进入的团队相当于公司内部创业团队,人员基本全部是新招的,最初开发时连数据库都没设计,当时评审需求的时候居然有一个产品经理拿了一份他设计的数据库,当时我作为一个前端就惊呆了.........阅读全文
posted @ 2015-09-28 06:11 叶小钗 阅读(16843) 评论(55) 编辑
  2015年8月16日
摘要: UIView经过前几天的快速学习,我们初步了解的IOS开发的一些知识,中间因为拉的太急,忽略了很多基础知识点,这些知识点单独拿出来学习太过枯燥,我们在今后的项目中再逐步补齐,今天我们来学习APP视图相关知识。视图即UIView对象,我们上次用的按钮UIButton、UILabel或者UITableV...阅读全文
posted @ 2015-08-16 19:26 叶小钗 阅读(2646) 评论(5) 编辑
  2015年8月9日
摘要: 端到端的机会虽然现在身处大公司,但是因为是内部创业团队,产品、native、前端、服务器端全部坐在一起开发,大家很容易做零距离交流,也因为最近内部有一个前端要转岗过来,于是手里的前端任务好像可以抛一大坨出去了,这个时候立刻想到了切入IOS开发!!!事实上,前端开发做到一定时间,要进步很难了,最近几个...阅读全文
posted @ 2015-08-09 23:04 叶小钗 阅读(3650) 评论(7) 编辑
  2015年5月17日
摘要: 什么是localstorage前几天在老项目中发现有对cookie的操作觉得很奇怪,咨询下来是要缓存一些信息,以避免在URL上面传递参数,但没有考虑过cookie会带来什么问题:① cookie大小限制在4k左右,不适合存业务数据② cookie每次随HTTP事务一起发送,浪费带宽我们是做移动项目的...阅读全文
posted @ 2015-05-17 17:37 叶小钗 阅读(36570) 评论(13) 编辑
  2015年5月10日
摘要: 回顾接上文:【大前端之前后分离01】JS前端渲染VS服务器端渲染,我们探讨了为什么要做前后分离,以及前端渲染需要解决的问题,最后提出了自己的解决方案:前端代码编译形成两套代码:①前端发布版本 + ②服务器端脚本这个想法借鉴了fis plus的smarty模块化思维,以及reactJS编译运行的概念,...阅读全文
posted @ 2015-05-10 13:51 叶小钗 阅读(2403) 评论(0) 编辑
  2015年4月29日
摘要: 前言之前看了一篇文章:@Charlie.ZhengWeb系统开发构架再思考-前后端的完全分离,文中论述了为何要前后分离,站在前端的角度来看,是很有必要的;但是如何说服团队使用前端渲染方案却是一个现实问题,因为如果我是一个服务器端,我便会觉得不是很有必要,为什么要前后分离,前后分离后遗留了什么问题,如...阅读全文
posted @ 2015-04-29 06:06 叶小钗 阅读(15639) 评论(21) 编辑
  2015年4月22日
摘要: 初识单点登录最初接触到单点登录要追溯到3年多以前了,那时候看到的只是passport,当时要做全国所有社区的登录,然后就照着内部文档写了代码,然后就接入了(这里要提一句是百度与腾讯一旦形成产品的技术项目,文档都很不错)然后就没有然后了......而知识的珍贵程度却是这样的:知识珍贵度排名:听过 t...阅读全文
posted @ 2015-04-22 20:40 叶小钗 阅读(19002) 评论(14) 编辑
  2015年3月30日
摘要: 为什么换工作 换工作简单来讲一般会归纳为钱不够或者人不对,我们团队氛围很不错,所以基本就定位到钱不够了,而我更多是考虑到以后的职业发展,简单说来就是对以后几年的工作有想法,而这种想法实现不一定能在现在的团队获得,在短期内也看不到希望,加之公司职级晋升不合理等考虑,也就自然而然想到了离职。 其实在鞋...阅读全文
posted @ 2015-03-30 16:13 叶小钗 阅读(43183) 评论(81) 编辑
  2015年3月23日
摘要: BUG重现最近机票团队在一个页面布局复杂的地方发现一个BUG,非常奇怪并且不好定位,这类问题一般最后都会到我这里,这个问题是,改变dom结构,页面却不渲染!!!如图所示,我动态的改变了dom结构,结果页面那一坨变得什么都没有,相当奇怪!!!在PC模拟iPhone就可以重现,iPhone、note4等...阅读全文
posted @ 2015-03-23 17:44 叶小钗 阅读(2568) 评论(10) 编辑
  2015年3月5日
摘要: 前言上周我与阿里的宇果有一次技术的交流,然后对天猫H5站点做了一些浅层次的分析,后面点时间基本天天都会有联系,中途聊了一些技术细节、聊了双方团队在干什么,最后聊到了前端优化。因为我本身参与了几次携程H5站点的优化,在这方面有一些心得,但是与宇果交流的过程中发现我们在优化的时候忽略了一些细节。携程做优...阅读全文
posted @ 2015-03-05 18:31 叶小钗 阅读(6338) 评论(9) 编辑
  2015年2月28日
摘要: 前言我们做前端开发的时候,很有可能会做一个竞品分析,比如我就做过去哪儿、艺龙、同程等与携程的移动站点竞品分析,竞品分析的目的一般是技术对比,但是更多的是业务对比,知己知彼,百战不殆;我们同时会借鉴、学习其它网站的技术,比如网站HTML使用、class命名、使用了什么新技术,还有优化体验相关的,对大型...阅读全文
posted @ 2015-02-28 23:35 叶小钗 阅读(14736) 评论(31) 编辑
  2015年2月15日
摘要: 前言记得刚毕业的时候参加了一次校招面试,之前表现的很好,最后时面试官问我懂不懂设计模式,我说不懂,然后就进去了;后面又参加了某大公司的校招,开始表现还行,后面面试官问我懂不懂设计模式,我说懂(上次后补习了下),最后把工厂模式的代码背写到了纸上,然后就没有然后了......现在回想起来当时有点傻有点天...阅读全文
posted @ 2015-02-15 14:00 叶小钗 阅读(6862) 评论(13) 编辑
  2015年2月4日
摘要: 什么是Application CacheHTML5引入了应用程序缓存技术,意味着web应用可进行缓存,并在没有网络的情况下使用,通过创建cache manifest文件,可以轻松的创建离线应用。Application Cache带来的三个优势是:① 离线浏览② 提升页面载入速度③ 降低服务器压力而且...阅读全文
posted @ 2015-02-04 15:16 叶小钗 阅读(22956) 评论(7) 编辑
  2015年1月21日
摘要: 前言这几天,第三轮全站优化结束,测试项目在2G首屏载入速度取得了一些优化成绩,对比下来有10s左右的差距:这次优化工作结束后,已经是第三次大规模折腾公司框架了,这里将一些自己知道的移动端的建议提出来分享下,希望对各位有用文中有误请您提出,以免误人自误技术选型单页or多页spa(single page...阅读全文
posted @ 2015-01-21 08:16 叶小钗 阅读(40740) 评论(180) 编辑
  2014年12月30日
摘要: 回顾与展望大学两年前,小钗发了一篇水文:两年内,我要成为国内优秀的前端技术人员!从那以后小钗又回到了大学的学习状态,晚上会私下学习总结,周末学习新知识,跌跌撞撞,两年时间快结束了,两年时间小钗经历了些神马呢?今天来一篇总结的水文。01 重复读了两本经典的前端书籍:《Javascript高级程序设计》...阅读全文
posted @ 2014-12-30 14:35 叶小钗 阅读(12557) 评论(90) 编辑
  2014年12月17日
摘要: 回顾经过昨天的优化处理(【前端优化之拆分CSS】前端三剑客的分分合合),我们在UI一块做了几个关键动作:① CSS入UI② CSS作为组件的一个节点而存在,并且会被“格式化”,即选择器带id前缀,形成的组件如图所示:这样做基本可以规避css污染的问题,解决绝大多数问题,但是更优的方案总是存在,比如w...阅读全文
posted @ 2014-12-17 08:07 叶小钗 阅读(4208) 评论(0) 编辑
  2014年12月15日
摘要: 几年前,我们这样写前端代码:测试慢慢的,我们发现这样做的很多弊端,单就样式一块,改一个样式会涉及到多处调整,所以慢慢的dom标签中的css全部去了一个独立的css文件再后来,交互变得异常复杂,onclick也不好使了,所以js也分离开了,经典的html+css+javascript结构分离逐步清晰,...阅读全文
posted @ 2014-12-15 23:35 叶小钗 阅读(4487) 评论(7) 编辑
  2014年12月6日
摘要: 响应式设计的意义随着移动设备的发展,移动设备以迅猛的势头分刮着PC的占有率,ipad或者android pad的市场占有率稳步提升,所以我们的程序需要在ipad上很好的运行,对于公司来说有以下负担:设备系统上来说主要分为android ios;尺寸上看又以手机与pad为一个分界线,如果再加一个H5站...阅读全文
posted @ 2014-12-06 22:12 叶小钗 阅读(4641) 评论(2) 编辑
  2014年12月1日
摘要: 一般情况下CSS不会直接影响JS的程序逻辑,但是以CSS实现动画的话,这个便不太确定了,这个故事发生在与UED迁移全局样式的过程。曾经我有一段实现弹出层隐藏动画的代码是这个样子的:1 if (this.needAnimat && typeof this.animateHideAction == 'f...阅读全文
posted @ 2014-12-01 21:22 叶小钗 阅读(3782) 评论(6) 编辑