随笔列表第2页 - 叶小钗

2015年8月16日

摘要： UIView经过前几天的快速学习，我们初步了解的IOS开发的一些知识，中间因为拉的太急，忽略了很多基础知识点，这些知识点单独拿出来学习太过枯燥，我们在今后的项目中再逐步补齐，今天我们来学习APP视图相关知识。视图即UIView对象，我们上次用的按钮UIButton、UILabel或者UITableV... 阅读全文

posted @ 2015-08-16 19:26 叶小钗阅读(5258) 评论(5) 推荐(0) 编辑

2015年8月9日

【IOS开发笔记02】学生管理系统

摘要：端到端的机会虽然现在身处大公司，但是因为是内部创业团队，产品、native、前端、服务器端全部坐在一起开发，大家很容易做零距离交流，也因为最近内部有一个前端要转岗过来，于是手里的前端任务好像可以抛一大坨出去了，这个时候立刻想到了切入IOS开发！！！事实上，前端开发做到一定时间，要进步很难了，最近几个... 阅读全文

posted @ 2015-08-09 23:04 叶小钗阅读(5756) 评论(7) 推荐(6) 编辑

2015年5月17日

HTML5本地存储Localstorage

摘要：什么是localstorage前几天在老项目中发现有对cookie的操作觉得很奇怪，咨询下来是要缓存一些信息，以避免在URL上面传递参数，但没有考虑过cookie会带来什么问题：① cookie大小限制在4k左右，不适合存业务数据② cookie每次随HTTP事务一起发送，浪费带宽我们是做移动项目的... 阅读全文

posted @ 2015-05-17 17:37 叶小钗阅读(91077) 评论(14) 推荐(25) 编辑

2015年5月10日

【大前端之前后分离02】前端模板嵌套问题

摘要：回顾接上文：【大前端之前后分离01】JS前端渲染VS服务器端渲染，我们探讨了为什么要做前后分离，以及前端渲染需要解决的问题，最后提出了自己的解决方案：前端代码编译形成两套代码：①前端发布版本 + ②服务器端脚本这个想法借鉴了fis plus的smarty模块化思维，以及reactJS编译运行的概念，... 阅读全文

posted @ 2015-05-10 13:51 叶小钗阅读(4487) 评论(0) 推荐(0) 编辑

2015年4月29日

【大前端之前后分离01】JS前端渲染VS服务器端渲染

摘要：前言之前看了一篇文章：@Charlie.ZhengWeb系统开发构架再思考-前后端的完全分离，文中论述了为何要前后分离，站在前端的角度来看，是很有必要的；但是如何说服团队使用前端渲染方案却是一个现实问题，因为如果我是一个服务器端，我便会觉得不是很有必要，为什么要前后分离，前后分离后遗留了什么问题，如... 阅读全文

posted @ 2015-04-29 06:06 叶小钗阅读(33151) 评论(21) 推荐(16) 编辑

2015年4月22日

【大前端】认识单点登录

摘要：初识单点登录最初接触到单点登录要追溯到3年多以前了，那时候看到的只是passport，当时要做全国所有社区的登录，然后就照着内部文档写了代码，然后就接入了（这里要提一句是百度与腾讯一旦形成产品的技术项目，文档都很不错）然后就没有然后了......而知识的珍贵程度却是这样的：知识珍贵度排名：听过 t... 阅读全文

posted @ 2015-04-22 20:40 叶小钗阅读(37049) 评论(15) 推荐(30) 编辑

2015年3月30日

【web前端面试题整理08】说说最近几次面试（水）

摘要：为什么换工作换工作简单来讲一般会归纳为钱不够或者人不对，我们团队氛围很不错，所以基本就定位到钱不够了，而我更多是考虑到以后的职业发展，简单说来就是对以后几年的工作有想法，而这种想法实现不一定能在现在的团队获得，在短期内也看不到希望，加之公司职级晋升不合理等考虑，也就自然而然想到了离职。其实在鞋... 阅读全文

