2018年10月15日
摘要: 前言 前面我们对微信小程序进行了研究:【微信小程序项目实践总结】30分钟从陌生到熟悉 在实际代码过程中我们发现,我们可能又要做H5站又要做小程序同时还要做个APP,这里会造成很大的资源浪费,如果设定一个规则,让我们可以先写H5代码,然后将小程序以及APP的业务差异代码做掉,岂不快哉?但小程序的web 阅读全文
posted @ 2018-10-15 16:01 叶小钗 阅读(2734) 评论(4) 推荐(5) 编辑
  2018年10月8日
摘要: 接上文:一套代码小程序&Web&Native运行的探索05——snabbdom 对应Git代码地址请见:https://github.com/yexiaochai/wxdemo/tree/master/mvvm 参考: https://github.com/fastCreator/MVVM(极度参考 阅读全文
posted @ 2018-10-08 16:15 叶小钗 阅读(790) 评论(0) 推荐(0) 编辑
  2018年10月6日
摘要: 接上文:一套代码小程序&Web&Native运行的探索04——数据更新 对应Git代码地址请见:https://github.com/yexiaochai/wxdemo/tree/master/mvvm 参考: https://github.com/fastCreator/MVVM(极度参考,十分感 阅读全文
posted @ 2018-10-06 14:54 叶小钗 阅读(1207) 评论(0) 推荐(0) 编辑
  2018年9月30日
摘要: 接上文:一套代码小程序&Web&Native运行的探索03 对应Git代码地址请见:https://github.com/yexiaochai/wxdemo/tree/master/mvvm 参考: https://github.com/fastCreator/MVVM(极度参考,十分感谢该作者,直 阅读全文
posted @ 2018-09-30 18:20 叶小钗 阅读(1102) 评论(2) 推荐(1) 编辑
  2018年9月27日
摘要: 接上文: 一套代码小程序&Web&Native运行的探索02 对应Git代码地址请见:https://github.com/yexiaochai/wxdemo/tree/master/mvvm 我们在研究如果小程序在多端运行的时候,基本在前端框架这块陷入了困境,因为市面上没有框架可以直接拿来用,而V 阅读全文
posted @ 2018-09-27 12:44 叶小钗 阅读(1319) 评论(0) 推荐(1) 编辑
  2018年9月24日
摘要: 接上文:一套代码小程序&Web&Native运行的探索01,本文都是一些探索性为目的的研究学习,在最终版输出前,内中的内容可能会有点乱 参考: https://github.com/fastCreator/MVVM https://www.tangshuang.net/3756.html https 阅读全文
posted @ 2018-09-24 16:17 叶小钗 阅读(1296) 评论(0) 推荐(1) 编辑
  2018年9月8日
摘要: 前言 前面我们对微信小程序进行了研究:【微信小程序项目实践总结】30分钟从陌生到熟悉 并且用小程序翻写了之前一个demo:【组件化开发】前端进阶篇之如何编写可维护可升级的代码 之前一直在跟业务方打交道后面研究了下后端,期间还做了一些运营、管理相关工作,哈哈,最近一年工作经历十分丰富啊,生命在于不断的 阅读全文
posted @ 2018-09-08 20:24 叶小钗 阅读(2573) 评论(0) 推荐(0) 编辑
  2018年8月13日
摘要: 前言 我们之前对小程序做了基本学习: 1. 微信小程序开发07-列表页面怎么做 2. 微信小程序开发06-一个业务页面的完成 3. 微信小程序开发05-日历组件的实现 4. 微信小程序开发04-打造自己的UI库 5. 微信小程序开发03-这是一个组件 6. 微信小程序开发02-小程序基本介绍 7. 阅读全文
posted @ 2018-08-13 08:39 叶小钗 阅读(30640) 评论(25) 推荐(103) 编辑
  2018年8月6日
摘要: 接上文: 微信小程序开发06-一个业务页面的完成 github地址:https://github.com/yexiaochai/wxdemo 我们首页功能基本完成,我对比了下实际工作中的需求,完成度有70%以上,如果再花一两天时间,便能跟之前工作做的差不多了,今天我们继续实现一个页面列表,便结束这次 阅读全文
posted @ 2018-08-06 18:16 叶小钗 阅读(38003) 评论(2) 推荐(5) 编辑
  2018年8月5日
