叶小钗 - 博客园

2018年10月15日

摘要：前言前面我们对微信小程序进行了研究：【微信小程序项目实践总结】30分钟从陌生到熟悉在实际代码过程中我们发现，我们可能又要做H5站又要做小程序同时还要做个APP，这里会造成很大的资源浪费，如果设定一个规则，让我们可以先写H5代码，然后将小程序以及APP的业务差异代码做掉，岂不快哉？但小程序的web 阅读全文

posted @ 2018-10-15 16:01 叶小钗阅读(2788) 评论(4) 推荐(5) 编辑

2018年10月8日

一套代码小程序&Web&Native运行的探索06——组件系统

摘要：接上文：一套代码小程序&Web&Native运行的探索05——snabbdom 对应Git代码地址请见：https://github.com/yexiaochai/wxdemo/tree/master/mvvm 参考： https://github.com/fastCreator/MVVM（极度参考阅读全文

posted @ 2018-10-08 16:15 叶小钗阅读(799) 评论(0) 推荐(0) 编辑

2018年10月6日

一套代码小程序&Web&Native运行的探索05——snabbdom

摘要：接上文：一套代码小程序&Web&Native运行的探索04——数据更新对应Git代码地址请见：https://github.com/yexiaochai/wxdemo/tree/master/mvvm 参考： https://github.com/fastCreator/MVVM（极度参考，十分感阅读全文

posted @ 2018-10-06 14:54 叶小钗阅读(1215) 评论(0) 推荐(0) 编辑

2018年9月30日

一套代码小程序&Web&Native运行的探索04——数据更新

摘要：接上文：一套代码小程序&Web&Native运行的探索03 对应Git代码地址请见：https://github.com/yexiaochai/wxdemo/tree/master/mvvm 参考： https://github.com/fastCreator/MVVM（极度参考，十分感谢该作者，直阅读全文

posted @ 2018-09-30 18:20 叶小钗阅读(1109) 评论(2) 推荐(1) 编辑

2018年9月27日

一套代码小程序&Web&Native运行的探索03——处理模板及属性

摘要：接上文：一套代码小程序&Web&Native运行的探索02 对应Git代码地址请见：https://github.com/yexiaochai/wxdemo/tree/master/mvvm 我们在研究如果小程序在多端运行的时候，基本在前端框架这块陷入了困境，因为市面上没有框架可以直接拿来用，而V 阅读全文

posted @ 2018-09-27 12:44 叶小钗阅读(1334) 评论(0) 推荐(1) 编辑

2018年9月24日

一套代码小程序&Web&Native运行的探索02

摘要：接上文：一套代码小程序&Web&Native运行的探索01，本文都是一些探索性为目的的研究学习，在最终版输出前，内中的内容可能会有点乱参考： https://github.com/fastCreator/MVVM https://www.tangshuang.net/3756.html https 阅读全文

posted @ 2018-09-24 16:17 叶小钗阅读(1317) 评论(0) 推荐(1) 编辑

2018年9月8日

一套代码小程序&Web&Native运行的探索01

摘要：前言前面我们对微信小程序进行了研究：【微信小程序项目实践总结】30分钟从陌生到熟悉并且用小程序翻写了之前一个demo：【组件化开发】前端进阶篇之如何编写可维护可升级的代码之前一直在跟业务方打交道后面研究了下后端，期间还做了一些运营、管理相关工作，哈哈，最近一年工作经历十分丰富啊，生命在于不断的阅读全文

posted @ 2018-09-08 20:24 叶小钗阅读(2592) 评论(0) 推荐(0) 编辑

2018年8月13日

【微信小程序项目实践总结】30分钟从陌生到熟悉

摘要：前言我们之前对小程序做了基本学习： 1. 微信小程序开发07-列表页面怎么做 2. 微信小程序开发06-一个业务页面的完成 3. 微信小程序开发05-日历组件的实现 4. 微信小程序开发04-打造自己的UI库 5. 微信小程序开发03-这是一个组件 6. 微信小程序开发02-小程序基本介绍 7. 阅读全文

posted @ 2018-08-13 08:39 叶小钗阅读(30843) 评论(25) 推荐(103) 编辑

2018年8月6日

微信小程序开发07-列表页面怎么做

