效果截图:
网页打印去掉页眉页脚
效果截图:
CSS美化Select下拉框方法
jQuery实现简单鼠标点击拖拽网页元素
效果截图:
html2canvas - 网页转换为图片之图片清晰度优化
使用方法
第一步:html转为canvas;
第二步:canvas转image。
生成图片的清晰度优化方案
将canvas的属性width和height属性放大为2倍(或者设置为devicePixelRatio倍);
最后将canvas的CSS样式width和height设置为原先1倍的大小。
html2canvas - 网页转换为图片
1、HTML代码
<div id="content">
<div id="header">
<h1>html2canvas - 网页转换为图片</h1>
</div>
<div id="nav">
创建canvas画布<br>
获取文档高宽度<br>
canvas画布放大<br>
设置偏移量<br>
html2canvas插件显示图片及下载<br>
</div>
<div id="section">
<h2>angbike</h2>
<p>
此处省略多少字
</p>
</div>
<div id="footer">
Copyright © W3Schools.com
</div>
</div>
<a href="javascript:;" class="down" download="downImg">图片下载</a>
三种方案解决滚动条隐藏但内容还可以滚动
解决方案一:计算滚动条宽度并隐藏起来。
<div class="container">
<div class="inner-container">
......
</div>
</div>
.container{
width: 360px;
height: 200px;
position: relative;
overflow: hidden;
}
.inner-container{
position: absolute;
left: 0;
top: 0;
right: -17px; //17像素为滚动条宽度
bottom: 0;
overflow-x: hidden;
overflow-y: scroll;
}
CMD命令 - 快捷命令
1. gpedit.msc 组策略
2. sndrec32 录音机
3. Nslookup IP地址侦测器 ,是一个 监测网络中 DNS 服务器是否能正确实现域名解析的命令行工具。 它在 Windows NT/2000/XP 中均可使用 , 但在 Windows 98 中却没有集成这一个工具。
4. explorer 打开资源管理器
5. logoff 注销命令
6. shutdown 60秒倒计时关机命令
7. lusrmgr.msc 本机用户和组
8. services.msc 本地服务设置
9. oobe/msoobe /a 检查XP是否激活
10. notepad 打开记事本
前端开发12个CSS常用技巧 很方便!
1、使用 :not() 在菜单上应用/取消应用边框
先给每一个菜单项添加边框:
.nav li {
border-right: 1px solid #666;
}
然后再除去最后一个元素:
.nav li:last-child {
border-right: none;
}
其实可以直接使用 :not() 伪类来应用元素:
.nav li:not(:last-child) {
border-right: 1px solid #666;
}
这样代码就干净,易读,易于理解了。
当然,如果你的新元素有兄弟元素的话,也可以使用通用的兄弟选择符(~):
.nav li:first-child ~ li {
border-left: 1px solid #666;
}
JS中===和==的区别
== 用于比较、判断两者相等,在比较的时候可以自动转换数据类型。
=== 用于比较判断两者严格相等,不会进行自动转换,要求进行比较的操作数必须类型一致,不一致时返回flase。