摘要: 前言 接上文:微信小程序开发05-日历组件的实现 github地址:https://github.com/yexiaochai/wxdemo 这里来说一说我们的理念,我们也学习小程序开发有一周多了,从近期的使用上来说,小程序可以作为底层,但是缺少一个框架层,这个框架层需要提供: ① 组件库 ② 更好 阅读全文
posted @ 2018-08-05 21:02 叶小钗 阅读(5872) 评论(0) 推荐(2) 编辑
  2018年8月3日
摘要: 接上文:微信小程序开发04-打造自己的UI库 github地址:https://github.com/yexiaochai/wxdemo 我们这里继续实现我们的日历组件,这个日历组件稍微有点特殊,算是相对复杂的组件了,然后一般的日历组件又会有很多的变化,所以我们这里实现最基本的标签即可: 这个是非常 阅读全文
posted @ 2018-08-03 18:21 叶小钗 阅读(55609) 评论(0) 推荐(5) 编辑
  2018年8月1日
摘要: 前言 github地址:https://github.com/yexiaochai/wxdemo 接上文继续,我们前面学习了小程序的生命周期、小程序的标签、小程序的样式,后面我们写了一个简单的loading组件,显然他是个半成品,我们在做loading组件的时候意识到一个问题: 我们今天尝试做几个组 阅读全文
posted @ 2018-08-01 18:33 叶小钗 阅读(9324) 评论(0) 推荐(4) 编辑
  2018年7月30日
摘要: 编写组件 基本结构 接上文:微信小程序开发02-小程序基本介绍 我们今天先来实现这个弹出层: 之前这个组件是一个容器类组件,弹出层可设置载入的html结构,然后再设置各种事件即可,这种组件有一个特点: ① 只提供Header部分以及容器部分 ② 容器部分的HTML结构由业务层提供 ③ 容器部分对应样 阅读全文
posted @ 2018-07-30 22:20 叶小钗 阅读(9018) 评论(1) 推荐(2) 编辑
  2018年7月27日
摘要: 前言 前面我们研究了下微信小程序的执行流程,因为拿不到源码,只能算我们的猜想,我们需要更加了解小程序还需要做具体的项目,于是我们将原来那套还算复杂的业务拿出来: 【组件化开发】前端进阶篇之如何编写可维护可升级的代码(有些晦涩有些乱,但是对于整体了解小程序结构有帮助) 我们用小程序实现这里的代码,看看 阅读全文
posted @ 2018-07-27 19:07 叶小钗 阅读(5821) 评论(3) 推荐(2) 编辑
  2018年7月26日
摘要: 前言 我们这边最近一直在做基础服务,这一切都是为了完善技术体系,这里对于前端来说便是我们需要做一个Hybrid体系,如果做App,React Native也是不错的选择,但是一定要有完善的分层: ① 底层框架解决开发效率,将复杂的部分做成一个黑匣子,给页面开发展示的只是固定的三板斧,固定的模式下开发 阅读全文
posted @ 2018-07-26 17:30 叶小钗 阅读(25241) 评论(2) 推荐(6) 编辑
  2018年7月25日
摘要: 前言 ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代标准,已经在 2015 年 6 月正式发布了。它的目标,是使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言。 这句话基本涵盖了为什么会产生ES6这次更新的原因——编写复杂的大 阅读全文
posted @ 2018-07-25 17:31 叶小钗 阅读(20961) 评论(3) 推荐(14) 编辑
  2018年7月20日
只有注册用户登录后才能阅读该文。 阅读全文
posted @ 2018-07-20 00:26 叶小钗 阅读(192) 评论(1) 推荐(3) 编辑
  2018年5月14日
摘要: 前言 很多年前读过一本书《重构-改善既有的代码》,里面有一个能快速提升编程水平的方式就是,代码中需要尽量减少重复的部分,1000行代码可以优化为800行,800行可以优化到500行,方法就是将其中重复的地方抽离成一个方法,然后不停的调用这个方法,这个就是我们所说的工具类的产生。 而后,更大一点,比如 阅读全文
posted @ 2018-05-14 16:47 叶小钗 阅读(4965) 评论(3) 推荐(6) 编辑
  2018年2月3日
