摘要:
一、Firebug工具简介 firebug是firefox下的一款开发类插件。firebug集html查看和编辑,JavaScript控制台,网络状况监视器于一体,是开发JavaScript,css,html和ajax的得力助手。 YSlow是插件。 二、Firebug应用 1、禁用标签 下拉菜单启 阅读全文
摘要:
一、应用场景 鼠标hover弹出div,并且鼠标离开后不能马上隐藏,因为这个div上还有功能入口。比如: 鼠标经过好友列表中的好友头像时显示资料卡的效果 hover时显示二维码 二、实现 用如下这样一个简单的效果:鼠标hover到A上显示B来模拟 有2种实现方式,推荐第二种,第一种有弊端下面会说。 阅读全文
摘要:
最近做重构,有一个功能是,鼠标点击链接后显示不同样式: 代码如下,样式布局我修改后如下,使用bootstrap框架来做。 现在重点说一下:功能实现。 原来代码是这样实现链接点击样式的,给每个链接不同的class, 然后在page1.html页面定义: 同理在page2.html页面定义: 在page 阅读全文
摘要:
有时候我们需要利用js来动态生成页面上style标签中的css代码,方法很直接,就是直接创建一个style元素,然后设置style元素里面的css代码,最后把它插入到head元素中。 但有些兼容性问题我们需要解决。首先在符合w3c标准的浏览器中我们只需要把要插入的css代码作为一个文本节点插入到st 阅读全文
摘要:
有一个功能需要判断返回顶部按钮是否显示。 JS代码如下: var sTop = document.body.scrollTop; if(sTop>100){ document.getElementById("sm_top").style.display="block"; }else{ documen 阅读全文
摘要:
SASS是一种CSS的开发工具,提供了许多便利的写法,大大节省了设计者的时间,使得CSS的开发,变得简单和可维护。 SASS 官网介绍: sass is the most mature(成熟的),stable(稳定的),and powerful professional grade CSS exte 阅读全文
摘要:
前端自动化流程工具,用来合并文件,压缩等。 Gulp官网 http://gulpjs.com/ Gulp中文网 http://www.gulpjs.com.cn/ Gulp中文文档 https://github.com/lisposter/gulp-docs-zh-cn Gulp插件网 http:/ 阅读全文
摘要:
一、bug描述 下图为正常情况,一个网页主体宽度为1280px。 当缩小浏览器宽度,出现滚动条时,效果如下,右侧出现空白,导致内容显示不全。 二、bug重现和解决 1、代码如下 body中有一个灰色背景的div,div中嵌套一个有固定宽度1280px的p标签。 <!DOCTYPE html> <ht 阅读全文
摘要:
官网地址 http://lesscss.org/ less手册 www.lesscss.net/ bootstrap官网less介绍 http://www.bootcss.com/p/lesscss/ 一、浏览器端环境搭建 github下载地址:https://github.com/less/les 阅读全文
摘要:
官网:http://cubiq.org/iscroll-5 demo: 滚动刷新:http://cubiq.org/dropbox/iscroll4/examples/pull-to-refresh/ 'Carousel' demo iScroll功能很强大,目前我只用来 自定义滚动条 以下简单介绍 阅读全文
摘要:
一、animates.css animate.css是来自dropbox的工程师Daniel Eden开发的一款CSS3的动画效果小类库。包含了60多款不同类型的CSS3动画,包括:晃动,闪动,各种淡出淡出效果,如果你想快速的整合各种CSS3动画特效的话,使用它即可方便的实现。 查看演示: http 阅读全文
摘要:
一、下载 去nodejs下载node.msi安装文件包,里面包含了node.js和npm; 双击node.msi就行了,选择安装路径和npm; 二、设置环境变量 [新版本都不需要设计环境变量了,软件会自动写入环境变量] 计算机(或者我的电脑)右击属性-》高级系统设置-》环境变量。 新建一个用户变量。 阅读全文
摘要:
1、内置了一个webkit内核,所以实时视图与chrome浏览器效果一样。2、DW中主浏览器的快捷键是f12,所以可以f12快速打开浏览器。3、DW中首选项无法恢复到默认值。4、有用首选项5、有用功能:折叠整个标签——排错,没有折叠结束标签时无法折叠,可以排查是否无结束标签。可排错。6、有用功能:折... 阅读全文
摘要:
一、多个按钮绑定同一事件 二、一个按钮绑定多个事件 三、获取和设置的宽度/高度值 height()/ width()获取第一个匹配元素当前计算的的高度/宽度值。 height(val)/ width(val) 为每个匹配元素设置css高度属性/宽度属性值。 四、设置所有匹配元素css样式 css(p 阅读全文
摘要:
net模块提供了一个异步网络包装器,用于TCP网络编程,它包含了创建服务器和客户端的方法。dgram模块用于UDP网络编程。 参考链接:https://nodejs.org/api/net.html, https://nodejs.org/api/dgram.html 一、TCP Server ne 阅读全文
摘要:
http模块主要用于创建http server服务,并且 支持更多特性 不缓冲请求和响应 处理流相关 本文还用到url模块和path模块,还有fs模块。url模块用于解析url,path模块用于处理和转换文件路径。 一、简单应用 代码如下: $ node demo.js运行后,在浏览器可看到Hell 阅读全文
摘要:
fs模块用于对系统文件及目录进行读写操作。 一、同步和异步 使用require('fs')载入fs模块,模块中所有方法都有同步和异步两种形式。 异步方法中回调函数的第一个参数总是留给异常参数(exception),如果方法成功完成,该参数为null或undefined。 异步写法demo:有一个回调 阅读全文