随笔记录

--> 2015/6/14 | IE FF与 Chrome 之间对Date对象参数识别的差异性

今天在工作中突然发现chrome 不仅可以识别YY/MM/DD HH:MM:SS格式,还可以识别YY-MM-DD HH:MM:SS 的格式,而IE FF 则只能识别YY/MM/DD HH:MM:SS

代码示例:

1 var date = new Date(‘2015/6/13 17:27:27‘).getTime();
2 // Chrome IE FF 支持
3
4 var date2 = new Date(‘2015-6-13 17:27:27‘).getTime();
5 // Chrome 支持
6 // IE FF 返回 NAN

--> 2015/10/12 | 对象的深拷贝 & IE8 CSS Hack

今天在工作中发现以前没有注意到地方,那就是如果将一个对象通过赋值运算符"="赋值给另一个变量或对象时,那么作为接收值的变量或对象中保存的并不是这个对象的值或数据,而只是保存指向这个对象的this指针而已。
例如:

1 var x = {‘a‘:1}
2 var y = x;  // 变量y中保存的并不是对象x的内容,而是一个this指针,其源头任然是对象x

所以这样,一旦我们对变量y的内容进行了更改,那么作为源头的x对象也将发生变化。如果想让变量y可以保存对象x的内容,并且在更改操作变量y的时候,又不会对对象x进行改变,那么只能对对象进行拷贝了!

1  var copyObject = function(obj){
2      var result = {};
3         for(var x in obj){
4           result[x] = typeof obj==="object" ? copyObject(obj[x]) : obj[x]
5         }
6   return result;
7 }   

最后今天还收获了一个使用排除法来实现IE8的 CSS Hack

首先声明W3C的样式,然后写IE6 - IE10的样式,然后再单独设置 IE6、IE7、IE9、IE10的样式

这样最后剩下的就是IE8了

示例:IE8下字体颜色是红色、其它浏览器是黑色

HTML:

1 <p> Microsoft Internet Explorer 8 </p>

CSS:

1  color:black; /* W3C */
2  color:red\9; /* IE6 - IE10*/
3  *color:black; /* IE6 - IE7*/
4  color:black\9\0; /* IE9 - IE10 */

--> 2016/5/20 | 浏览器调试技巧

01: $0 - 4

在chrome浏览器,F12控制面板,在element选项下,通过鼠标的点选后,在切换到console选项下,输入 $0-4  ,可以输出浏览器缓存的最后五次选择的元素。

02: console.table

  以表格的形式输出数组或对象,但是只能对简单数据格式有很大的作用。

03: monitor 

  监测函数的参数与返回值。
  使用方法:

先在控制台上输入:  monitor(fnName);   // fnName 要监控的函数名称。

然后 fnName(args);  然后去调用在这个函数,即可在控制台上打印相应的信息。

04: $() | $$()

  在谷歌浏览器上可以像JQ一样使用  $(‘selector‘)  来查找DOM元素,
  如果查找DOM元素有多个,可以使用 $$() 方式以nodeList形式返回所有DOM元素。
  需要注意的是:JQ的$() 返回的是一个NodeList 或 HTMLCollection ,而浏览器自带的方法可以返回原生DOM对象。

时间: 2024-10-13 21:03:45

随笔记录的相关文章

关于网上商城开发的随笔记录2

继续前一篇文章关于网上商城开发的随笔记录1,原文地址:http://www.cnblogs.com/zhankui/p/4580414.html 夏天长沙的天气十分闷热,又十分多变,所以忙了一下午,效率不高,只是对文档进行大篇幅的修改,参考大量购物网站,设计出了数据库模型,(看到这里是不是以为我要分享数据库了?不好意思,你又想多了),这里主要是讲用例图,老师说开发的时候客户是看不懂我们的专业术语的(简单来说就是学微软,吧所有的客户当白痴,简单化,当然这是很必要的),所以要让对方知道我们做出来过后

MySQL简单操作随笔记录

create database golden; create table golden.users(usersId int unsigned not null auto_increment primary key,userName char(20) not null,passWord int unsigned not null); create table golden.u like golden.users ; -- 复制表结构insert into golden.u select * fro