posted @ 2015-03-30 16:13 叶小钗阅读(59606) 评论(82) 推荐(48) 编辑

2015年3月23日

【H5疑难杂症】脱离文档流时的渲染BUG

摘要： BUG重现最近机票团队在一个页面布局复杂的地方发现一个BUG，非常奇怪并且不好定位，这类问题一般最后都会到我这里，这个问题是，改变dom结构，页面却不渲染！！！如图所示，我动态的改变了dom结构，结果页面那一坨变得什么都没有，相当奇怪！！！在PC模拟iPhone就可以重现，iPhone、note4等... 阅读全文

posted @ 2015-03-23 17:44 叶小钗阅读(4062) 评论(10) 推荐(5) 编辑

2015年3月5日

【前端优化之渲染优化】大屏android手机动画丢帧的背后

摘要：前言上周我与阿里的宇果有一次技术的交流，然后对天猫H5站点做了一些浅层次的分析，后面点时间基本天天都会有联系，中途聊了一些技术细节、聊了双方团队在干什么，最后聊到了前端优化。因为我本身参与了几次携程H5站点的优化，在这方面有一些心得，但是与宇果交流的过程中发现我们在优化的时候忽略了一些细节。携程做优... 阅读全文

posted @ 2015-03-05 18:31 叶小钗阅读(10372) 评论(9) 推荐(9) 编辑

2015年2月28日

浅析天猫H5站点

摘要：前言我们做前端开发的时候，很有可能会做一个竞品分析，比如我就做过去哪儿、艺龙、同程等与携程的移动站点竞品分析，竞品分析的目的一般是技术对比，但是更多的是业务对比，知己知彼，百战不殆；我们同时会借鉴、学习其它网站的技术，比如网站HTML使用、class命名、使用了什么新技术，还有优化体验相关的，对大型... 阅读全文

posted @ 2015-02-28 23:35 叶小钗阅读(18422) 评论(31) 推荐(55) 编辑

2015年2月15日

谈谈工作中的设计模式

摘要：前言记得刚毕业的时候参加了一次校招面试，之前表现的很好，最后时面试官问我懂不懂设计模式，我说不懂，然后就进去了；后面又参加了某大公司的校招，开始表现还行，后面面试官问我懂不懂设计模式，我说懂（上次后补习了下），最后把工厂模式的代码背写到了纸上，然后就没有然后了......现在回想起来当时有点傻有点天... 阅读全文

posted @ 2015-02-15 14:00 叶小钗阅读(11234) 评论(13) 推荐(26) 编辑

2015年2月4日

HTML5应用程序缓存Application Cache

摘要：什么是Application CacheHTML5引入了应用程序缓存技术，意味着web应用可进行缓存，并在没有网络的情况下使用，通过创建cache manifest文件，可以轻松的创建离线应用。Application Cache带来的三个优势是：① 离线浏览② 提升页面载入速度③ 降低服务器压力而且... 阅读全文

posted @ 2015-02-04 15:16 叶小钗阅读(43333) 评论(7) 推荐(13) 编辑

2015年1月21日

浅谈移动前端的最佳实践

摘要：前言这几天，第三轮全站优化结束，测试项目在2G首屏载入速度取得了一些优化成绩，对比下来有10s左右的差距：这次优化工作结束后，已经是第三次大规模折腾公司框架了，这里将一些自己知道的移动端的建议提出来分享下，希望对各位有用文中有误请您提出，以免误人自误技术选型单页or多页 spa（singl 阅读全文

posted @ 2015-01-21 08:16 叶小钗阅读(49416) 评论(180) 推荐(154) 编辑

2014年12月30日

【年终总结】2年计划还是要有的，万一实现了呢？