摘要：接上文：微信小程序开发06-一个业务页面的完成 github地址：https://github.com/yexiaochai/wxdemo 我们首页功能基本完成，我对比了下实际工作中的需求，完成度有70%以上，如果再花一两天时间，便能跟之前工作做的差不多了，今天我们继续实现一个页面列表，便结束这次阅读全文

posted @ 2018-08-06 18:16 叶小钗阅读(38306) 评论(2) 推荐(5) 编辑

2018年8月5日

微信小程序开发06-一个业务页面的完成

摘要：前言接上文：微信小程序开发05-日历组件的实现 github地址：https://github.com/yexiaochai/wxdemo 这里来说一说我们的理念，我们也学习小程序开发有一周多了，从近期的使用上来说，小程序可以作为底层，但是缺少一个框架层，这个框架层需要提供： ① 组件库 ② 更好阅读全文

posted @ 2018-08-05 21:02 叶小钗阅读(5926) 评论(0) 推荐(2) 编辑

2018年8月3日

微信小程序开发05-日历组件的实现

摘要：接上文：微信小程序开发04-打造自己的UI库 github地址：https://github.com/yexiaochai/wxdemo 我们这里继续实现我们的日历组件，这个日历组件稍微有点特殊，算是相对复杂的组件了，然后一般的日历组件又会有很多的变化，所以我们这里实现最基本的标签即可：这个是非常阅读全文

posted @ 2018-08-03 18:21 叶小钗阅读(55927) 评论(1) 推荐(6) 编辑

2018年8月1日

微信小程序开发04-打造自己的UI库

摘要：前言 github地址：https://github.com/yexiaochai/wxdemo 接上文继续，我们前面学习了小程序的生命周期、小程序的标签、小程序的样式，后面我们写了一个简单的loading组件，显然他是个半成品，我们在做loading组件的时候意识到一个问题：我们今天尝试做几个组阅读全文

posted @ 2018-08-01 18:33 叶小钗阅读(9417) 评论(0) 推荐(4) 编辑

2018年7月30日

微信小程序开发03-这是一个组件

摘要：编写组件基本结构接上文：微信小程序开发02-小程序基本介绍我们今天先来实现这个弹出层：之前这个组件是一个容器类组件，弹出层可设置载入的html结构，然后再设置各种事件即可，这种组件有一个特点： ① 只提供Header部分以及容器部分 ② 容器部分的HTML结构由业务层提供 ③ 容器部分对应样阅读全文

posted @ 2018-07-30 22:20 叶小钗阅读(9049) 评论(1) 推荐(2) 编辑

2018年7月27日

微信小程序开发02-小程序基本介绍

摘要：前言前面我们研究了下微信小程序的执行流程，因为拿不到源码，只能算我们的猜想，我们需要更加了解小程序还需要做具体的项目，于是我们将原来那套还算复杂的业务拿出来：【组件化开发】前端进阶篇之如何编写可维护可升级的代码（有些晦涩有些乱，但是对于整体了解小程序结构有帮助）我们用小程序实现这里的代码，看看阅读全文

posted @ 2018-07-27 19:07 叶小钗阅读(5883) 评论(3) 推荐(2) 编辑

2018年7月26日

微信小程序开发01-小程序的执行流程是怎么样的？

摘要：前言我们这边最近一直在做基础服务，这一切都是为了完善技术体系，这里对于前端来说便是我们需要做一个Hybrid体系，如果做App，React Native也是不错的选择，但是一定要有完善的分层： ① 底层框架解决开发效率，将复杂的部分做成一个黑匣子，给页面开发展示的只是固定的三板斧，固定的模式下开发阅读全文

posted @ 2018-07-26 17:30 叶小钗阅读(25326) 评论(2) 推荐(6) 编辑

2018年7月25日

30分钟ES6从陌生到熟悉

摘要：前言 ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。这句话基本涵盖了为什么会产生ES6这次更新的原因——编写复杂的大阅读全文

