Web前端 - 随笔分类(第2页) - 叶小钗

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

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

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

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

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

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

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

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

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

浅析天猫H5站点

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

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

谈谈工作中的设计模式

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

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

浅谈工作中的设计模式【单例、工厂、桥接、装饰】

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

posted @ 2015-02-14 14:45 叶小钗阅读(2574) 评论(3) 推荐(1) 编辑

浅谈移动前端的最佳实践

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

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

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

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

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

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

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

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

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

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

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

ipad&mobile通用webapp框架前哨战

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

手持设备点击响应速度，鼠标事件与touch事件的那些事

摘要：前言现在一直在做移动端的开发，这次将单页应用的网页内嵌入了app，于是老大反映了一个问题：app应用点击响应慢！我开始不以为然，于是拿着网页版的试了试，好像确实有一定延迟，于是开始了研究，最后选择了touch取代鼠标事件但是，touch事件取代mouse事件，还是有一定问题的，据说网上问题很多，因为两者之间还是有一定差异而且如果完全使用touch事件，对自动化测试的同事来说，他们的系统根本不支持touch事件，再者我们平时网页开发也不方便所以，了解鼠标事件与touch事件的区别，探讨鼠标事件与touch事件的兼容也是有必要的，于是我们开始今天的学习吧PS：这里使用zepto框架，懒得自己搞了. 阅读全文

posted @ 2013-10-19 19:07 叶小钗阅读(32998) 评论(5) 推荐(19) 编辑

【单页应用】关于博客园的补发（高清有码）。。。

摘要：前言上周的时候，做了一点单页应用的研究，但是给断了，本来说最近继续的，但是最近有点其它事情给耽搁了，就给忘了。PS：其实是师傅（http://www.cnblogs.com/aaronjs/）叫我读jquery源码，我给读跪了。。。最近两天又朋友问怎么还没写，所以有了今天的东西。这个单页应用的框架问题很多，就是个简单的demo，喜欢的朋友就看看吧，需要源码的可以下载，但是里面的图片资源文件我给删除了，需要的就留言吧。这次代码增加了本地存储的应用，将model搞出来了，但是不太完善，过段时间再更新吧。关于博客园我想说博客园的接口很难用吗？？？而且全部是xml的，我这里还写了一个后端程序作为转换呢阅读全文

posted @ 2013-08-22 17:59 叶小钗阅读(3627) 评论(25) 推荐(11) 编辑

RequireJS与Backbone简单整合

摘要：前言昨天我们一起学习了Backbone，最后做了一个备忘录的例子，说是做了不如说是看了下官方提供的例子，所以最终我感觉我们还是没能掌握Backbone，今天还得做个其它例子先。然后前面也只是草草学习了RequireJS，没做demo，这个周末又在看电影打游戏睡觉瞎折腾，转眼就周日下午了，突然诗性大起，于是作诗一首先：古有通宵看A片，今有彻夜码代码好吧，我们开始今天的学习吧，我们今天先用backbone做一个通讯录的东西，然后使用requireJS组装之。部分参考：the5fire的技术博客简单例子做之前我们先来个简单的例子： 1 2 3 4 5 6 7 ... 阅读全文

posted @ 2013-07-29 18:08 叶小钗阅读(10801) 评论(9) 推荐(10) 编辑

RequireJS学习笔记

摘要：前言进入移动前端是很不错的选择，这块也是我希望的道路，但是不熟悉啊。。。现在项目用的是require+backbone，整个框架被封装了一次，今天看了代码搞不清楚，觉得应该先从源头抓起，所以再看看require了。上午是到处搜集的资料，下午我们来看原生的API吧：http://www.requirejs.org/docs/api.html#configPS：我英语很烂，各位将就着看吧，看到红色就说明老夫拿不准......加载javascript文件RequireJS采用不同的方法来加载脚本，他鼓励模块化编程，使用RequireJS编程不但可以模块化编程而且他依旧可以运行的很快。RequireJ 阅读全文

posted @ 2013-07-26 12:02 叶小钗阅读(67192) 评论(7) 推荐(14) 编辑

随笔分类 - Web前端