前端开发部分总结[兼容性、DOM操作、跨域等](持续更新)


Posted in Javascript onMarch 04, 2010

项目背景:.Net 3.5+MySQL+jQuery+WebService
在公司做这个项目已经6个多月了,总结一些问题,也算是抛砖引玉吧,希望园子里更多的朋友一起分享一些技巧。
1、 WebService方法返回值不能为void。
当WebService方法返回值为void时,FF和Chrome会持续等待,认为这个请求没有结束,而在IE中一切是正常的。
2、当input的type="button"时或者使用button时,点击后会触发form的submit。
当时查找页面刷新的问题找了很久,最后才发现是button会自动触发form的submit,导致当前页面的刷新。
3、js设置document.domain只能从二级域名设置到顶级域名。
比如访问moozi.cnblogs.com,可以在这个页面中写document.domain='cnblogs.com';如果把域设置为cnblogs.com之后,无法再使用document.domain='moozi.cnblogs.com';。
4、使用DOM片段创建iframe,当跨域时,不能用js写iframe的域。
比如你在moozi.cnblogs.com/test.html页面用js把域设置为document.domain='cnblogs.com',而此时你再用var ifrm=createElement('iframe') ,这时将不能用js设置iframe的域也为'cnblogs.com',只能让ifrm.src='test2.htm',并在test2.htm中设置域document.domain='cnblogs.com'。
5、当你修改过当前域的时候,CKEditor是正常的,而tinyMCE需要重新设置域。
CKEditor能自动识别当前域,并不出错。tinyMCE需要人为的设置。同时,如果你是用CKFinder上传文件,而需要修改它的输入代码,不然会因为域不同而出现没有权限的错误提示。
6、使用tinyMCE,尽管你的初始化代码只有一句,但是可能出现多次初如化。发生原因未知,在不确定的情况下会出现此BUG。
7、开发js组件的时候,要时刻注意闭包和this的指代,这方面之前吃了不少亏。
8、将字符串转换成jQuery对象时,要注意字符串html代码的闭合标签。
比如:var html='<span>test</span> 'var jqEl=$(html);此时,jqEl会把html里的' '丢掉。
9、jQuery1.2.6和jQuery1.3在细节的处理上有一些区别。
jQuery1.2.6处理hasClass('.className')会出错,而jQuery1.3不会。
10、尽量少用jQuery的each,多用js原生的代码,性能较高。

Javascript 相关文章推荐
javascript 去字符串空格终极版(支持utf8)
Nov 14 Javascript
javascript showModalDialog模态对话框使用说明
Dec 31 Javascript
面向对象的Javascript之一(初识Javascript)
Jan 20 Javascript
JQuery 使用attr方法实现下拉列表选中
Oct 13 Javascript
js使用DOM操作实现简单留言板的方法
Apr 10 Javascript
如何在JS中实现相互转换XML和JSON
Jul 19 Javascript
BootStrap Datetimepicker 汉化的实现代码
Feb 10 Javascript
Vue基于NUXT的SSR详解
Oct 24 Javascript
vue 引入公共css文件的简单方法(推荐)
Jan 20 Javascript
JavaScript链式调用实例浅析
Dec 19 Javascript
Vue实现 点击显示再点击隐藏效果(点击页面空白区域也隐藏效果)
Jan 16 Javascript
vue界面发送表情的实现代码
Sep 11 Javascript
jquery与google map api结合使用 控件,监听器
Mar 04 #Javascript
jquery 打开窗口返回值实现代码
Mar 04 #Javascript
jQuery入门知识简介
Mar 04 #Javascript
jQuery 获取URL参数的插件
Mar 04 #Javascript
老鱼 浅谈javascript面向对象编程
Mar 04 #Javascript
javascript实现的像java、c#之类的sleep暂停的函数代码
Mar 04 #Javascript
ExtJs之带图片的下拉列表框插件
Mar 04 #Javascript
You might like
PHP队列用法实例
2014/11/05 PHP
php+ajax实时刷新简单实例
2015/02/25 PHP
php实现网站文件批量压缩下载功能
2015/10/28 PHP
微信公众号开发之文本消息自动回复php代码
2016/08/08 PHP
扩展jQuery 键盘事件的几个基本方法
2009/10/30 Javascript
JavaScript 轻松搞定快捷留言功能 只需一行代码
2010/04/01 Javascript
JavaScript 弹出窗体点击按钮返回选择数据的实现
2010/04/01 Javascript
浅析Js(Jquery)中,字符串与JSON格式互相转换的示例(直接运行实例)
2013/07/09 Javascript
jquery css 设置table的奇偶行背景色示例
2014/06/03 Javascript
jQuery获取动态生成的元素示例
2014/06/15 Javascript
JS正则表达式比较常见用法
2016/01/26 Javascript
gameboy网页闯关游戏(riddle webgame)--仿微信聊天的前端页面设计和难点
2016/02/21 Javascript
AngularJS 避繁就简的路由
2016/07/01 Javascript
JavaScript学习笔记整理_用于模式匹配的String方法
2016/09/19 Javascript
js实现京东轮播图效果
2017/06/30 Javascript
JS+canvas实现的五子棋游戏【人机大战版】
2017/07/19 Javascript
Vue SSR 组件加载问题
2018/05/02 Javascript
从零开始实现Vue简单的Toast插件
2018/12/03 Javascript
koa+mongoose实现简单增删改查接口的示例代码
2019/05/13 Javascript
在vue中使用eslint,配合vscode的操作
2020/11/09 Javascript
基于Python列表解析(列表推导式)
2018/06/23 Python
分享Python切分字符串的一个不错方法
2018/12/14 Python
python五子棋游戏的设计与实现
2019/06/18 Python
python3射线法判断点是否在多边形内
2019/06/28 Python
python tkinter图形界面代码统计工具
2019/09/18 Python
python爬虫模块URL管理器模块用法解析
2020/02/03 Python
使用Python实现牛顿法求极值
2020/02/10 Python
matlab 计算灰度图像的一阶矩,二阶矩,三阶矩实例
2020/04/22 Python
Python基于Serializer实现字段验证及序列化
2020/11/04 Python
html5使用canvas画空心圆与实心圆
2014/12/15 HTML / CSS
瑰珀翠美国官网:Crabtree & Evelyn美国
2016/11/29 全球购物
Dogeared官网:在美国手工制作的珠宝
2019/08/24 全球购物
在C中是否有模拟继承等面向对象程序设计特性的好方法
2012/05/22 面试题
护士自荐信
2013/10/25 职场文书
《特殊的葬礼》教学反思
2014/04/27 职场文书
村干部四风问题整改措施
2014/09/30 职场文书