摘要：回顾与展望大学两年前，小钗发了一篇水文：两年内，我要成为国内优秀的前端技术人员！从那以后小钗又回到了大学的学习状态，晚上会私下学习总结，周末学习新知识，跌跌撞撞，两年时间快结束了，两年时间小钗经历了些神马呢？今天来一篇总结的水文。01 重复读了两本经典的前端书籍：《Javascript高级程序设计》... 阅读全文

posted @ 2014-12-30 14:35 叶小钗阅读(15214) 评论(90) 推荐(91) 编辑

2014年12月17日

【shadow dom入UI】web components思想如何应用于实际项目

摘要：回顾经过昨天的优化处理（【前端优化之拆分CSS】前端三剑客的分分合合），我们在UI一块做了几个关键动作：① CSS入UI② CSS作为组件的一个节点而存在，并且会被“格式化”，即选择器带id前缀，形成的组件如图所示：这样做基本可以规避css污染的问题，解决绝大多数问题，但是更优的方案总是存在，比如w... 阅读全文

posted @ 2014-12-17 08:07 叶小钗阅读(6426) 评论(0) 推荐(3) 编辑

2014年12月15日

【前端优化之拆分CSS】前端三剑客的分分合合

摘要：几年前，我们这样写前端代码：测试慢慢的，我们发现这样做的很多弊端，单就样式一块，改一个样式会涉及到多处调整，所以慢慢的dom标签中的css全部去了一个独立的css文件再后来，交互变得异常复杂，onclick也不好使了，所以js也分离开了，经典的html+css+javascript结构分离逐步清晰，... 阅读全文

posted @ 2014-12-15 23:35 叶小钗阅读(7110) 评论(7) 推荐(13) 编辑

2014年12月6日

ipad&mobile通用webapp框架前哨战

摘要：响应式设计的意义随着移动设备的发展，移动设备以迅猛的势头分刮着PC的占有率，ipad或者android pad的市场占有率稳步提升，所以我们的程序需要在ipad上很好的运行，对于公司来说有以下负担：设备系统上来说主要分为android ios；尺寸上看又以手机与pad为一个分界线，如果再加一个H5站... 阅读全文

posted @ 2014-12-06 22:12 叶小钗阅读(7200) 评论(2) 推荐(4) 编辑

2014年12月1日

如何判断一个DOM元素正在动画，一个CSS“阻塞”JS的例子

