【web前端面试题整理08】说说最近几次面试(水)
摘要:为什么换工作 换工作简单来讲一般会归纳为钱不够或者人不对,我们团队氛围很不错,所以基本就定位到钱不够了,而我更多是考虑到以后的职业发展,简单说来就是对以后几年的工作有想法,而这种想法实现不一定能在现在的团队获得,在短期内也看不到希望,加之公司职级晋升不合理等考虑,也就自然而然想到了离职。 其实在鞋...
阅读全文
posted @
2015-03-30 16:13
叶小钗
阅读(59708)
推荐(48) 编辑
【H5疑难杂症】脱离文档流时的渲染BUG
摘要:BUG重现最近机票团队在一个页面布局复杂的地方发现一个BUG,非常奇怪并且不好定位,这类问题一般最后都会到我这里,这个问题是,改变dom结构,页面却不渲染!!!如图所示,我动态的改变了dom结构,结果页面那一坨变得什么都没有,相当奇怪!!!在PC模拟iPhone就可以重现,iPhone、note4等...
阅读全文
posted @
2015-03-23 17:44
叶小钗
阅读(4071)
推荐(5) 编辑
【前端优化之渲染优化】大屏android手机动画丢帧的背后
摘要:前言上周我与阿里的宇果有一次技术的交流,然后对天猫H5站点做了一些浅层次的分析,后面点时间基本天天都会有联系,中途聊了一些技术细节、聊了双方团队在干什么,最后聊到了前端优化。因为我本身参与了几次携程H5站点的优化,在这方面有一些心得,但是与宇果交流的过程中发现我们在优化的时候忽略了一些细节。携程做优...
阅读全文
posted @
2015-03-05 18:31
叶小钗
阅读(10405)
推荐(9) 编辑
浅析天猫H5站点
摘要:前言我们做前端开发的时候,很有可能会做一个竞品分析,比如我就做过去哪儿、艺龙、同程等与携程的移动站点竞品分析,竞品分析的目的一般是技术对比,但是更多的是业务对比,知己知彼,百战不殆;我们同时会借鉴、学习其它网站的技术,比如网站HTML使用、class命名、使用了什么新技术,还有优化体验相关的,对大型...
阅读全文
posted @
2015-02-28 23:35
叶小钗
阅读(18462)
推荐(55) 编辑
谈谈工作中的设计模式
摘要:前言记得刚毕业的时候参加了一次校招面试,之前表现的很好,最后时面试官问我懂不懂设计模式,我说不懂,然后就进去了;后面又参加了某大公司的校招,开始表现还行,后面面试官问我懂不懂设计模式,我说懂(上次后补习了下),最后把工厂模式的代码背写到了纸上,然后就没有然后了......现在回想起来当时有点傻有点天...
阅读全文
posted @
2015-02-15 14:00
叶小钗
阅读(11242)
推荐(26) 编辑
浅谈工作中的设计模式【单例、工厂、桥接、装饰】
摘要:前言记得刚毕业的时候参加了一次校招面试,之前表现的很好,最后时面试官问我懂不懂设计模式,我说不懂,然后就进去了;后面又参加了某大公司的校招,开始表现还行,后面面试官问我懂不懂设计模式,我说懂(上次后补习了下),最后把工厂模式的代码背写到了纸上,然后就没有然后了......现在回想起来当时有点傻有点天...
阅读全文
posted @
2015-02-14 14:45
叶小钗
阅读(2574)
推荐(1) 编辑
浅谈移动前端的最佳实践
摘要:前言 这几天,第三轮全站优化结束,测试项目在2G首屏载入速度取得了一些优化成绩,对比下来有10s左右的差距: 这次优化工作结束后,已经是第三次大规模折腾公司框架了,这里将一些自己知道的移动端的建议提出来分享下,希望对各位有用 文中有误请您提出,以免误人自误 技术选型 单页or多页 spa(singl
阅读全文
posted @
2015-01-21 08:16
叶小钗
阅读(49468)
推荐(154) 编辑
【年终总结】2年计划还是要有的,万一实现了呢?
摘要:回顾与展望大学两年前,小钗发了一篇水文:两年内,我要成为国内优秀的前端技术人员!从那以后小钗又回到了大学的学习状态,晚上会私下学习总结,周末学习新知识,跌跌撞撞,两年时间快结束了,两年时间小钗经历了些神马呢?今天来一篇总结的水文。01 重复读了两本经典的前端书籍:《Javascript高级程序设计》...
阅读全文
posted @
2014-12-30 14:35
叶小钗
阅读(15220)
推荐(91) 编辑
【shadow dom入UI】web components思想如何应用于实际项目
摘要:回顾经过昨天的优化处理(【前端优化之拆分CSS】前端三剑客的分分合合),我们在UI一块做了几个关键动作:① CSS入UI② CSS作为组件的一个节点而存在,并且会被“格式化”,即选择器带id前缀,形成的组件如图所示:这样做基本可以规避css污染的问题,解决绝大多数问题,但是更优的方案总是存在,比如w...
阅读全文
posted @
2014-12-17 08:07
叶小钗
阅读(6438)
推荐(3) 编辑
【前端优化之拆分CSS】前端三剑客的分分合合
摘要:几年前,我们这样写前端代码:测试慢慢的,我们发现这样做的很多弊端,单就样式一块,改一个样式会涉及到多处调整,所以慢慢的dom标签中的css全部去了一个独立的css文件再后来,交互变得异常复杂,onclick也不好使了,所以js也分离开了,经典的html+css+javascript结构分离逐步清晰,...
阅读全文
posted @
2014-12-15 23:35
叶小钗
阅读(7135)
推荐(13) 编辑
ipad&mobile通用webapp框架前哨战
摘要:响应式设计的意义随着移动设备的发展,移动设备以迅猛的势头分刮着PC的占有率,ipad或者android pad的市场占有率稳步提升,所以我们的程序需要在ipad上很好的运行,对于公司来说有以下负担:设备系统上来说主要分为android ios;尺寸上看又以手机与pad为一个分界线,如果再加一个H5站...
阅读全文
posted @
2014-12-06 22:12
叶小钗
阅读(7225)
推荐(4) 编辑
如何判断一个DOM元素正在动画,一个CSS“阻塞”JS的例子
摘要:一般情况下CSS不会直接影响JS的程序逻辑,但是以CSS实现动画的话,这个便不太确定了,这个故事发生在与UED迁移全局样式的过程。曾经我有一段实现弹出层隐藏动画的代码是这个样子的:1 if (this.needAnimat && typeof this.animateHideAction == 'f...
阅读全文
posted @
2014-12-01 21:22
叶小钗
阅读(5970)
推荐(2) 编辑
关于前端框架升级与全站样式替换的简单建议
摘要:jQuery在移动端移动端dom操作库首推zepto,他实现了jQuery的大多数接口,被移动端成功扶正;弃用jQuery的主要原因是尺寸上的考虑而jQuery经过几次发展,终于宣布不再理睬IE8,但是最新的版本尺寸依旧超过80K,而我移动端核心框架加起来还没一个DOM库大,很难不放弃他究其原因,积...
阅读全文
posted @
2014-11-21 01:06
叶小钗
阅读(6198)
推荐(8) 编辑
【答阿里寒冬面试题】呵呵,大神的面试题就是好!
摘要:前言今天微博看到了寒冬大神的面试题,觉得挺有意思的,这里就做一点解答http://weibo.com/1196343093/Bhj510t50谈谈你对CSS布局的理解讲讲输入完网址按下回车,到看到网页这个过程中发生了什么。谈谈你对Web前端组件化的理解,Web Component会带来怎样的影响谈谈...
阅读全文
posted @
2014-08-08 20:20
叶小钗
阅读(13955)
推荐(27) 编辑
【小贴士】【stringify神BUG】【localstorage失效】【消灭Safari alert框】【是否延迟加载】【页面10px白屏】
摘要:前言最近碰到几个恶心问题,也发现一点优化技巧,以及对Hybrid知识的一些整理,这里便一并拿出来做分享了,关于Hybrid的调试,会是我今后一个重点我的博客首先是学习笔记,方便自己做知识沉淀,以后好查阅,其次才是分享,所以其中有误请提出,觉得乱是很有可能的~~~~~~我们在工作中一般会有这么一个流程...
阅读全文
posted @
2014-07-21 18:57
叶小钗
阅读(4533)
推荐(6) 编辑
【blade利刃出鞘】一起进入移动端webapp开发吧
摘要:前言 在移动浪潮袭来的时候,小钗有幸进入框架组做webapp框架开发,过程中遇到了移动端的各种坑,也产生了各种激情,就我们公司的发展历程来说 第一阶段:使用传统方式开发移动站点,少量引入HTML5元素 第二阶段:框架化,使用jquery mobile框架,发现慢,组件不好管理,不好维护给搞掉了 第三
阅读全文
posted @
2014-07-13 16:43
叶小钗
阅读(20733)
推荐(75) 编辑
手持设备点击响应速度,鼠标事件与touch事件的那些事
摘要:前言现在一直在做移动端的开发,这次将单页应用的网页内嵌入了app,于是老大反映了一个问题:app应用点击响应慢!我开始不以为然,于是拿着网页版的试了试,好像确实有一定延迟,于是开始了研究,最后选择了touch取代鼠标事件但是,touch事件取代mouse事件,还是有一定问题的,据说网上问题很多,因为两者之间还是有一定差异而且如果完全使用touch事件,对自动化测试的同事来说,他们的系统根本不支持touch事件,再者我们平时网页开发也不方便所以,了解鼠标事件与touch事件的区别,探讨鼠标事件与touch事件的兼容也是有必要的,于是我们开始今天的学习吧PS:这里使用zepto框架,懒得自己搞了.
阅读全文
posted @
2013-10-19 19:07
叶小钗
阅读(33020)
推荐(19) 编辑
【单页应用】关于博客园的补发(高清有码)。。。
摘要:前言上周的时候,做了一点单页应用的研究,但是给断了,本来说最近继续的,但是最近有点其它事情给耽搁了,就给忘了。PS:其实是师傅(http://www.cnblogs.com/aaronjs/)叫我读jquery源码,我给读跪了。。。最近两天又朋友问怎么还没写,所以有了今天的东西。这个单页应用的框架问题很多,就是个简单的demo,喜欢的朋友就看看吧,需要源码的可以下载,但是里面的图片资源文件我给删除了,需要的就留言吧。这次代码增加了本地存储的应用,将model搞出来了,但是不太完善,过段时间再更新吧。关于博客园我想说博客园的接口很难用吗???而且全部是xml的,我这里还写了一个后端程序作为转换呢
阅读全文
posted @
2013-08-22 17:59
叶小钗
阅读(3627)
推荐(11) 编辑
RequireJS与Backbone简单整合
摘要:前言昨天我们一起学习了Backbone,最后做了一个备忘录的例子,说是做了不如说是看了下官方提供的例子,所以最终我感觉我们还是没能掌握Backbone,今天还得做个其它例子先。然后前面也只是草草学习了RequireJS,没做demo,这个周末又在看电影打游戏睡觉瞎折腾,转眼就周日下午了,突然诗性大起,于是作诗一首先:古有通宵看A片,今有彻夜码代码好吧,我们开始今天的学习吧,我们今天先用backbone做一个通讯录的东西,然后使用requireJS组装之。部分参考:the5fire的技术博客简单例子做之前我们先来个简单的例子: 1 2 3 4 5 6 7 ...
阅读全文
posted @
2013-07-29 18:08
叶小钗
阅读(10825)
推荐(10) 编辑
RequireJS学习笔记
摘要:前言进入移动前端是很不错的选择,这块也是我希望的道路,但是不熟悉啊。。。现在项目用的是require+backbone,整个框架被封装了一次,今天看了代码搞不清楚,觉得应该先从源头抓起,所以再看看require了。上午是到处搜集的资料,下午我们来看原生的API吧:http://www.requirejs.org/docs/api.html#configPS:我英语很烂,各位将就着看吧,看到红色就说明老夫拿不准......加载javascript文件RequireJS采用不同的方法来加载脚本,他鼓励模块化编程,使用RequireJS编程不但可以模块化编程而且他依旧可以运行的很快。RequireJ
阅读全文
posted @
2013-07-26 12:02
叶小钗
阅读(67217)
推荐(14) 编辑