Clik here to view.
【分享】CSS3制作的哆啦A梦效果
用css3编写的可爱的哆啦A梦来了： CSS3制作的哆啦A梦的源码于下： <!doctype html> <html> <head> <meta charset="utf-8"> <title>CSS3测试-稚子的成长博客</title> <style> body { background: #fff;...
View ArticleJS两个页面出现不同的Cookie及无法清除Cookie的解决办法
今天遇到一个cookie的问题： 域为http://xxx.com/index.htm与http://xxx.com/xxx/a-1.htm 的 cookie相同键，传递参数后出现不同值。搞了半天终于发现问题所在：原来是我关于cookie的基础知识没搞清楚 。。。。 Cookie不仅仅有名字和值两个属性，还有域（domain），过期时间（expires），路径（path）等属性。...
View Article最新webqq密码的加密方式分析过程
授人以鱼，不如授人以渔，今天就分享一个 分析qq加密的过程。 工具：谷歌浏览器自带的的调试工具（在浏览器中按F12呼出） 以下是全过程，历时4个的小时。 提交的时候调用 onFormSubmit function onFormSubmit(form) { if (form.remember_uin.checked){ return ptui_onLoginEx(form, "qq.com")...
View ArticleClik here to view.
在windows系统下配置php扩展Redis功能
1 首先，查看所用php编译版本V6/V9 在phpinfo()中查看 2 将php_redis.dll和php_igbinary.dll放在php扩展目录中（ext），并修改配置文件php.ini 添加 扩展的时候一定要 extension=php_igbinary.dll extension=php_redis.dll 这个顺序 否则重启Apache的时候会出现，PHP startup 错误 3...
View ArticleHTML5 Audio/Video 标签,属性,方法,事件汇总
标签属性： src：音乐的URL preload：预加载 autoplay：自动播放 loop：循环播放 controls：浏览器自带的控制条 Html代码 标签属性： src：视频的URL poster：视频封面，没有播放时显示的图片 preload：预加载 autoplay：自动播放 loop：循环播放 controls：浏览器自带的控制条 width：视频宽度 height：视频高度...
View Articlephp获取数组中重复数据的方法
利用php提供的函数，array_unique和array_diff_assoc来实现 <?php function FetchRepeatMemberInArray($array) { // 获取去掉重复数据的数组 $unique_arr = array_unique ( $array ); // 获取重复数据的数组 $repeat_arr = array_diff_assoc (...
View ArticleClik here to view.
Clik here to view.
利用CSS实现垂直翻转/水平翻转来提高web页面资源重用性
一、CSS下兼容性的元素水平/垂直翻转实现 随着现代浏览器对CSS3的支持愈发完善，对于实现各个浏览器兼容的元素的水平翻转或是垂直翻转效果也就成为了可能。相关的CSS代码如下： /*水平翻转*/ .flipx { -moz-transform:scaleX(-1); -webkit-transform:scaleX(-1); -o-transform:scaleX(-1);...
View Article让IE6、IE7、IE8支持CSS3的圆角、阴影样式
想做个页面用到css3的圆角和阴影效果，但ie浏览器不支持，之前也听说有插件可以实现，周六在网上找到了一个方法，原文如下： 但凡是前端工程师，都知道IE6，IE7，IE8不支持、或者不完全支持CSS3的属性。 CSS3 有很多很强大、绚丽的效果，比如，圆角，阴影，渐变透明，渐变背景，等等。 因为IE6时代，没有什么标准，而因为各种原因，IE6用户几乎不会更新IE版本。...
View Article使用X-UA-Compatible来设置IE浏览器兼容模式
文件兼容性用于定义让IE如何编译你的网页。此文件解释文件兼容性，如何指定你网站的文件兼容性模式以及如何判断一个网页该使用的文件模式。 前言 为了帮助确保你的网页在所有未来的IE版本都有一致的外观，IE8引入了文件兼容性。在IE6中引入一个增设的兼容性模式，文件兼容性使你能够在IE呈现你的网页时选择特定编译模式。...
View Article全世界最短IE判定if(!+[1,])的解释
<script type="text/javascript"> alert([1,2]);//相当于alert([1,2].toString()); --这在IE与非IE上都相同，都会弹出"1,2"...
View Article一段CSS居然让chrome崩溃了
@-webkit-keyframes aaa{ from{ -webkit-filter:opacity(1); } to{ -webkit-filter:opacity(); } } <html> <head> <style> .circle{ width:100px; height:100px; margin:100px auto;...
View Article移动设备wap手机网页html5通过特殊链接：打电话，发短信，发邮件等
在移动浏览器中实现拨打电话，调用sms发短信，发送email等功能，移动手机WEB页面(HTML5)Javascript提供的接口是一个好办法。 采用url href链接的方式，实现在Safari ios，Android 浏览器，webos浏览器，塞班浏览器，IE，Operamini等主流浏览器，进行拨打电话功能。 1. 拨打电话 在电话号码前面可以加上 + （加号）表示国际号码。如：...
View Article47种常见的浏览器兼容性问题大汇总
JavaScript 1. HTML对象获取问题 FireFox：document.getElementById(“idName”); ie:document.idname或者document.getElementById(“idName”). 解决办法：统一使用document.getElementById(“idName”); 2. const问题...
View ArticlejQuery中$.extend()与$.fn.extend()插件的理解
插件开发包括两种：1.类级别的插件开发，即$.extend()扩展jquery对象本身；2.对象级别的插件开发，即$.fn.extend()扩展jquery元素集来提供新的方法。 1.类级别的插件开发(function($){ $.extend({ hello:function(){alert("hello world");}, world:function(){alert(hello...
View ArticleClik here to view.
Modernizr的介绍和使用
传统浏览器目前不会被完全取代，令你难以将最新的 CSS3 或 HTML5 功能嵌入你的网站。 Modernizr 正是为解决这一难题应运而生，作为一个开源的 JavaScript 库，Modernizr 检测浏览器对 CSS3 或 HTML5 功能支持情况。 Modernizr 并非试图添加老版本浏览器不支持的功能，而是令你通过创建可选风格配置修改页面设计。...
View Articletextarea 的 placeholder 如何进行换行?
在 HTML5 placeholder 中，意为占位符。常会在表单中用一些简单的单词进行提示，友好的提示用户录入数据。 在 W3C 中，定义占位符为一个简单的提示（一个词语或一个短语），在帮助用户进行数据录入。若想录入较长的提示，建议在当前操作旁注明提示信息，而不是使用 placeholder。 倘若硬是想在 textarea 标签中使用 placeholder...
View Articlejquery on()方法绑定多个选择器,多个事件
on(events,[selector],[data],fn) •events:一个或多个用空格分隔的事件类型和可选的命名空间，如”click”或”keydown.myPlugin” 。 •selector:一个选择器字符串用于过滤器的触发事件的选择器元素的后代。如果选择器为null或省略，当它到达选定的元素，事件总是触发。 •data:当一个事件被触发时要传递event.data给事件处理函数。...
View ArticleMeta标签技巧:拦截搜索引擎,阻止网页被收录
今天在整理一个项目时，遇到关于单个网页阻止搜索引擎收录的问题，在网上搜索一翻，现在分享出来，希望对大家有所帮助。 使用<meta>标签拦截或删除网页：在网页的 <head> 部分添加适当的 <meta> 标签。 拦截所有搜索引擎把网页收录： <meta name=”robots” content=”noindex, nofollow”>...
View Articlecss禁止html标签被选中的方法
以下CSS样式实现了各浏览器的标签禁止选中功能。moz-user-select: -moz-none; -moz-user-select: none; -o-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select:none;
View Article
