前端开发小结

一、日期Date

1.1 用字符串创建日期,不同分隔符创建出来时间有差异

差8小时。

1.2 Date.parse(timeStr)、dateObj.valueOf()时间基准是1970 01 01 08:00:00

dateObj.getUTCMilliseconds()、getMilliseconds()时间基准是 1970 01 01 00:00:00

now.getTimezoneOffset()     //-480  (分钟)

1.3 日期对象转换为yyyy-mm-dd字符串形式显示

now.toISOString()    //‘2016-04-01T02:32:41.850Z‘    本地时间 - 时间差 = UTC 时间;使用时需要注意

toLocaleString()  //返回数据形式跟浏览器有关,不可靠。

类型一:

类型二:

结论:最好自己写个函数,进行格式转化。[     getFullYear()      (getMonth() + 1) < 10 ? ‘0‘ + m : m       getDate()      ]

1.4 datetimepicker

未设置format的datetimepicker:

value属性值与datetimepicker的‘setDate’设置的时间及format属性都相关

监听datetimepicker面板日期的点击的函数中,ev.date 有时候会在本地时间的小时基础上,加8个小时(东八区)

var utcDate = ev.date.valueOf() + (ev.date.getTimezoneOffset()*60*1000);

二、状态和事件触发

1. 不同浏览器对 $(‘#selectID‘).attr(‘selected‘,true)支持效果不一致,有的属性修改成功,但是页面显示仍未生效。

.prop(‘selected‘,true) //对于radio、option等具有 true 和 false 两个属性的属性,如 checked, selected,使用prop效果比较好

2. 手动设置显示效果(属性)改变,记得手动触发该状态改变绑定的函数。

3.防止重复点击:

①选中后就禁用:disabled, 修改鼠标指针悬停的效果: style="cursor:default"

②无法在radio的onclick属性中绑定的函数再去判断该按钮上一次是否被选中了。一旦触发,按钮属性已经更改为被选中状态。

哪怕这么写: onclick=“获得被选中radio; doSome(){if(被选中的不是当前radio){……//永远无法执行}}”

三、回调函数

回调函数的参数,是在函数体内部传入的。所以并不存在“显式地给回调函数传参”

1 function say(name){
2     console.log("Hello! I am " + name)
3 }
4
5 function func1(name,callback){
6     callback(name);//给回调函数传参
7 }
8
9 func1(‘luck‘,say);// 直接传入指向函数对象的变量say即可
时间: 2024-10-12 08:31:55

前端开发小结的相关文章

JS前端开发判断是否是手机端并跳转操作(小结)

JS前端开发判断是否是手机端并跳转操作(小结) 这篇文章主要介绍了JS前端开发判断是否是手机端并跳转操作,非常不错,具有参考借鉴价值,需要的朋友可以参考下 常用跳转代码 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 <script type="text/javascript">  // borwserR

Web前端开发推荐阅读书籍、学习课程下载

转自http://www.xuanfengge.com/fe-books.html 前言 学校里没有前端的课程,那如何学习JavaScript,又如何使自己成为一个合格的前端工程师呢? 除了在项目中学习和跟着有经验的同事学习,读书也是必不可少的.书中有着相对完整的知识体系,每读一本好书都会带来一次全面的提高. 而如果深一脚浅一脚的学习,写出代码的质量会参差不齐.初学者的首要任务是成为靠谱的熟练开发者,能够稳定的输出有一定质量的代码. 前端技术发展速度特别快,总是涌现出很多新的东西,需要不断的学习

[读书笔记] Web 前端开发修炼之道

原创地址:http://www.cnblogs.com/bnbqian/p/3735565.html 转载请注明出处 今天我们要读的书是Web 前端开发修炼之道 第1章 从网站重构说起 1.1 糟糕的实现,头疼的维护 曾经, 网页代码很乱. 1.2 Web 标准,结构,样式和行为的分离 分离了. 1.3 前端的现状 人员参差不齐. 小结: 本章相当于引论. 第2章 团队合作 小结: 团队和沟通这个永远是个凑字数的好话题. 第3章 高质量的HTML 3.1 标签的语义 标签是有语义的,除了div

麦子学院-Web前端开发工程师系列培训教程

HTML+CSS基础入门1.课程介绍2.html的语法3.html的基本结构4.html的文档设置标记上(格式标记)5.html的文档设置标记下(文本标记)6.html图像标记img7.html超链接的使用8.html表格相关的标记9.html表格实战<简单的网页布局>10.html框架详解与框架布局实战11.HTML表单设计(上)12.HTML表单设计(下)13.使用CSS样式的方式14.定义CSS样式(CSS选择器)15.CSS常用属性(颜色属性)16.css常用属性(字体相关属性)17.

Web前端开发工程师需要掌握哪些核心技能?

Web前端开发所涉及的内容主要包括W3C标准中的结构.行为和表现,那么这三项中我们需要掌握的核心技能是什么呢? 1.开发语言 HTML发展历史有二十多年,历经多次版本更新,HTML5和CSS3的出现又是一次革新.有些人认为前端开发要掌握的技能简单,不就是制作网页 嘛,其实不然,web前端需要掌握的核心语言xHTML+CSS+JavaScript,JavaScript作为最难的语言之一,许多编程高手也不敢妄 自菲薄自封精通.由于JavaScript与html的差异性,以及静动态分开处理的一些好处.

Web前端开发工程师需要掌握哪些核心技能

Web前端开发所涉及的内容主要包括W3C标准中的结构.行为和表现,那么这三项中我们需要掌握的核心技能是什么呢? 1.开发语言 HTML发展历史有二十多年,历经多次版本更新,HTML5和CSS3的出现又是一次革新.有些人认为前端开发要掌握的技能简单,不就是制作网页 嘛,其实不然,web前端需要掌握的核心语言xHTML+CSS+JavaScript,JavaScript作为最难的语言之一,许多编程高手也不敢妄 自菲薄自封精通.由于JavaScript与html的差异性,以及静动态分开处理的一些好处.

前端开发博客周报 05-22

Nodejs学习搭建http服务器 (5-15) 本节我们正式开始node的学习,首先我们从搭建一个http服务器,能运行简单的程序开始说起.最核心的就是讲解如何搭建一个简单的http服务器,进行数据和图片的提交与处理,在最后稍微讲了下接口的编写. 前端日报汇总 20170520 前端开发日报 (5-21) [持续更新] VueConf 大会现场笔记:前端周刊第 56 期:应接不暇的技术大会:精读入坑 React 前没有人会告诉你的事:原生js小结:使用req对象获取HTTP请求的参数:Vue.

前端开发中的Error以及异常捕获

本文首发于公众号:符合预期的CoyPan 写在前面 在前端项目中,由于JavaScript本身是一个弱类型语言,加上浏览器环境的复杂性,网络问题等等,很容易发生错误.做好网页错误监控,不断优化代码,提高代码健壮性是一项很重要的工作.本文将从Error开始,讲到如何捕获页面中的异常.文章较长,细节较多,请耐心观看. 前端开发中的Error JavaScript中的Error JavaScript中,Error是一个构造函数,通过它创建一个错误对象.当运行时错误产生时,Error的实例对象会被抛出.

7招提升你的前端开发效率

7招提升你的前端开发效率 前言 前端工程师其实是一个工作很杂的职位,除了要负责切图.写html/css/js外,还要解决一系列的浏览器兼容性.网页性能优化等问题,所以提高前端工程师的开发效率是势在必行的,也是前端工程化的体现. 对于开发效率,我个人理解是 开发效率 = 新增代码的效率 + 修改代码的效率 + 维护代码的效率 那么如何提高前端开发效率便可以按照前端工程化的理念来进行划分.下面我就介绍下7个提高前端开发效率的方法. 前端工程化 方法 1.切图 切图是一个前端最基础的技能,一般我们使用