摘要: 前言 有日子没发博客了,主要是现在离前端稍微有点远了,而其他方面都不是很深入,一时之间竟然发现自己没什么可以写的了 现在个人角色有些改变,常常需要在技术层面给老板介绍一些时下比较火的事物,于是就需要对AI或者区块链做出一些研究,而到底用不用或者怎么用都不一定,这里将一些区块链的研究结果放出来,希望自 阅读全文
posted @ 2018-02-03 14:45 叶小钗 阅读(4435) 评论(7) 推荐(12) 编辑
  2017年3月1日
摘要: 需求概述 我们现在有一个需求,某一个活动需要拉新所谓的拉新一般是推App下载,这个用户通过这个活动下载了App后,我们需要做到【在数据库中记录这个用户下载这个App是通过那个二维码渠道的,从效果上说,我们期望: ① 每个活动(渠道)在数据表中有一条记录,而一旦有经过该渠道下载的App被打开后,该渠道 阅读全文
posted @ 2017-03-01 12:03 叶小钗 阅读(4927) 评论(8) 推荐(2) 编辑
  2017年1月25日
摘要: 平台化容器API释放 接上文:(阅读本文前,建议阅读前三篇文章先) 浅谈Hybrid技术的设计与实现 浅谈Hybrid技术的设计与实现第二弹 浅谈Hybrid技术的设计与实现第三弹——落地篇 之前设计Hybrid整块交互的时候,受众都是自己的团队,没有想往“公司化”和“平台化”方向发展,而近期业务的 阅读全文
posted @ 2017-01-25 12:38 叶小钗 阅读(2336) 评论(1) 推荐(1) 编辑
  2017年1月9日
摘要: 前言 一般来说,产品做出的原型多多少少会带有“个人”倾向,UI设计的交互也会人所不同,而当公司生存下来了后,数据沉淀达到一定量了后,这种迭代就决不能拍脑袋了,因为人是具有偏见的,如果带有“偏见”的产品上线后,其反响是不能预估的,我们不能将公司的生存放在“可能”这种说法上。 小步快跑,通过迭代来优化产 阅读全文
posted @ 2017-01-09 08:31 叶小钗 阅读(20816) 评论(10) 推荐(10) 编辑
  2016年12月29日
摘要: 前言 昨日,我请了一天假去考科目三,结果第一把挂在了没完全关闭灯光上,第二把挂在转弯时没有观察后方车辆,当听到师傅一句“下去”的时候,我那是悲痛的面红耳赤,这让我很郁闷,晚上也就不想回去上班了,回家后仍然有点低沉,在这种情况下,不写点毒鸡汤,好像已经不能好好的调节心情了,看看时间年底了,便写写今年的 阅读全文
posted @ 2016-12-29 14:18 叶小钗 阅读(22982) 评论(78) 推荐(59) 编辑
  2016年10月24日
摘要: 前言 接上文:(阅读本文前,建议阅读前两篇文章先) 浅谈Hybrid技术的设计与实现 浅谈Hybrid技术的设计与实现第二弹 根据之前的介绍,大家对前端与Native的交互应该有一些简单的认识了,很多朋友就会觉得这个交互很简单嘛,其实并不难嘛,事实上单从Native与前端的交互来说就那点东西,真心没 阅读全文
posted @ 2016-10-24 09:27 叶小钗 阅读(11709) 评论(15) 推荐(24) 编辑
  2016年7月31日
摘要: 什么是收口 所谓条条大路通罗马,但如果让我来设计通向罗马的各种大路,我至少会做两件事情: ① 让罗马只有一个入口 ② 让罗马只有一个出口 这样做的好处是,无论你路从哪来,我可以统一在入口处给你打上各种标志,我也可以在你离开罗马时给你留点纪念。当然罗马自然不只一个出口入口,但是每个出口入口一定有一套相 阅读全文
posted @ 2016-07-31 22:43 叶小钗 阅读(3809) 评论(2) 推荐(4) 编辑
  2016年7月20日