关于网上商城开发的随笔记录3

提示一下手机党慎入,多图! 关于网上商城开发的随笔记录1,原文地址:http://www.cnblogs.com/zhankui/p/4580414.html 关于网上商城开发的随笔记录2,原文地址:http://www.cnblogs.com/zhankui/p/4582046.html 因为使用的是oracle的数据库,所以需要新建一个,但是今天突然发现班上很多人都不会,所以,就写一写好了,与人方便,也是自己方便嘛,这个比较简单,但是还是有几点要注意的,请仔细看哦,走你┏ (゜ω゜)=? 桌

开发随笔记录

昨天别人给了同事一个简单的demo,问题是UITableViewController上有内有textfield的cell,在textfield被选中,弹出键盘,界面会自动滚动,就和我们平时做textfield输入时不要被键盘挡住那样的滚动.对方是想要不要这个自动滚动,因为那个demo滚动的位置不对,查了一下,发现不知道什么时候起,UITableViewController自动适配了这个需求,完成不滚动的要求只有两个做法:(1)把UITableViewController换成UIViewContr

【随笔记录】python 处理中文时出现的错误&#39;ascii&#39; codec can&#39;t decode byte 0xe9 in position 0: ordinal not in range(128)&quot; 解决方法

python xml处理中文时出现的错误,记录一下,以免忘记 "UnicodeDecodeError: 'ascii' codec can't decode byte 0xe9 in position 0: ordinal not in range(128)" 解决办法,在该python文件的前面加上如下几句,问题得到解决. import sys default_encoding = 'utf-8' if sys.getdefaultencoding() != default_enco

软件测试技术第一周课堂随笔记录

写在前,这是软件测试技术的课堂随笔,记录了一些在课上所阐述的内容. 一.由于是第一周课,免不了讲起软件测试的定义:什么是软件测试. 软件测试是软件开发过程中的一个重要组成部分,是贯穿整个软件开发生命周期.对软件产品(包括阶段性产品)进行验证和确认的活动过程,其目的是尽快尽早地发现在软件产品中所存在的各种问题——与用户需求.预先定义的不一致性.-----------------百度百科. 个人的理解暂时就是:1.找bug.2.找出需求与实际的差别. 二.软件测试常见测试方法: 从测试是否针对软件结

自己初学时的随笔记录

如果富文本编辑器 jsp....文件可以找到但是就是显示不出来,可能是Controller控制器中@RequestMapping后边没有写路径 ---------------------------------------------------------------------------------------------------------------------------- iframe框架内的页面如果要想不覆盖或者成为一个有机整体,需要在<a></a>连接到的js

【随笔记录】MYSQL ERROR CODE 错误编号的意义

mysql error code(备忘) 1005:创建表失败 1006:创建数据库失败 1007:数据库已存在,创建数据库失败 1008:数据库不存在,删除数据库失败 1009:不能删除数据库文件导致删除数据库失败 1010:不能删除数据目录导致删除数据库失败 1011:删除数据库文件失败 1012:不能读取系统表中的记录 1020:记录已被其他用户修改 1021:硬盘剩余空间不足,请加大硬盘可用空间 1022:关键字重复,更改记录失败 1023:关闭时发生错误 1024:读文件错误 1025

初识html、css时随笔记录

css部分样式 圆框效果:border-radius:5px; 固定样式:position:fixed;悬浮窗在IE6中position:absolute其余浏览器可以用fixed: 使table中的表格横线出现一次:border-collapse:collapse; 使两个td的线消失:cellspaceing="0" cellpadding="0"; input添加图片居中方式:align="absmiddle"; 文本框textarea的宽

[飘着云的天空]java随笔记录

菜鸡学习,验证,两点: 1.调用方法时传入参数为对象,如object ,可以直接set改变原对象.如map,list,可直接可以对进行添加删除. List list =new ArrayList<>(); test(list ); public void   test(list ){ list.add("1"); } 2.遍历list,可以直接对list中的对象进行set操作,不需要取出来单独操作 List<user> list =new ArrayList&l