前端开发部分总结[兼容性、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 相关文章推荐
js加解密 脚本解密
Feb 22 Javascript
jQuery 学习6 操纵元素显示效果的函数
Feb 07 Javascript
js string 转 int 注意的问题小结
Aug 15 Javascript
js禁止页面刷新禁止用F5键刷新禁止右键的示例代码
Sep 23 Javascript
JavaScript中的eval()函数使用介绍
Dec 31 Javascript
AngularJS语法详解
Jan 23 Javascript
jQuery图片旋转插件jQueryRotate.js用法实例(附demo下载)
Jan 21 Javascript
关于session和cookie的简单理解
Jun 08 Javascript
完美JQuery图片切换效果的简单实现
Jul 21 Javascript
AngularJS表单验证中级篇(3)
Sep 28 Javascript
基于JavaScript实现的折半查找算法示例
Apr 14 Javascript
AngularJS解决ng-if中的ng-model值无效的问题
Jun 21 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中文分词的简单实现代码分享
2011/07/17 PHP
PHP的Yii框架的常用日志操作总结
2015/12/08 PHP
Symfony2学习笔记之系统路由详解
2016/03/17 PHP
Jquery 1.42 checkbox 全选和反选代码
2010/03/27 Javascript
简介JavaScript中的getUTCFullYear()方法的使用
2015/06/10 Javascript
js限制文本框只能输入中文的方法
2015/08/11 Javascript
JavaScript实现的MD5算法完整实例
2016/02/02 Javascript
JavaScript模拟鼠标右键菜单效果
2020/12/08 Javascript
jQuery绑定事件的几种实现方式
2016/05/09 Javascript
详解AngularJS中ng-src指令的使用
2016/09/07 Javascript
原生JS取代一些JQuery方法的简单实现
2016/09/20 Javascript
jquery 多个radio的click事件实例
2016/12/03 Javascript
AngularJS 在同一个界面启动多个ng-app应用模块详解
2016/12/20 Javascript
JS批量替换内容中关键词为超链接
2017/02/20 Javascript
配置nodejs环境的方法
2017/05/13 NodeJs
vue打包后显示空白正确处理方法
2017/11/01 Javascript
JS实现随机生成10个手机号的方法示例
2018/12/07 Javascript
基于JS抓取某高校附近共享单车位置 使用web方式展示位置变化代码实例
2019/08/27 Javascript
[03:41]2018完美盛典-《Fight With Us》
2018/12/16 DOTA
Python读取txt某几列绘图的方法
2018/10/14 Python
详解numpy的argmax的具体使用
2019/05/27 Python
Win10 安装PyCharm2019.1.1(图文教程)
2019/09/29 Python
Python实现图像的垂直投影示例
2020/01/17 Python
python给图像加上mask,并提取mask区域实例
2020/01/19 Python
Python3 assert断言实现原理解析
2020/03/02 Python
Python统计学一数据的概括性度量详解
2020/03/03 Python
css3中单位px,em,rem,vh,vw,vmin,vmax的区别及浏览器支持情况
2016/12/06 HTML / CSS
HTML5实现直播间评论滚动效果的代码
2020/05/27 HTML / CSS
远程Wi-Fi宠物监控相机:Petcube
2017/04/26 全球购物
爱他美官方海外旗舰店:Aptamil奶粉
2017/12/22 全球购物
世界领先的豪华床上用品供应商之一:Bedeck Home
2019/03/18 全球购物
商务助理岗位职责
2013/11/13 职场文书
临床护理求职信
2014/04/26 职场文书
银行招聘自荐信
2015/03/06 职场文书
《异世界四重奏》剧场版6月10日上映 PV视觉图原创角色发表
2022/03/20 日漫
通过feDisplacementMap和feImage实现水波特效
2022/04/24 HTML / CSS