前端开发要义以及浏览器开发总结对比
2012-07-28 23:36
435 查看
上手前端,开始实践之旅,通过几天的观察发现,前端确实考验人啊,这么多浏览器兼容问题,实在让人头疼,最后的结论:如果只有一个标准,开发时间会减少300%。尤其对于刚开始前端的人来说,真是不容易,必须把握一条原则,对基础概念和原理必须有很深的理解。不然,工作起来很吃力,学会总结,别犯同样的错误。
前面我觉得:
1.布局,定位是css2的难点,各浏览器下透明的问题,还有width和height在IE和非IE中的理解。
2.js的同步异步加载需要理解,基于整个DOM结构加载,JS处理DOM结构树的同步异步问题。
3.html的dom结构的理解不可忽视,Js可打破DOM结构。
4.掌握jquery,对于快速查找DOM中的节点很方便。
掌握了这些,差不多能把握好全局。至于浏览器兼容问题,这些都是细节问题,接触越多就容易掌握。最近接触了一个比较复杂的案例就是焦点图片浏览器,循环播放,按触发浏览,左右按钮触发浏览,图片提示层,图片等比缩放研究,ul跟div的在各浏览器下的适应问题,发了不少功夫研究。太多的问题要想,最后还是基本解决了。这里极力推荐火狐浏览器做调试-firebug,真心强大方便。很多问题都是通过他发现的。 尤其细节问题,很多样式写出来你根本就发现不了在浏览器里面的猫腻,通过这些调试工具,让你一目了然。因为公司用谷歌测试少,其实我也很喜欢谷歌的,表示很肯定,调试js很方便。火狐调试缓存很麻烦,要经常清理,这点在开发中很不好,如果在正常浏览网页当然无可厚非,希望能弄出个无缓存环境,这样调试就更方便了,IE除了兼容是个大问题,速度也是一个大问题,真心不喜欢。微软什么时候能注重浏览器产品的体验再说,以上就是现在对浏览器的一些评价,这些都是从开发角度来讲,个人用于网页浏览还是看习惯问题。掌握了浏览器利弊,我们才能做到游刃有余,虽然前端很辛苦,但是乐趣还是有的,当然不是说解决各种兼容问题的乐趣,这些只能说是前端的可悲之处,是做前端的人不愿意看到的结果,又无法避免要面对的问题。前端的乐趣在于创造具有视觉美感的效果,这才是前端最大的乐趣。要做到这点,必须要有钻研精神,要追根问底,弄清楚各个疑难点。这样前端的功力才能得到提升。其次就是对各种插件的使用,用的好,能大大提升效果。多浏览一些优秀站点,并试着去做一些效果,动手能力很重要,希望致力于前端的狮子们,能找到自己的乐趣。
到有一定功力的时候,大家可以去学习其他优秀js框架,比如twitter的bootstrap,雅虎的yui,以及淘宝正在开发的js库kissy,学习html5,css3的3d效果。都很有乐趣,让你进阶为一个大师,哈哈,共勉吧。
前面我觉得:
1.布局,定位是css2的难点,各浏览器下透明的问题,还有width和height在IE和非IE中的理解。
2.js的同步异步加载需要理解,基于整个DOM结构加载,JS处理DOM结构树的同步异步问题。
3.html的dom结构的理解不可忽视,Js可打破DOM结构。
4.掌握jquery,对于快速查找DOM中的节点很方便。
掌握了这些,差不多能把握好全局。至于浏览器兼容问题,这些都是细节问题,接触越多就容易掌握。最近接触了一个比较复杂的案例就是焦点图片浏览器,循环播放,按触发浏览,左右按钮触发浏览,图片提示层,图片等比缩放研究,ul跟div的在各浏览器下的适应问题,发了不少功夫研究。太多的问题要想,最后还是基本解决了。这里极力推荐火狐浏览器做调试-firebug,真心强大方便。很多问题都是通过他发现的。 尤其细节问题,很多样式写出来你根本就发现不了在浏览器里面的猫腻,通过这些调试工具,让你一目了然。因为公司用谷歌测试少,其实我也很喜欢谷歌的,表示很肯定,调试js很方便。火狐调试缓存很麻烦,要经常清理,这点在开发中很不好,如果在正常浏览网页当然无可厚非,希望能弄出个无缓存环境,这样调试就更方便了,IE除了兼容是个大问题,速度也是一个大问题,真心不喜欢。微软什么时候能注重浏览器产品的体验再说,以上就是现在对浏览器的一些评价,这些都是从开发角度来讲,个人用于网页浏览还是看习惯问题。掌握了浏览器利弊,我们才能做到游刃有余,虽然前端很辛苦,但是乐趣还是有的,当然不是说解决各种兼容问题的乐趣,这些只能说是前端的可悲之处,是做前端的人不愿意看到的结果,又无法避免要面对的问题。前端的乐趣在于创造具有视觉美感的效果,这才是前端最大的乐趣。要做到这点,必须要有钻研精神,要追根问底,弄清楚各个疑难点。这样前端的功力才能得到提升。其次就是对各种插件的使用,用的好,能大大提升效果。多浏览一些优秀站点,并试着去做一些效果,动手能力很重要,希望致力于前端的狮子们,能找到自己的乐趣。
到有一定功力的时候,大家可以去学习其他优秀js框架,比如twitter的bootstrap,雅虎的yui,以及淘宝正在开发的js库kissy,学习html5,css3的3d效果。都很有乐趣,让你进阶为一个大师,哈哈,共勉吧。
相关文章推荐
- Dojo前端开发框架与jQuery前端开发框架,对比分析总结
- Java后台开发总结,以及前端javascript日期转化
- 投票系统开发总结struts2,jfreechart,cookie应用,以及前端技术
- 前端开发中常用工具函数总结
- 前端开发面试总结系列一
- Android开发中常见的内存泄露案例以及解决方法总结
- 移动平台前端开发总结(针对iphone,Android等手机)
- 前端开发时经常会被浏览器缓存搞得头大,apache设置一下就好了
- C#知识点总结系列:1、C#中Hashtable、Dictionary详解以及写入和读取对比
- 前端开发框架对比
- 前端开发的模块化和组件化的定义,以及两者的关系?
- Web前端开发之浏览器兼容问题
- 前端开发总结--之关于FusionSphere WEBUI的想法
- 前端页面开发几点小知识点总结
- 前端面试题总结 HTTP\浏览器篇 (一)
- 前端开发-功能小片与经验总结
- WEB前端开发人员须知的常见浏览器兼容问题及解决技巧
- 前端开发薪资之各地区对比(图文分析)
- Webpack+Vue+ES6 前端组件化开发mobile-multi-page应用实战总结和踩坑
- <开发总结>苹果ios 系统,使用自带浏览器safari,输入正确图形验证码一直报错!