posted @ 2018-07-25 17:31 叶小钗阅读(20986) 评论(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 叶小钗阅读(5035) 评论(3) 推荐(6) 编辑

2018年2月3日

区块链简单研读笔记

摘要：前言有日子没发博客了，主要是现在离前端稍微有点远了，而其他方面都不是很深入，一时之间竟然发现自己没什么可以写的了现在个人角色有些改变，常常需要在技术层面给老板介绍一些时下比较火的事物，于是就需要对AI或者区块链做出一些研究，而到底用不用或者怎么用都不一定，这里将一些区块链的研究结果放出来，希望自阅读全文

posted @ 2018-02-03 14:45 叶小钗阅读(4463) 评论(7) 推荐(12) 编辑

2017年3月1日

【数据标识】iOS App下载渠道的统计需求

摘要：需求概述我们现在有一个需求，某一个活动需要拉新所谓的拉新一般是推App下载，这个用户通过这个活动下载了App后，我们需要做到【在数据库中记录这个用户下载这个App是通过那个二维码渠道的，从效果上说，我们期望： ① 每个活动（渠道）在数据表中有一条记录，而一旦有经过该渠道下载的App被打开后，该渠道阅读全文

posted @ 2017-03-01 12:03 叶小钗阅读(4968) 评论(8) 推荐(2) 编辑

2017年1月25日

Hybrid容器设计之第三方网站

摘要：平台化容器API释放接上文：（阅读本文前，建议阅读前三篇文章先）浅谈Hybrid技术的设计与实现浅谈Hybrid技术的设计与实现第二弹浅谈Hybrid技术的设计与实现第三弹——落地篇之前设计Hybrid整块交互的时候，受众都是自己的团队，没有想往“公司化”和“平台化”方向发展，而近期业务的阅读全文

posted @ 2017-01-25 12:38 叶小钗阅读(2350) 评论(1) 推荐(2) 编辑

2017年1月9日

【数据可视化之采集】如何设计一个前端监控系统

摘要：前言一般来说，产品做出的原型多多少少会带有“个人”倾向，UI设计的交互也会人所不同，而当公司生存下来了后，数据沉淀达到一定量了后，这种迭代就决不能拍脑袋了，因为人是具有偏见的，如果带有“偏见”的产品上线后，其反响是不能预估的，我们不能将公司的生存放在“可能”这种说法上。小步快跑，通过迭代来优化产阅读全文

posted @ 2017-01-09 08:31 叶小钗阅读(20927) 评论(10) 推荐(10) 编辑

2016年12月29日

小公司的一年，一起看看小公司的前端可以怎么做

摘要：前言昨日，我请了一天假去考科目三，结果第一把挂在了没完全关闭灯光上，第二把挂在转弯时没有观察后方车辆，当听到师傅一句“下去”的时候，我那是悲痛的面红耳赤，这让我很郁闷，晚上也就不想回去上班了，回家后仍然有点低沉，在这种情况下，不写点毒鸡汤，好像已经不能好好的调节心情了，看看时间年底了，便写写今年的阅读全文

posted @ 2016-12-29 14:18 叶小钗阅读(23032) 评论(78) 推荐(59) 编辑

2016年10月24日

浅谈Hybrid技术的设计与实现第三弹——落地篇

摘要：前言接上文：（阅读本文前，建议阅读前两篇文章先）浅谈Hybrid技术的设计与实现浅谈Hybrid技术的设计与实现第二弹根据之前的介绍，大家对前端与Native的交互应该有一些简单的认识了，很多朋友就会觉得这个交互很简单嘛，其实并不难嘛，事实上单从Native与前端的交互来说就那点东西，真心没阅读全文

posted @ 2016-10-24 09:27 叶小钗阅读(11801) 评论(15) 推荐(24) 编辑

2016年7月31日

关于前端开发中的“收口”思想

摘要：什么是收口所谓条条大路通罗马，但如果让我来设计通向罗马的各种大路，我至少会做两件事情： ① 让罗马只有一个入口 ② 让罗马只有一个出口这样做的好处是，无论你路从哪来，我可以统一在入口处给你打上各种标志，我也可以在你离开罗马时给你留点纪念。当然罗马自然不只一个出口入口，但是每个出口入口一定有一套相阅读全文

posted @ 2016-07-31 22:43 叶小钗阅读(3859) 评论(2) 推荐(4) 编辑

2016年7月20日

【大前端之打通账号系统】passport应该如何落地？

摘要：前言之前接入百度账号系统的时候写了一篇博客做研究：【大前端】认识单点登录，出来后才发现，很多小公司其实并没有将账号系统打通，总结一下账号系统没通的原因是： ① 最初设计就没想过身份认证应该做整合 ② 后续业务中逐渐发现登陆系统过多，但是迫于业务压力以及整合复杂度，于是再搁置这个就是技术债了，这种阅读全文

posted @ 2016-07-20 20:24 叶小钗阅读(10128) 评论(8) 推荐(3) 编辑

2016年6月21日

来来，一起设计一个简单的活动发布系统

摘要：前言前段时间我写了一篇博客：小公司的前端应该怎么做？，其中核心的几个观点之一就是要把重复工作给干掉！而我们日常工作中有一类需求名曰活动，这些活动就像脏水一样不停的向我们涌来，而且要的又急，这个时候有些团队就会疲于奔命的去让前端做页面然后走发布流程，如果你的公司是这样，业务发展后再多几个前端也不够阅读全文

posted @ 2016-06-21 12:40 叶小钗阅读(8527) 评论(6) 推荐(10) 编辑

2016年6月1日

浅谈Hybrid技术的设计与实现第二弹

摘要：前言浅谈Hybrid技术的设计与实现浅谈Hybrid技术的设计与实现第二弹浅谈Hybrid技术的设计与实现第三弹——落地篇接上文：浅谈Hybrid技术的设计与实现（阅读本文前，建议阅读这个先）上文说了很多关于Hybrid的概要设计，可以算得上大而全，有说明有demo有代码，对于想接触Hyb 阅读全文

posted @ 2016-06-01 00:57 叶小钗阅读(20510) 评论(40) 推荐(57) 编辑

2016年5月23日

从DOM操作看Vue&React的前端组件化，顺带补齐React的demo

摘要：前言接上文：谈谈我对前端组件化中“组件”的理解，顺带写个Vue与React的demo 上次写完博客后，有朋友反应第一内容有点深，看着迷迷糊糊；第二是感觉没什么使用场景，太过业务化，还不如直接写Vue&react的源码分析，我感觉这里有必要说下我的认识。首先，要写源码分析很难，第一是他本来就很难，阅读全文

posted @ 2016-05-23 01:34 叶小钗阅读(4996) 评论(5) 推荐(6) 编辑

2016年5月19日

谈谈我对前端组件化中“组件”的理解，顺带写个Vue与React的demo

摘要：前言前端已经过了单兵作战的时代了，现在一个稍微复杂一点的项目都需要几个人协同开发，一个战略级别的APP的话分工会更细，比如携程：携程app = 机票频道 + 酒店频道 + 旅游频道 + ...... 每个频道有独立的团队去维护这些代码，具体到某一个频道的话有会由数十个不等的页面组成，在各个页面开阅读全文

posted @ 2016-05-19 05:35 叶小钗阅读(12662) 评论(19) 推荐(25) 编辑

2016年5月9日

小公司的前端应该怎么做？

摘要：前言近期工作生活比较漂泊，从上海换到了成都，这个是以家庭为单位的重大决定，离开一线城市对于职业生涯和技术前沿来说是有一定问题的，但是出于房价考虑（主要是买不起房子）与生活舒适度来说，回蓉似乎是一个比较好的选择，何况成都的互联网也还行。随着能力的提升，负责的工作种类会逐渐增多，考虑的方向也会有所不阅读全文

posted @ 2016-05-09 18:08 叶小钗阅读(38475) 评论(90) 推荐(67) 编辑

2016年2月29日

【初探IONIC】不会Native可不可以开发APP？

摘要：前言 Hybrid技术流行已经有一段日子了，楼主的关注点也一直围绕着移动端围绕着Hybrid相关展开，Hybrid已经是大大提升开发效率的开发方式了，但是仍然需要至少一个IOS与Andriod，那么可不可以只使用H5相关的知识就能做一个APP出来呢？答案是可以的。什么是cordova？ cordo 阅读全文

posted @ 2016-02-29 19:53 叶小钗阅读(5723) 评论(16) 推荐(7) 编辑

2016年2月22日

谈一谈前端多容器（多webview平台）处理方案

摘要：文中是我个人的一些开发经验，希望对各位有用，也希望各位多多支持讨论，指出文中不足以及提出您的一些建议。双容器得益于近几年移动端的发展，前端早已今非昔比，从大型框架来说angularJS、react、VueJS都有其应用场景，从工程化来说各种配套构建工具也纷纷出世，而从前端复杂度来说，最近几年的前阅读全文

posted @ 2016-02-22 14:03 叶小钗阅读(17745) 评论(8) 推荐(17) 编辑

2015年11月3日

浅谈Hybrid技术的设计与实现

摘要：前言浅谈Hybrid技术的设计与实现浅谈Hybrid技术的设计与实现第二弹浅谈Hybrid技术的设计与实现第三弹——落地篇随着移动浪潮的兴起，各种APP层出不穷，极速的业务扩展提升了团队对开发效率的要求，这个时候使用IOS&Andriod开发一个APP似乎成本有点过高了，而H5的低成本、高效阅读全文

posted @ 2015-11-03 06:01 叶小钗阅读(186810) 评论(139) 推荐(188) 编辑

2015年10月26日

前端优化带来的思考，浅谈前端工程化

摘要：重复优化的思考这段时间对项目做了一次整体的优化，全站有了20%左右的提升（本来载入速度已经1.2S左右了，优化度很低），算一算已经做了四轮的全站性能优化了，回顾几次的优化手段，基本上几个字就能说清楚：传输层面：减少请求数，降低请求量执行层面：减少重绘&回流传输层面的从来都是优化的核心点，而这个阅读全文

posted @ 2015-10-26 06:47 叶小钗阅读(36984) 评论(54) 推荐(108) 编辑

2015年10月19日

让产品有效迭代，前端A/B Testing的简单实现

摘要： A/B Testing简介互联网产品的迭代速度很快，往往一周一小发布，一月一大发布，产品提出的种种需求，哪些改动是提升产品体验的，哪些是阻碍产品进步的，如果没有数据可以参考，仅仅是靠拍脑袋的话，对产品成功与否来说是及其不严谨的，产品的成功不能只靠运气或者可能，而是要以数据为依据，靠数据说话，A/B ... 阅读全文

posted @ 2015-10-19 21:31 叶小钗阅读(5180) 评论(0) 推荐(7) 编辑

2015年10月15日

【组件化开发】前端进阶篇之如何编写可维护可升级的代码

摘要：前言我还在携程的做业务的时候，每个看似简单的移动页面背后往往会隐藏5个以上的数据请求，其中最过复杂的当属机票与酒店的订单填写业务代码这里先看看比较“简单”的机票代码：然后看看稍微复杂的酒店业务逻辑：机票一个页面的代码量达到了5000行代码，而酒店的代码竟然超过了8000行，这里还不包括模板（阅读全文

posted @ 2015-10-15 11:05 叶小钗阅读(34976) 评论(41) 推荐(93) 编辑

2015年10月8日

摆脱DOM操作，从TodoMVC看angularJS

摘要：取代jQuery？我很久之前便听说了angularJS的大名，之前的leader也经常感叹angularJS的设计如何如何精妙，可叹一直没有机会深入了解，国庆长假因为没钱出游，倒是可以对他做一个了解......根据之前的经验，就现有的前端项目，如果最初没有良好的设计，做到一定阶段一定会变得难以维护，... 阅读全文

posted @ 2015-10-08 12:46 叶小钗阅读(7216) 评论(18) 推荐(12) 编辑

初探React，将我们的View标签化

摘要：前言我之前喜欢玩一款游戏：全民飞机大战，而且有点痴迷其中，如果你想站在游戏的第一阶梯，便需要不断的练技术练装备，但是腾讯的游戏一般而言是有点恶心的，他会不断的出新飞机、新装备、新宠物，所以，很多时候你一个飞机以及装备还没满级，新的装备就又出来了，并且一定是更强！于是很多人便直接抛弃当前的飞机与装备，... 阅读全文

posted @ 2015-10-08 06:11 叶小钗阅读(13803) 评论(6) 推荐(26) 编辑

2015年9月28日

【移动前端开发实践】从无到有（统计、请求、MVC、模块化）H5开发须知

摘要：前言不知不觉来百度已有半年之久，这半年是996的半年，是孤军奋战的半年，是跌跌撞撞的半年，一个字：真的是累死人啦！我所进入的团队相当于公司内部创业团队，人员基本全部是新招的，最初开发时连数据库都没设计，当时评审需求的时候居然有一个产品经理拿了一份他设计的数据库，当时我作为一个前端就惊呆了.... 阅读全文

posted @ 2015-09-28 06:11 叶小钗阅读(21989) 评论(55) 推荐(102) 编辑