前端
关注
分享
扫一扫
无名之辈2018
这个作者很懒，什么都没留下…
展开
-
网页抓取：PHP实现网页爬虫方式小结
抓取某一个网页中的内容，需要对DOM树进行解析，找到指定节点后，再抓取我们需要的内容，过程有点繁琐。LZ总结了几种常用的、易于实现的网页抓取方式，如果熟悉JQuery选择器，这几种框架会相当简单。 一...转载 2019-09-18 18:18:58 · 217 阅读 · 0 评论 -
js模版引擎handlebars.js实用教程——目录
阅读本文需要了解基本的Handlebars.js概念，本文并不是Handlebars.js基础教程，而是注重于实际应用，为读者阐述使用过程中可能会遇到的一些问题。 实际上，小菜写...转载 2019-09-18 18:51:46 · 120 阅读 · 0 评论 -
JavaScript Math.random() 函数
JavaScript Math.random() 函数 Math.random() -- 返回0和1之间的伪随机数 可能为0，但总是小于1，[0,1) document.write(Math.rand...转载 2019-09-18 19:11:58 · 787 阅读 · 0 评论 -
自动轮播图，带左右切换
DEMO:http://jsbin.com/acudel/2/edit <script src="http://ajax.googleapis.com/ajax/libs/jquery/...转载 2019-09-18 19:34:12 · 813 阅读 · 0 评论 -
解决IE6/IE7/IE8不支持before,after问题
对从事web开发的朋友来讲，低版本的 IE 永远是一个痛点，不支持最新技术(如css3,html5)。 在现在web开发中使用图标字体已经很广泛，如Font Awesome,Bootstrap等，字体...转载 2019-09-18 19:59:53 · 933 阅读 · 0 评论 -
让IE7 IE8支持CSS3 background-size属性
简介 CSS3 新增的 background-size 是一个很有用的属性，用于定义背景图片的尺寸，有了这个属性，你就可以任意指定背景图片的大小。其中最常用的值应该要数 cover 了，该值能让背景图...转载 2019-09-18 20:26:03 · 200 阅读 · 1 评论 -
更改cmd窗口的路径
开始菜单中运行regedit命令打开注册表 HKEY-CURRENT_USER/Software/Microsoft/Command Processor/, 下新建"字符串值"改成AutoRun...转载 2019-09-18 20:53:00 · 1188 阅读 · 0 评论 -
怎样成长为一个优秀的 Web 前端开发工程师？
What makes a good front end engineer? 原博文地址：http://www.nczonline.net/blog/2007/08/15/what-makes-a-go...转载 2019-09-18 21:20:40 · 90 阅读 · 0 评论 -
使用FileReader对象实现图片上传预览功能
平时做图片上传预览时如果没有特殊的要求就直接先把图片传到后台去，成功之后拿到URL再渲染到页面上，这样做在图片比较小的时候没什么问题，大一点的话就会比较慢才能看到预览了，而且还产生了垃圾文件，所以比较...转载 2019-09-18 21:39:57 · 143 阅读 · 0 评论 -
HTML5离线缓存（Application Cache） 技术的应用
HTML5离线缓存又名Application Cache，是从浏览器的缓存中分出来的一块缓存区，要想在这个缓存中保存数据，可以使用一个描述文件（manifest file），列出要下载和缓存的资源。 ...转载 2019-09-18 22:10:26 · 334 阅读 · 0 评论 -
HTML5中逆天的本地数据库操作
虽然Html5已经提供了功能强大的localStorage和sessionStorage，但是他们两个都只能提供存储简单数据结构的数据，对于复杂的Web应用的数据却无能为力。逆天的是Html5提供了一...转载 2019-09-18 22:37:18 · 189 阅读 · 0 评论 -
Html5中的本地存储设计理念
Web应用的发展，使得客户端存储使用得也越来越多，而实现客户端存储的方式则是多种多样。最简单而且兼容性最佳的方案是Cookie，但是作为真正的客户端存储，Cookie则存在很多致命伤。此外，在IE6及...转载 2019-09-18 23:13:13 · 252 阅读 · 0 评论 -
HTML5 LocalStorage 本地存储原理详解
说到Web开发中的本地存储，大家最先想到的应该就是Cookies这玩意了，最早的Cookies自然是大家都知道，问题主要就是太小，大概也就4KB的样子，而且IE6只支持每个域名20个cookies，太...转载 2019-09-19 11:03:23 · 1467 阅读 · 0 评论 -
深入解析HTML5 离线功能
HTML5 离线功能介绍 HTML5 是目前正在讨论的新一代 HTML 标准，它代表了现在 Web 领域的最新发展方向。在 HTML5 标准中，加入了新的多样的内容描述标签，直接支持表单验证、视频音频...转载 2019-09-19 11:16:29 · 397 阅读 · 0 评论 -
Html5中的localStorage
Web Storage基本介绍 HTML5 定义了本地存储规范 Web Storage ， 提供了两种存储类型 API sessionStorage 和 localStorage，二者的差异主要是数...转载 2019-09-19 11:20:22 · 965 阅读 · 0 评论 -
HTML 5实现手机摇一摇的功能
在百度开发者大会上我介绍过HTML5另外一个重要特性就是DeviceOrientation，它将底层的方向传感器和运动传感器进行了高级封装，提供了DOM事件的支持。这个特性包括两种事件： 1、 dev...转载 2019-09-19 11:48:26 · 187 阅读 · 1 评论 -
Html5开发-常用文本定义(三）
1、bdi - 从周围独立出一段文本，用于双向文本格式（bdi 是 bi-directional isolate 的缩写） element/text/bdi.html <!doctype html>...转载 2019-09-19 14:06:58 · 512 阅读 · 0 评论 -
html5开发-文本框和密码框标签的使用
1、text - 文本框 element/form/input/text.html <!doctype html> <html> <head> <title>text</title> </he...转载 2019-09-19 14:40:06 · 1090 阅读 · 0 评论 -
HTML5开发实例-使用canvas绘制曲线
路径方式绘制 - 曲线 | quadraticCurveTo(), bezierCurveTo() canvas/shape/path/curve.html <!DOCTYPE HTML> <html...转载 2019-09-19 15:05:16 · 263 阅读 · 0 评论 -
HTML 5 - 画布（canvas）之画布平移操作实例
Html5画布操作之平移 | translate() <!DOCTYPE HTML> <html> <head> <title>平移</title> </head> <body> <c...转载 2019-09-19 15:36:14 · 1420 阅读 · 0 评论 -
画布（canvas）效果之-填充色, 笔划色, 颜色值
示例 <!DOCTYPE HTML> <html> <head> <title>填充色, 笔划色, 颜色值</title> </head> <body> <canvas id="can...转载 2019-09-19 16:00:48 · 1529 阅读 · 0 评论 -
html5 用canvas标签绘制时钟
最近一直在学习html5，学到了html5的canvas标签，这个画布真的是很强大，它有对应的javascript的api的支持，你可以在这个标签里面绘制任意的图形，你也可以把图片放在里面，能够做出很...转载 2019-09-19 17:10:54 · 212 阅读 · 0 评论 -
如何写出高效简介的CSS代码
在参与规模庞大、历时漫长且参与人数众多的项目时，所有开发者遵守如下规则极为重要： 保持 CSS 易于维护 保持代码清晰易懂 保持 CSS 的可拓展性 为了实现这一目标，我们要采用诸多方法。 本文档第一...转载 2019-09-20 14:24:48 · 129 阅读 · 0 评论 -
用纯CSS实现常用浮出层的写法
贴上HTML： <div class="poptip"> <span class="poptip-arrow poptip-arrow-top"><em>◆</em><i>◆</i></...转载 2019-09-20 14:56:19 · 254 阅读 · 0 评论 -
CSS3之背景属性(background-size)
CSS3 背景 CSS3 包含多个新的背景属性，它们提供了对背景更强大的控制。 在本章，您将学到以下背景属性： background-size background-origin 您也将学到如何使...转载 2019-09-20 15:33:15 · 433 阅读 · 0 评论 -
Jquery结合CSS实现简单的二级菜单
下拉菜单实现很简单，纯css也能实现，但是我不擅长，用jquery也就两行代码。于是博客就用jquery+css实现简单二级下拉菜单导航。 第一步：确定导航的html格式 <ul id="nav"> ...转载 2019-09-20 17:01:01 · 225 阅读 · 0 评论 -
CSS设置滚动条样式
浏览器默认的滚动条样子太过屌丝了，得自己动手整整。记得IE浏览器有几个设置滚条的样式，不过比较鸡肋，只能设置颜色之类的，而且webkit下面也不支持。无意间看到网易邮箱的滚动条样子很好看，一开始以为是...转载 2019-09-20 17:22:29 · 176 阅读 · 0 评论 -
让网站灵敏轻便的6个技巧
在网站或软件的策划和设计过程中，我们经常听到这样的讨论：“这个功能设计得太重了”又或“我们希望能够处理得轻一些”。似乎轻设计是时下炙手可热的话题，也是方兴未艾的Web2.0大浪下设计师们的最爱（看看那...转载 2019-09-20 17:42:48 · 112 阅读 · 0 评论 -
CSS设置垂直居中的几种方法
前端实现页面垂直居中的几种思路： 一、利用 position 和负边距 利用绝对定位，让元素的顶部与居中线对齐，再让元素上移 50% 的高度。这个应该不难理解。原理可以用下图来做一个可视化说明：\ C...转载 2019-09-20 18:01:08 · 251 阅读 · 0 评论 -
8个在网页设计中即将被淘汰的趋势
时代一直在变，一个又一个的创新让我们感到惊讶万分。网页设计的趋势如同流星，光芒耀眼，但来得快、去得也快。虽然跟风很不好，显得毫无设计主见，但很多设计潮流确实值得追随。就像当下响应式设计、扁平化设计、以...转载 2019-09-20 18:26:53 · 220 阅读 · 0 评论 -
吹毛求疵：CSS中border:none与border:0的用法区别
本人总结，border:none;与border:0;的区别体现主要有两点：一是理论上的性能差异二是浏览器兼容性的差异。 性能差异 border:0;把border设为"0"像素虽然在页面上看不见...转载 2019-09-20 18:52:16 · 294 阅读 · 0 评论 -
Bootstrap框架中弹出窗（modal）遇到的一些问题
今天就在使用Bootstrap框架中遇到的一个问题分享一下，在产品开发的过程中使用了大量的弹出窗（modal）。 刚开始学习使用的过程中就发现此窗口不能垂直居中，总是偏上，并且不能拖动，看了一下使用...转载 2019-09-20 19:10:30 · 922 阅读 · 0 评论 -
Bootstrap中的条纹表格效果
条纹表格 通过添加 .table-striped class，您将在 <tbody> 内的行上看到条纹，如下面的实例所示： 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 1...转载 2019-09-20 19:53:20 · 655 阅读 · 0 评论 -
Bootstrap插件学习-（carousel.js）
Carouselcarousel.js A slideshow component for cycling through elements, like a carousel.Nested car...转载 2019-09-20 20:12:20 · 653 阅读 · 1 评论 -
bootstrap中的标签页(tabs)
Togglable tabstab.js Example tabs Add quick, dynamic tab functionality to transition through pane...转载 2019-09-20 20:40:58 · 1369 阅读 · 0 评论 -
在Bootstrap中如何设置按钮的可用和禁用状态
激活状态 当按钮处于激活状态时，其表现为被按压下去（底色更深、边框夜色更深、向内投射阴影）。对于 <button>元素，是通过 :active状态实现的。对于 <a>元素，是通过 ....转载 2019-09-20 20:59:39 · 4262 阅读 · 3 评论 -
Bootstrap中的文本框的使用
输入框 包括大部分表单控件、文本输入域控件，还支持所有 HTML5 类型的输入控件： text、 password、 datetime、 datetime-local、 date、 month、 ...转载 2019-09-20 21:30:58 · 4030 阅读 · 0 评论 -
Bootstrap的表格排版实现方式
栅格系统 Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。它包含了易于使用的预定义类，还有强大的mixin...转载 2019-09-20 22:07:07 · 684 阅读 · 0 评论 -
为什么 Javascript 经常被黑？
这个问题是知乎上有人邀我回答的，感觉挺有意思的，所以发出来大家讨论下 1. 语言自身问题 Javascript 之父在花 10 天设计出来的，再牛逼的人，10 天设计出来的肯定会有很多设计不合理的东西...转载 2019-09-20 22:37:20 · 168 阅读 · 0 评论 -
使用masonry插件做瀑布流效果div出现叠层的问题
最近在使用masonry插件做网页的瀑布流排列效果，当一次加载的图片比较多时会出现div叠在一起的问题，这种问题有谁遇到过吗？该怎么解决？ 加载图片比较少时，基本正常,效果如下： 但是，当加载的图片比...转载 2019-09-20 22:57:28 · 1369 阅读 · 1 评论