摘要: 前言 之前接入百度账号系统的时候写了一篇博客做研究:【大前端】认识单点登录,出来后才发现,很多小公司其实并没有将账号系统打通,总结一下账号系统没通的原因是: ① 最初设计就没想过身份认证应该做整合 ② 后续业务中逐渐发现登陆系统过多,但是迫于业务压力以及整合复杂度,于是再搁置 这个就是技术债了,这种 阅读全文
posted @ 2016-07-20 20:24 叶小钗 阅读(10042) 评论(8) 推荐(3) 编辑
  2016年6月21日
摘要: 前言 前段时间我写了一篇博客:小公司的前端应该怎么做?,其中核心的几个观点之一就是要把重复工作给干掉! 而我们日常工作中有一类需求名曰活动,这些活动就像脏水一样不停的向我们涌来,而且要的又急,这个时候有些团队就会疲于奔命的去让前端做页面然后走发布流程,如果你的公司是这样,业务发展后再多几个前端也不够 阅读全文
posted @ 2016-06-21 12:40 叶小钗 阅读(8446) 评论(6) 推荐(10) 编辑
  2016年6月1日
摘要: 前言 浅谈Hybrid技术的设计与实现 浅谈Hybrid技术的设计与实现第二弹 浅谈Hybrid技术的设计与实现第三弹——落地篇 接上文:浅谈Hybrid技术的设计与实现(阅读本文前,建议阅读这个先) 上文说了很多关于Hybrid的概要设计,可以算得上大而全,有说明有demo有代码,对于想接触Hyb 阅读全文
posted @ 2016-06-01 00:57 叶小钗 阅读(20405) 评论(40) 推荐(57) 编辑
  2016年5月23日
摘要: 前言 接上文:谈谈我对前端组件化中“组件”的理解,顺带写个Vue与React的demo 上次写完博客后,有朋友反应第一内容有点深,看着迷迷糊糊;第二是感觉没什么使用场景,太过业务化,还不如直接写Vue&react的源码分析,我感觉这里有必要说下我的认识。 首先,要写源码分析很难,第一是他本来就很难, 阅读全文
posted @ 2016-05-23 01:34 叶小钗 阅读(4963) 评论(5) 推荐(6) 编辑
  2016年5月19日
摘要: 前言 前端已经过了单兵作战的时代了,现在一个稍微复杂一点的项目都需要几个人协同开发,一个战略级别的APP的话分工会更细,比如携程: 携程app = 机票频道 + 酒店频道 + 旅游频道 + ...... 每个频道有独立的团队去维护这些代码,具体到某一个频道的话有会由数十个不等的页面组成,在各个页面开 阅读全文
posted @ 2016-05-19 05:35 叶小钗 阅读(12620) 评论(19) 推荐(25) 编辑
  2016年5月9日
摘要: 前言 近期工作生活比较漂泊,从上海换到了成都,这个是以家庭为单位的重大决定,离开一线城市对于职业生涯和技术前沿来说是有一定问题的,但是出于房价考虑(主要是买不起房子)与生活舒适度来说,回蓉似乎是一个比较好的选择,何况成都的互联网也还行。 随着能力的提升,负责的工作种类会逐渐增多,考虑的方向也会有所不 阅读全文
posted @ 2016-05-09 18:08 叶小钗 阅读(38412) 评论(90) 推荐(67) 编辑
  2016年2月29日
摘要: 前言 Hybrid技术流行已经有一段日子了,楼主的关注点也一直围绕着移动端围绕着Hybrid相关展开,Hybrid已经是大大提升开发效率的开发方式了,但是仍然需要至少一个IOS与Andriod,那么可不可以只使用H5相关的知识就能做一个APP出来呢?答案是可以的。 什么是cordova? cordo 阅读全文
posted @ 2016-02-29 19:53 叶小钗 阅读(5705) 评论(16) 推荐(7) 编辑
  2016年2月22日
