摘要: FQ不易,仅供学习。原文地址https://developers.google.com/web/tools/chrome-devtools/#open Chrome 开发者工具是一套内置于Google Chrome中的Web开发和调试工具,可用来对网站进行迭代、调试和分析。 打开Chrome 开发者阅读全文
posted @ 2017-11-29 16:09 恩恩先生 阅读(64) 评论(0)  编辑
摘要: 原文: 说明: 本文提到的浏览器均是指Chrome。 “script标签“指的都是普通的不带其他属性的外联javascript。 web性能优化的手段并不是非黑即白的,有些手段过头了反而降低性能,所以在讨论条件和结论的时候,虽然很多条件本身会带来其他细微的负面或正面影响,为了不使论述失去重点,不会扩阅读全文
posted @ 2017-11-29 10:46 恩恩先生 阅读(69) 评论(0)  编辑
摘要: 什么是原型对象? “我们创建的每个函数都有一个prototype(原型)属性,这个属性是一个指针,指向一个对象,而这个对象的用途是包含可以由特定类型的所有实例共享的属性和方法。” --摘自人民邮电出版社出版的Nicholas C.Zakas著的《JavaScript高级程序设计》(第2版) 上面提到阅读全文
posted @ 2017-09-21 10:42 恩恩先生 阅读(90) 评论(0)  编辑
摘要: :hover 伪类经常用于页面的一些鼠标交互、链接点击变化,增强页面的用户体验,但是可以用来改变其他元素样式,可以在不使用JS 的情况下,达到想要的页面效果。 1、hover改变自身的效果: 鼠标悬浮改变样式: HTML CSS 2、hover改变子元素的样式 HTML CSS hover直接可以批阅读全文
posted @ 2017-08-25 17:37 恩恩先生 阅读(405) 评论(0) 编辑
摘要: 1、最近在逛网站的时候,想找一下喜欢的鼠标悬浮效果,避免广告的嫌疑,直接放图了: 2、在实现的时候,如果在直接使用鼠标hover ,transform,进行过渡,不能达到想要的效果,因为同时只能触发一张图片的动画效果,鼠标一旦离开了图层,就会回到原始位置。 也就是说,要实现这样的效果,需要鼠标放在某阅读全文
posted @ 2017-08-24 14:03 恩恩先生 阅读(911) 评论(6) 编辑
摘要: css的2d转换十分强大,能够在不使用js的情况下,实现页面的元素与用户之间更多动态的交互,增强用户体验。其中使用最多的就是hover伪类。 1、创建一个页面的div元素: 2、css中给定元素的样式: 3、浏览器解析的效果: 4、给第一个正方形加入鼠标点击后的效果css: 效果: 鼠标移动到正方形阅读全文
posted @ 2017-08-12 11:51 恩恩先生 阅读(528) 评论(0) 编辑
摘要: CSS中2D转换的形式是这样的: 其中transform(是transform 不是transfrom)定义元素的2D或者3D转换; 2D转换的函数一共分为五大类: translate() 定义位移的函数;其中后面的参数分别是相对x轴,y轴的偏移的距离,单位为像素,形式:translate(30px阅读全文
posted @ 2017-08-11 10:58 恩恩先生 阅读(352) 评论(0) 编辑
摘要: 一般来说,服务器是可以托管多个网站的,只要服务器开启虚拟主机的功能,原理是根据来源的host进行判断,不同的域名实现不同的文件访问,这样就可以实现一个服务器托管不同网站了,只要服务器的性能和带宽足够强大,理论可以托管的网站无上限。 但是如果在本地怎样实现开启虚拟主机呢?因为本地是使用localhos阅读全文
posted @ 2017-08-09 18:04 恩恩先生 阅读(339) 评论(0) 编辑
摘要: 经常看见css的后代选择器是这样的写法: div.class 和 .class div 的形式两者的区别: div.class 是选中的类名为class 的div元素,与直接使用类选择器.class不同,因为可能有其他的元素使用了class类名,比如<p class=""></p>,就不会被div.阅读全文
posted @ 2017-08-08 14:35 恩恩先生 阅读(325) 评论(0) 编辑
摘要: CSS选择器用于选择你想要的元素的样式的模式。 "CSS"列表示在CSS版本的属性定义(CSS1,CSS2,或对CSS3)。阅读全文
posted @ 2017-08-08 11:30 恩恩先生 阅读(281) 评论(0)  编辑