博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
弹窗demo优化更新(弹窗+拖动+ajax)
阅读量:6356 次
发布时间:2019-06-23

本文共 909 字,大约阅读时间需要 3 分钟。

1、拖动时标题不可选的CSS:

cursor: move;(鼠标指针移动上去的时候,移动的手指标志)  user-select: none;(不可选)

需要兼容各个浏览器前缀的快捷键:-name +Tab,比如-user-select(+Tab)

2、提交功能:用ajax 

(1)尽量减少AJAX请求次数,不当使用AJAX会影响网站性能。用JS判定所填数据正确后再用AJAX,尽量不要在AJAX里面大量判定。 
(2)ajax格式:

$.ajax({      url: oPageUrl.getInfoUrl // 模拟      , type: ‘get’ // 默认为get      , dataType: ‘json’ // .返回json数据      }).done(function(msg) {      // …  });

(3)$.ajax()方法是最低层的Ajax实现

(4)模拟中,code:0表示ajax请求成功

3、tangkuang.js的jQuery优化 

(1)offset().left、offset().right是相对于文档的偏离

(2)bug优化:对于用上offset().left、offset().right出现差值的问题。 

原因分析:CSS和jQuery没有配合上,CSS里面设了margin:30px 0产生干扰,相当于距离上下30px、左右0px,应该在mousemove的时候,margin应该置0。 
而不能提早到mousedown的时候,因为这样鼠标点了还没有移动的时候就会产生偏移。

(3)CSS()中可以没有单位

(4)原生JS的offsetLeft和offsetTop在每个浏览器中的解释有出入

4、indexOf() 

返回指定的子串在另一个字符串中的位置,不存在就是-1,从0开始。

5、实战经验学习:要先和PHP商定好参数

6、+function(){}():使解析器正确的调用定义函数 

(1)+、-最快 
(2)new最慢 
拓展链接:

7、$.Deferred():延迟到未来某个点再执行 

参考链接:

8、定义的jQuery参数尽量加$,标志这是一个对象

转载地址:http://pszma.baihongyu.com/

你可能感兴趣的文章
以自动化测试撬动遗留系统
查看>>
网络安全初创公司存活之道
查看>>
《图解CSS3:核心技术与案例实战》——1.2节浏览器对CSS3的支持状况
查看>>
《Android应用开发》——2.4节应用类
查看>>
继 One Step 后,锤子科技 Big Bang 正式开源
查看>>
《数据科学:R语言实现》——2.5 使用Excel文件
查看>>
《淘宝店铺设计装修一册通》一2.5 抠图工具的简单运用
查看>>
《音乐达人秀:Adobe Audition实战200例》——实例4 收音机音乐节目转录到电脑里...
查看>>
《JavaScript应用程序设计》一一3.1 过时的类继承
查看>>
Amazon 推出 API 网关使用计划
查看>>
互联网流量超出路由器上限 或致全球断网
查看>>
《基于ArcGIS的Python编程秘笈(第2版)》——2.5 限制图层列表
查看>>
GNOME 地图 3.20 加入更多新特性 可用性得到加强
查看>>
《代码整洁之道:程序员的职业素养》导读
查看>>
《计算复杂性:现代方法》——习题
查看>>
Mozilla 释出更新修复中间人攻击漏洞
查看>>
思科表态反对网络中立
查看>>
《HTML5+CSS3网页设计入门必读》——1.5 利用多种Web浏览器执行测试
查看>>
Velocity官方指南-容器
查看>>
国家为何如此重视石墨烯?
查看>>