摘要: 文中是我个人的一些开发经验,希望对各位有用,也希望各位多多支持讨论,指出文中不足以及提出您的一些建议。 双容器 得益于近几年移动端的发展,前端早已今非昔比,从大型框架来说angularJS、react、VueJS都有其应用场景,从工程化来说各种配套构建工具也纷纷出世,而从前端复杂度来说,最近几年的前 阅读全文
posted @ 2016-02-22 14:03 叶小钗 阅读(17545) 评论(8) 推荐(17) 编辑
  2015年11月3日
摘要: 前言 浅谈Hybrid技术的设计与实现 浅谈Hybrid技术的设计与实现第二弹 浅谈Hybrid技术的设计与实现第三弹——落地篇 随着移动浪潮的兴起,各种APP层出不穷,极速的业务扩展提升了团队对开发效率的要求,这个时候使用IOS&Andriod开发一个APP似乎成本有点过高了,而H5的低成本、高效 阅读全文
posted @ 2015-11-03 06:01 叶小钗 阅读(186269) 评论(139) 推荐(188) 编辑
  2015年10月26日
摘要: 重复优化的思考 这段时间对项目做了一次整体的优化,全站有了20%左右的提升(本来载入速度已经1.2S左右了,优化度很低),算一算已经做了四轮的全站性能优化了,回顾几次的优化手段,基本上几个字就能说清楚: 传输层面:减少请求数,降低请求量执行层面:减少重绘&回流 传输层面的从来都是优化的核心点,而这个 阅读全文
posted @ 2015-10-26 06:47 叶小钗 阅读(36881) 评论(54) 推荐(108) 编辑
  2015年10月19日
摘要: A/B Testing简介互联网产品的迭代速度很快,往往一周一小发布,一月一大发布,产品提出的种种需求,哪些改动是提升产品体验的,哪些是阻碍产品进步的,如果没有数据可以参考,仅仅是靠拍脑袋的话,对产品成功与否来说是及其不严谨的,产品的成功不能只靠运气或者可能,而是要以数据为依据,靠数据说话,A/B ... 阅读全文
posted @ 2015-10-19 21:31 叶小钗 阅读(5107) 评论(0) 推荐(7) 编辑
  2015年10月15日
摘要: 前言 我还在携程的做业务的时候,每个看似简单的移动页面背后往往会隐藏5个以上的数据请求,其中最过复杂的当属机票与酒店的订单填写业务代码 这里先看看比较“简单”的机票代码: 然后看看稍微复杂的酒店业务逻辑: 机票一个页面的代码量达到了5000行代码,而酒店的代码竟然超过了8000行,这里还不包括模板( 阅读全文
posted @ 2015-10-15 11:05 叶小钗 阅读(34788) 评论(41) 推荐(93) 编辑
  2015年10月8日
摘要: 取代jQuery?我很久之前便听说了angularJS的大名,之前的leader也经常感叹angularJS的设计如何如何精妙,可叹一直没有机会深入了解,国庆长假因为没钱出游,倒是可以对他做一个了解......根据之前的经验,就现有的前端项目,如果最初没有良好的设计,做到一定阶段一定会变得难以维护,... 阅读全文
posted @ 2015-10-08 12:46 叶小钗 阅读(7196) 评论(18) 推荐(12) 编辑
摘要: 前言我之前喜欢玩一款游戏:全民飞机大战,而且有点痴迷其中,如果你想站在游戏的第一阶梯,便需要不断的练技术练装备,但是腾讯的游戏一般而言是有点恶心的,他会不断的出新飞机、新装备、新宠物,所以,很多时候你一个飞机以及装备还没满级,新的装备就又出来了,并且一定是更强!于是很多人便直接抛弃当前的飞机与装备,... 阅读全文
posted @ 2015-10-08 06:11 叶小钗 阅读(13765) 评论(6) 推荐(26) 编辑
  2015年9月28日
摘要: 前言 不知不觉来百度已有半年之久,这半年是996的半年,是孤军奋战的半年,是跌跌撞撞的半年,一个字:真的是累死人啦! 我所进入的团队相当于公司内部创业团队,人员基本全部是新招的,最初开发时连数据库都没设计,当时评审需求的时候居然有一个产品经理拿了一份他设计的数据库,当时我作为一个前端就惊呆了.... 阅读全文
posted @ 2015-09-28 06:11 叶小钗 阅读(21921) 评论(55) 推荐(102) 编辑