前端开发部分总结[兼容性、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 相关文章推荐
jQuery中filter()和find()的区别深入了解
Sep 25 Javascript
JavaScript参数个数可变的函数举例说明
Oct 10 Javascript
jQuery实现在最后一个元素之前插入新元素的方法
Jul 18 Javascript
jQuery实现下拉框选择图片功能实例
Aug 08 Javascript
jQuery实现公告新闻自动滚屏效果实例代码
Jul 14 Javascript
Angular实现类似博客评论的递归显示及获取回复评论的数据
Nov 06 Javascript
angularjs获取到My97DatePicker选中的值方法
Oct 02 Javascript
Vue-CLI项目中路由传参的方式详解
Sep 01 Javascript
小程序点击图片实现png转jpg
Oct 22 Javascript
vue-cli设置publicPath小记
Apr 14 Javascript
Vue+Bootstrap收藏(点赞)功能逻辑与具体实现
Oct 22 Javascript
原生JavaScript实现换肤
Feb 19 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编写和读取XML的几种方式
2013/01/12 PHP
php与Mysql的一些简单的操作
2015/02/26 PHP
安装docker和docker-compose实例详解
2019/07/30 PHP
关于JavaScript的一些看法
2009/05/27 Javascript
基于node.js的快速开发透明代理
2010/12/25 Javascript
JQuery.closest(),parent(),parents()寻找父结点
2012/02/17 Javascript
JavaScript将数据转换成整数的方法
2014/01/04 Javascript
javascript实现自动填写表单实例简析
2015/12/02 Javascript
微信JS接口大全
2016/08/25 Javascript
Node.js 实现简单小说爬虫实例
2016/11/18 Javascript
完美解决spring websocket自动断开连接再创建引发的问题
2017/03/02 Javascript
Bootstrap实现基于carousel.js框架的轮播图效果
2017/05/02 Javascript
switchery按钮的使用方法
2017/12/18 Javascript
浅谈FastClick 填坑及源码解析
2018/03/02 Javascript
vue自定v-model实现表单数据双向绑定问题
2018/09/03 Javascript
vue.js 2.*项目环境搭建、运行、打包发布的详细步骤
2019/05/01 Javascript
javascript实现贪吃蛇小游戏
2020/07/28 Javascript
小程序实现点击tab切换左右滑动
2020/11/16 Javascript
vue 递归组件的简单使用示例
2021/01/14 Vue.js
python k-近邻算法实例分享
2014/06/11 Python
Python Queue模块详解
2014/11/30 Python
深入理解 Python 中的多线程 新手必看
2016/11/20 Python
Python 字典与字符串的互转实例
2017/01/13 Python
Django 忘记管理员或忘记管理员密码 重设登录密码的方法
2018/05/30 Python
Python龙贝格法求积分实例
2020/02/29 Python
django处理select下拉表单实例(从model到前端到post到form)
2020/03/13 Python
HTML5之SVG 2D入门12—SVG DOM及DOM操作介绍
2013/01/30 HTML / CSS
SQL Server数据库笔试题和答案
2016/02/04 面试题
消防先进事迹材料
2014/02/10 职场文书
建筑公司员工自我鉴定
2014/04/08 职场文书
毕业生求职信
2014/06/10 职场文书
教师考核评语大全
2014/12/31 职场文书
介绍信如何写
2015/01/31 职场文书
放射科岗位职责
2015/02/14 职场文书
教师工作表现自我评价
2015/03/05 职场文书
2015年国税春训心得体会
2015/03/09 职场文书