摘要：一般情况下CSS不会直接影响JS的程序逻辑，但是以CSS实现动画的话，这个便不太确定了，这个故事发生在与UED迁移全局样式的过程。曾经我有一段实现弹出层隐藏动画的代码是这个样子的：1 if (this.needAnimat && typeof this.animateHideAction == 'f... 阅读全文

posted @ 2014-12-01 21:22 叶小钗阅读(5949) 评论(6) 推荐(2) 编辑

2014年11月21日

关于前端框架升级与全站样式替换的简单建议

摘要： jQuery在移动端移动端dom操作库首推zepto，他实现了jQuery的大多数接口，被移动端成功扶正；弃用jQuery的主要原因是尺寸上的考虑而jQuery经过几次发展，终于宣布不再理睬IE8，但是最新的版本尺寸依旧超过80K，而我移动端核心框架加起来还没一个DOM库大，很难不放弃他究其原因，积... 阅读全文

posted @ 2014-11-21 01:06 叶小钗阅读(6172) 评论(6) 推荐(8) 编辑

2014年11月19日

【HTML5&CSS3进阶04】CSS3动画应该如何在webapp中运用

摘要：动画在webapp的现状webapp模式的网站追求的就是一个体验，是HTML5&CSS3浪潮下的产物，抛开体验不说，webapp模式门槛比较高；而体验优化的一个重点便是动画，可以说动画是webapp的一个亮点。但也是一个难点，一个痛点，主要原因是：移动端手机的碎片化严重。设备、型号、版本、分辨率等差... 阅读全文

posted @ 2014-11-19 09:32 叶小钗阅读(8297) 评论(7) 推荐(7) 编辑

2014年11月14日

【HTML5&CSS3进阶03】Jser与Csser如何一起愉快的翻新老组件

摘要：上次，我们形成了两种header的布局，一种flexbox，一种float，最后与身边做重构的同事交流下来，选择了float的布局。事实上布局的选型不需要我关注，我的参与或者一些意见多数是自我提升，但要说html结构完全控制于csser的话就不一定了在整个header组件的代码过程中，我与重构同事就... 阅读全文

posted @ 2014-11-14 07:11 叶小钗阅读(2333) 评论(7) 推荐(6) 编辑

2014年11月6日

【HTML5&CSS3进阶学习02】Header的实现·CSS中的布局

摘要：前言我们在手机上布局一般是这个样子的：其中头部对整个mobile的设计至关重要，而且坑也很多：① 一般来说整个header是以fixed布局，fixed这个产物在移动端来说本身坑就非常多② 在Hybrid应用中，Header很多时候扮演了不一样的角色，首先要完成以webview(window)为容器... 阅读全文

posted @ 2014-11-06 19:20 叶小钗阅读(9411) 评论(2) 推荐(7) 编辑

2014年11月3日

【HTML5&CSS3进阶学习01】气泡组件的实现

摘要：前言气泡组件在实际工作中非常普遍，无论是网页中还是app中，比如：我们这里所谓气泡组件是指列表型气泡组件，这里就其dom实现，css实现，js实现做一个讨论，最后对一些细节点做一些说明，希望对各位有用小钗最近初学CSS，这里做一个专题，便于自身CSS提升，文章有不少问题与可优化点，请各位指导组件分类... 阅读全文

posted @ 2014-11-03 08:10 叶小钗阅读(7715) 评论(11) 推荐(6) 编辑

2014年9月9日

【模块化编程】理解requireJS-实现一个简单的模块加载器

摘要：在前文中我们不止一次强调过模块化编程的重要性，以及其可以解决的问题：① 解决单文件变量命名冲突问题② 解决前端多人协作问题③ 解决文件依赖问题④ 按需加载（这个说法其实很假了）⑤ ......为了深入了解加载器，中间阅读过一点requireJS的源码，但对于很多同学来说，对加载器的实现依旧不太清楚事... 阅读全文

posted @ 2014-09-09 20:47 叶小钗阅读(27588) 评论(8) 推荐(14) 编辑

2014年8月28日

【小贴士】探一探javascript中的replace

摘要： javascript字符串与数组有很多精巧的方法，比如splice、indexOf，而replace在字符串处理中偶尔会产生让人愉悦的效果比如underscore中的模板引擎替换部分，又如信用卡分割的应用简单来说，replace用于将字符串中一些字符替换为另一些字符，最简单的情况如下var num ... 阅读全文

posted @ 2014-08-28 20:21 叶小钗阅读(2057) 评论(3) 推荐(4) 编辑

2014年8月24日

【blade04】用面向对象的方法写javascript坦克大战

摘要：前言javascript与程序的语言比如C#或者java不一样，他并没有“类”的概念，虽然最新的ECMAScript提出了Class的概念，我们却没有怎么用就单以C#与Java来说，要到真正理解面向对象的程度也是要花一点功夫的，特别是初学的同学往往意识不到面向对象的好处，因为我们编码的流程是这样的①... 阅读全文

posted @ 2014-08-24 18:32 叶小钗阅读(5638) 评论(7) 推荐(12) 编辑

2014年8月10日

探讨webapp的SEO难题（上）

摘要：前言网络蜘蛛无法解析javascript，至少百度是不能的，神马搜索差的更远，而我们的webapp的渲染展示完全由javascript驱动所以蜘蛛访问webapp页面会得到一个白页面，比如，我们期待SEO看到的是这个样子的网页其实他看到的是这个样子的代码：那么这个问题应该如何处理呢？比较早的处理方案... 阅读全文

posted @ 2014-08-10 14:09 叶小钗阅读(6002) 评论(3) 推荐(2) 编辑

2014年8月8日

【答阿里寒冬面试题】呵呵，大神的面试题就是好！

摘要：前言今天微博看到了寒冬大神的面试题，觉得挺有意思的，这里就做一点解答http://weibo.com/1196343093/Bhj510t50谈谈你对CSS布局的理解讲讲输入完网址按下回车，到看到网页这个过程中发生了什么。谈谈你对Web前端组件化的理解，Web Component会带来怎样的影响谈谈... 阅读全文

posted @ 2014-08-08 20:20 叶小钗阅读(13935) 评论(16) 推荐(27) 编辑

2014年8月3日

【blade的UI设计】理解前端MVC与分层思想

摘要：前言最近校招要来了，很多大三的同学一定按捺不住心中的焦躁，其中有期待也有彷徨，或许更多的是些许担忧，最近在开始疯狂的复习了吧这里小钗有几点建议给各位：① 不要看得太重，关心则乱，太紧张反而表现不好② 好的选择比坚持更重要这点小钗便深有体会了，因为当年我是搞.net的，凭着这项技能想进bat简直就是妄... 阅读全文

posted @ 2014-08-03 16:48 叶小钗阅读(15399) 评论(33) 推荐(18) 编辑

2014年7月29日

【转】【译】JavaScript魔法揭秘--探索当前流行框架中部分功能的处理机制

摘要：推荐语：今天推荐一篇华为同事的同事翻译的一篇文章，推荐的主要原因是作为一个华为员工居然晚上还能写文章，由不得小钗不佩服！！！其中的jQuery、angular、react皆是十分优秀的框架，各有特点，各位可以看看编辑:github原文链接：Revealing the Magic of JavaScr... 阅读全文

posted @ 2014-07-29 10:42 叶小钗阅读(2001) 评论(5) 推荐(4) 编辑

2014年7月25日

迷你版jQuery——zepto核心源码分析

摘要：前言zepto号称迷你版jQuery，并且成为移动端dom操作库的首选事实上zepto很多时候只是借用了jQuery的名气，保持了与其基本一致的API，其内部实现早已面目全非！艾伦分析了jQuery，小钗暂时没有那个本事分析jQuery，这里就恬不知耻说说自己对zepto的源码理解，希望对各位有用首... 阅读全文

posted @ 2014-07-25 17:04 叶小钗阅读(23227) 评论(16) 推荐(10) 编辑

2014年7月21日

【小贴士】【stringify神BUG】【localstorage失效】【消灭Safari alert框】【是否延迟加载】【页面10px白屏】

摘要：前言最近碰到几个恶心问题，也发现一点优化技巧，以及对Hybrid知识的一些整理，这里便一并拿出来做分享了，关于Hybrid的调试，会是我今后一个重点我的博客首先是学习笔记，方便自己做知识沉淀，以后好查阅，其次才是分享，所以其中有误请提出，觉得乱是很有可能的~~~~~~我们在工作中一般会有这么一个流程... 阅读全文

posted @ 2014-07-21 18:57 叶小钗阅读(4515) 评论(5) 推荐(6) 编辑

2014年7月13日

【blade利刃出鞘】一起进入移动端webapp开发吧

摘要：前言在移动浪潮袭来的时候，小钗有幸进入框架组做webapp框架开发，过程中遇到了移动端的各种坑，也产生了各种激情，就我们公司的发展历程来说第一阶段：使用传统方式开发移动站点，少量引入HTML5元素第二阶段：框架化，使用jquery mobile框架，发现慢，组件不好管理，不好维护给搞掉了第三阅读全文

posted @ 2014-07-13 16:43 叶小钗阅读(20707) 评论(74) 推荐(75) 编辑

2014年6月22日

javascript中的一些核心知识点以及需要注意的地方

摘要：前言近期杂事甚多，这些事情的积累对知识体系的提升有好处，但是却不能整理出来，也整理不出来比如说我最近研究的Hybrid在线联调方案便过于依赖于业务，就算分享也不会有人读懂，若是抽一点来分享又意义不大又拿最近做webapp view 转场动画研究，就是几个demo不断测试，感觉没有什么可说的最后甚至对... 阅读全文

posted @ 2014-06-22 17:34 叶小钗阅读(10337) 评论(31) 推荐(39) 编辑

2014年6月16日

动画在webapp中的现状

摘要： webapp的一大优势便是在view切换时候可以拥有媲美与native的动画效果，但是很多时候那只是一种想法，真正的情况却不是这样产生此问题的原因有：① 手机CPU烂！② 手机显卡烂！就算四核其渲染也很有问题③ 高端手机浏览器会有BUG④ 低端手机支持不好（国内山寨机笑而不语）因为以上原因，事实上做... 阅读全文

posted @ 2014-06-16 19:24 叶小钗阅读(2397) 评论(1) 推荐(2) 编辑

2014年6月4日

【requireJS路径加载】与程序员小卡的交流

摘要：这两天正好看到了程序员小卡同学的一篇博客，里面对requireJS路径的解析做了一些说明，里面有点问题待解决，我这里正好知道一点，所以整理成文，不知对小卡同学是否有帮助。http://www.cnblogs.com/chyingp/p/3677425.htmlhttp://www.cnblogs.c... 阅读全文

posted @ 2014-06-04 19:49 叶小钗阅读(6617) 评论(6) 推荐(1) 编辑

2014年6月3日

【IScroll深入学习】解决IScroll疑难杂症

摘要：前言在去年，我们对IScroll的源码进行了学习，并且分离出了一段代码自己使用，在使用学习过程中发现几个致命问题：① 光标移位② 文本框找不到（先让文本框获取焦点，再滑动一下，输入文字便可重现）③ 偶尔导致头部消失，头部可不是fixed哦由于以上问题，加之去年我们团队的工作量极大，和中间一些组织架构... 阅读全文

posted @ 2014-06-03 00:37 叶小钗阅读(54142) 评论(41) 推荐(8) 编辑

2014年6月2日

【单页应用】全局控制器app应该干些什么？

摘要：前言之前，我们形成了页面片相关的mvc结构，但是该结构还仅适用于view（页面）级，那么真正的全局控制器app应该干些什么事情呢？我觉得至少需要干这些：功能点① 提供URL解析机制，以便让控制器可以根据URL获得当前是要加载哪个view的实例，比如http://www.baidu.com/index... 阅读全文

posted @ 2014-06-02 17:37 叶小钗阅读(3287) 评论(6) 推荐(3) 编辑

2014年5月30日

【webapp的优化整理】要做移动前端优化的朋友进来看看吧

摘要：单页or多页本文仅代表个人观点，不足请见谅，欢迎赐教。webapp小钗从事单页相关的开发一年有余，期间无比的推崇webapp的网站模式，也整理了很多移动开发的知识点，但是现在回过头来看，webapp究竟是好还是不好真是一言难尽哟！webapp使用JavaScript修改页面；紧接着再从服务器传递更多... 阅读全文

posted @ 2014-05-30 08:17 叶小钗阅读(46822) 评论(55) 推荐(61) 编辑

2014年5月24日

【单页应用】理解MVC

摘要：前言之前我们为view引入了wrapperSet的概念，想以此解决view局部刷新问题，后来发现这个方案不太合理view里面插入了业务相关的代码，事实上这个是应该剥离出去，业务的需求千奇百怪，我们不应该去处理view现在只提供最基础的功能：① 定义各个状态的模板② 渲染模板整个view的逻辑便该结束... 阅读全文

posted @ 2014-05-24 15:14 叶小钗阅读(3670) 评论(3) 推荐(3) 编辑