- 博客(197)
- 资源 (1)
- 收藏
- 关注
RSS订阅转载 js中json操作——函数构造法、eval、JSON.stringify、JSON.parse
函数构造定义法返回var strJSON = "{name:'json name'}";//得到的JSONvar obj = new Function("return" + strJSON)();//转换后的JSON对象alert(obj.name);//json namejs中著名的eval函数var strJSON = "{name:'jso
2016-05-13 13:41:37
384
转载 （PHP）微信公众平台模拟登陆和发送消息详解
(PS:有读者指出那个代码可能在别的服务器上会有问题，他本人提供的修改方案是改掉tempnam这个函数和删掉unlink这部分) 腾讯过于坑爹，看起来叫开放平台，其实有很多限制，为了实现某些功能，本人也只好铤而走险，从此踏上了模拟登陆的不归路，百度了无数的网页，不过由于腾讯的不停调整，那些代码都已经失效了，看过了不少风格迥异的代码，渐渐有了清晰的思路，在这里以微信公众平台
2015-06-19 21:18:03
1273
转载 正则表达式提取html内容
很多时候我们想从一段html中找到需要的。比如有一段htmlCodeCode highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->some dodiv class ="postTitle">a id="homepage1_Home
2015-06-07 21:57:41
5543
转载 利用正则表达式除去html得到纯文本
public static string DelHTML(string Htmlstring)//将HTML去除 { #region //删除脚本 Htmlstring =System.Text.RegularExpressions. Regex.Replace(Htmlst
2015-06-07 21:57:06
2618
转载 PHP正则表达式的快速学习方法
思维导图 点击下图，可以看具体内容！ 介绍 正则表达式，大家在开发中应该是经常用到，现在很多开发语言都有正则表达式的应用，比如javascript，java，.net,php等等，我今天就把我对正则表达式的理解跟大家唠唠，不当之处，请多多指教！ 需要知道的术语——下面的术语你知道多少?
2015-06-07 18:20:48
370
转载 PHP preg_match正则表达式详解
PHP preg_match正则表达式的使用是如何的呢？PHP preg_match正则表达式的规则注意事项是什么呢？那么本文就向你详细介绍相关的内容。AD： 2014WOT全球软件技术峰会北京站 课程视频发布PHP正则表达式规则匹配是什么呢？这就是PHP preg_match正则表达式的使用，那么对于PHP preg_match正则表达式我们需要注意什么呢
2015-06-07 18:20:09
696
转载 纯JS+html5新标签canvas绘制与本地时间同步时针
html lang="en"> head> meta charset="UTF-8"> meta name="Generator" content="EditPlus®"> meta name="Author" content=""> meta name="Keywords" content=""> meta name="Description" content=
2015-06-06 13:37:21
872
转载 CSS3仿GooglePlay菜单
CSS3仿GooglePlay菜单 html>head>中文编码-->meta http-equiv="Content-Type" content="text/html; charset=utf-8" />页面三要素-->title>CSS3仿GooglePlay菜单title>meta name="keywords" content="关键字,关
2015-06-06 13:36:24
531
转载 主流浏览器CSS3和HTML5兼容性详细清单
主流浏览器CSS3和HTML5兼容性详细清单 各大主流浏览器对 CSS3 和 HTML5 的支持越来越完善，曾经让多少前端开发人员心碎的IE系也开始拥抱标准。就在前几天，W3C的 HTML5 社区领袖 Shelley 宣布，HTML5的开发工作已经接近完成，如果进展顺利，HTML5 将在 2012 年正式成为国际标准。 当然，即使标准正式制定了，现代浏览器要普及到大部
2015-06-06 13:33:37
643
转载 我们能用HTML5 Canvas做什么
我们能用HTML5 Canvas做什么 最近在国外问答网站Quora上，许多开发者对于HTML5 Canvas元素的实用性进行了一系列探讨。Canvas非常灵活，能够很好地融合JavaScript代码并在浏览器内绘制华丽的图形。Canvas究竟具体能做些什么？3D3R公司创始人兼CEO Ohad Eder-Pressman的答案十分精彩，我们对其文字进行了翻译和整理，不妨一
2015-06-06 13:27:20
1428
转载 css3常用五种字体效果
css3常用五种字体效果 *{margin:0px;padding:0px;}#content{background:green;height:100%;width:500px;margin:20px auto;border:1px solid green;}ul{list-style-type:none}.fenlei{font-siz
2015-06-06 13:23:39
1104
转载 css3样式绘制腾讯企鹅
css3样式绘制腾讯企鹅绘制腾讯QQ*{margin:0;padding:0;}#qq{ position:relative; margin-left:40%; margin-top:5%; }.head{ position:absolute; width:270px; height:250px; overflow
2015-06-06 13:21:38
443
转载 HTML5古典卡带音乐播放器
HTML5古典卡带音乐播放器 http://fonts.googleapis.com/css?family=Aldrich' rel='s
2015-06-06 13:20:49
575
转载 css3大小单位px、pt、em和rem的区别
css3大小单位px、pt、em和rem的区别 国内的设计师大都喜欢用px，而国外的网站大都喜欢用em和rem，那么三者有什么区别，又各自有什么优劣呢？px ：像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。(引自CSS2.0手册)px 特点：1. IE无法调整那些使用px作为单位的字体大小；2. 国外的大部分网
2015-06-06 13:17:09
558
转载 css3+js实现iphone5s手机桌面效果
css3+js实现iphone5s手机桌面效果 iphone5s手机桌面效果body,div,ul,li{padding: 0; margin: 0; }li{list-style: none; }body {background: #333; }#iphone {width: 900px; height: 600px; backgrou
2015-06-06 13:16:17
1314
转载 服装搭配展示JS特效
服装搭配展示JS特效 Document * {margin:0;padding:0;font-size:12px;list-style:none;border:0;}body{ margin:0px; padding:0px; background-color:#f0f0f0; font-family:Ar
2015-06-06 13:14:31
1493
转载 扁平化-响应式-静态页眉-视差滚动
扁平化-响应式-静态页眉-视差滚动 响应式2013年，HTML5和CSS3飞速发展，加速了响应式设计的发展，“响应式设计”指的是网页根据屏幕的尺寸来加载不同样式，展现不同的信息和样式给用户，真正做到了一套前端代码，多平台使用。从09年走到13年，终于成为了2013年网页设计最火热的趋势。随着移动互联网的发展，这个趋势必然会延续到2014年。很期待它的进一步发展。
2015-06-06 13:14:19
1045
转载 1讲项目实战banner和nav布局
#1讲项目实战banner和nav布局 湖南海外旅游 *{margin:0px;padding:0px;} #Top{width:100%;height:149px;background:url("images/headbg.jpg");}/*背景图片headbg平铺满整个Top盒子*/ #Top .head{width:1000px;he
2015-06-06 13:12:29
1097
转载 2讲项目实战js二级菜单
#2讲项目实战js二级菜单 *{margin:0px;padding:0px;} #Top{width:100%;height:149px;background:url("../images/headbg.jpg");}/*背景图片headbg平铺满整个Top盒子*/ #Top .head{width:1000px;height:30px;margin:0px aut
2015-06-06 13:11:56
706
转载 3讲项目实战js广告轮播器
#3讲项目实战js广告轮播器 *{margin:0px;padding:0px;} #Top{width:100%;height:149px;background:url("../images/headbg.jpg");}/*背景图片headbg平铺满整个Top盒子*/ #Top .head{width:1000px;height:30px;margin:0px auto;
2015-06-06 13:11:24
702
转载 超酷JS拖拽翻页效果
超酷JS拖拽翻页效果 超酷JS拖拽翻页效果body{ border:0px; margin:0px; overflow:hidden; background-color:transparent; font-family:宋体;}.page{ posit
2015-06-06 13:10:49
316
转载 js正则表达式详解
js正则表达式详解 正则表达式由一些普通字符和一些元字符（metacharacters）组成。普通字符包括大小写的字母和数字，而元字符则具有特殊的含义，我们下面会给予解释。 在最简单的情况下，一个正则表达式看上去就是一个普通的查找串。例如，正则表达式"testing"中没有包含任何元字符，它可以匹配"testing"和"123testing"等字符串，但是不能匹配"Tes
2015-06-06 13:09:55
273
转载 CSS 3.0新增属性
CSS 3.0新增属性 CSS 3.0新增属性（Background）1.background-origin ： border | padding | content取值：border:从border区域开始显示背景。padding:从padding区域开始显示背景。content:从content区域开始显示背景。说明：
2015-06-06 13:09:46
1276
转载 4讲项目实战js展示区
#4讲项目实战js展示区 *{margin:0px;padding:0px;} #Top{width:100%;height:149px;background:url("../images/headbg.jpg");}/*背景图片headbg平铺满整个Top盒子*/ #Top .head{width:1000px;height:30px;margin:0px auto;/
2015-06-06 13:09:11
412
转载 CSS基线之道
CSS基线之道 网页设计布局中一直比较流行网格对齐，但只是针对水平的对齐，很少或者没有涉及垂直对齐，这篇文章很详细的讲解了垂直网格，乃至基线对其的相关，而css3中的多列布局的也使其显得更为重要，因此还是很有必要去了解学习，至少也是一种思路。 这或许是因为缺少基线网格的理解和欣赏，更或者是因为基线网格是出了名的难以实现， 迄今为止还没有人拿着蓝图让它成功实现。 有
2015-06-06 13:08:43
471
转载 5讲项目实战js第二区域轮播器及选项卡
#5讲项目实战js第二区域轮播器及选项卡 1.构建一个宽度100% 高度149px 这样一个长方形，为了保证浏览器的兼容，我们加了*｛margin:0px;padding:0px;｝Top样式中的宽度100%也可以不写，因为浏览器已给出默认为100%宽。 2.给个长方形盒子，添加一个背景图片，背景图片默认的会沿着水平方向平铺 3.Top盒子里头部信息的构建 he
2015-06-06 13:08:08
1545
转载 canvas极速3D立体式图片相册切换效果
canvas极速3D立体式图片相册切换效果 极速3D立体式图片相册切换效果 html { overflow:hidden; -ms-touch-action:none; -ms-content-zooming:none;}body { position:absolute; margin:0px; padding:0px;
2015-06-06 13:08:00
3991
7
转载 利用CSS固定背景交替实现视差滚动效果
利用CSS固定背景交替实现视差滚动效果 外部样式表部分*{ margin:0; padding:0;}body{ font-family:"Trebuchet MS", "Myriad Pro", Arial, sans-serif; font-size:14px; background:#222; color:#333; overflow
2015-06-06 13:06:04
2216
转载 html5 调用手机摄像头详解
html5 调用手机摄像头详解 首先，我们看看HTML代码结构，当然，这部分的DOM内容应该是在用户允许使用其摄像头事件出发后，动态加载生成的。 注意： 我们采用的是 640X480的分辨率，如果采用JS动态生成，那么您是可以灵活控制分辨率的。 代码如下: 声明： 此div应该在允许使用webcam，网络摄像头之后动态生成 宽高： 640 *480,
2015-06-06 13:05:56
11478
转载 视差滚动的背后
视差滚动的背后 本文不考虑浏览器兼容性，只讨论原理，有兴趣的同学也可以进行测试。视差滚动/视觉差设计，这些词汇在现在看来是再平常不过了，虽平常，但是其牛X的效果不得不让用户眼前一亮，也让我们这些垒码的不得不思考其中的原理。知识普及：视差滚动说白了就是多个元素以不同的层次堆叠在一起，并随鼠标滚轮滚动而进行位置移动，进而形成立体的运动效果。也可以理解为N个元素堆叠的产物
2015-06-06 13:05:22
465
转载 #6讲项目实战js第三区域响应式菜单
#6讲项目实战js第三区域响应式菜单 1.构建一个宽度100% 高度149px 这样一个长方形，为了保证浏览器的兼容，我们加了*｛margin:0px;padding:0px;｝Top样式中的宽度100%也可以不写，因为浏览器已给出默认为100%宽。 2.给个长方形盒子，添加一个背景图片，背景图片默认的会沿着水平方向平铺 3.Top盒子里头部信息的构建 head里假
2015-06-06 13:05:18
592
转载 7讲项目实战js第三区域响应式菜单<续>
#7讲项目实战js第三区域响应式菜单 1.构建一个宽度100% 高度149px 这样一个长方形，为了保证浏览器的兼容，我们加了*｛margin:0px;padding:0px;｝Top样式中的宽度100%也可以不写，因为浏览器已给出默认为100%宽。 2.给个长方形盒子，添加一个背景图片，背景图片默认的会沿着水平方向平铺 3.Top盒子里头部信息的构建 head里假
2015-06-06 13:03:27
1675
转载 #8讲项目js封装实战第四区域选项卡
#8讲项目js封装实战第四区域选项卡 1.构建一个宽度100% 高度149px 这样一个长方形，为了保证浏览器的兼容，我们加了*｛margin:0px;padding:0px;｝Top样式中的宽度100%也可以不写，因为浏览器已给出默认为100%宽。 2.给个长方形盒子，添加一个背景图片，背景图片默认的会沿着水平方向平铺 3.Top盒子里头部信息的构建 head里假
2015-06-06 13:02:54
2453
转载 JavaScript事件流
JavaScript事件流 HTML和CSS代码支持页面的外观，JavaScript代码支持页面的行为，而JavaScript与HTML之间的交互是通过事件实现的。事件，是文档或者浏览器窗口中发生的一些特定的交互瞬间。我们可以通过事件处理程序来绑定事件，以便事件发生的时候能够执行相应的代码。事件流当浏览器发展到第4代时，浏览器开发团队遇到了一个问题：页面中的哪个
2015-06-06 13:02:35
439
转载 html5指南--1.创建拖拽对象
html5指南--1.创建拖拽对象 本文的内容是关于在html5中如何实现html元素拖拽功能。在html5之前要实现拖拽，需要借助js，现在html5内部就支持了拖拽的功能，但是要实现稍微复杂的功能还是少不了js的帮忙。下面我们看几个例子。 1.创建拖拽对象 我们可以通过draggable属性告诉浏览器，哪些元素需要实现拖拽功能。draggable有三个值
2015-06-06 13:00:35
426
转载 html5指南--3.创建投放区
html5指南--3.创建投放区 我们来看投放区相关的事件：dragenter：当拖拽对象进入投放区时触发；dragover：拖拽对象在投放区内移动时触发；dragleave：拖拽对象没有投放到投放区，离开投放区的时候触发；drop：拖拽对象投放在投放区时触发。 我们来看一个例子： Example #src > *
2015-06-06 12:59:06
240
转载 html5指南--5.拖拽文件
html5指南--5.拖拽文件 html5支持file api，可以让我们操作本地文件。一般我们不直接使用file api，我们可以结合其他特性一起使用，比如结合拖拽特效，如下例： Example body > * { float: left; } #t
2015-06-06 12:58:36
345
转载 jsweb开发桌面系统界面
jsweb开发桌面系统界面 标题 *{margin:0px; padding:0px; list-style-type:none;}body{background:url("images/5.jpg"); }#back{width:730px; position:absolute; top:30px; l
2015-06-06 12:58:34
1417
1
转载 HTML5 canvas绘图制作打击视频玻璃破碎动画效果
HTML5 canvas绘图制作打击视频玻璃破碎动画效果 var video;var copy;var copycanvas;var draw;var TILE_WIDTH = 32;var TILE_HEIGHT = 24;var TILE_CENTER_WIDTH = 16;var TILE_CENTER_HEIGHT = 12
2015-06-06 12:56:38
2183
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人