告别只是另一种体验-CSDN博客

原创基于 less,sass预处理rem

less//定义一个变量和一个mixin（全局） @fontSizeBase: 75;//基于视觉稿横屏尺寸/100得出的基准font-size .px2rem(@name, @px){ @{name}: @px / @fontSizeBase * 1rem; } //使用示例： .fontsize { .px2rem(fontsize, 750); } //less翻译结果： .fontsize { ...

2021-08-14 13:25:01 133

转载 JS面向对象的程序设计

面向对象的语言有一个标志，即拥有类的概念，抽象实例对象的公共属性与方法，基于类可以创建任意多个实例对象，一般具有封装、继承、多态的特性！但JS中对象与纯面向对象语言中的对象是不同的，ECMA标准定义JS中对象：无序属性的集合，其属性可以包含基本值、对象或者函数。可以简单理解为JS的对象是一组无序的值，其中的属性或方法都有一个名字，根据这个名字可以访问相映射的值（值可以是基本值/对象/方法）。

2016-06-12 11:02:51 328

转载 CSS清浮动处理（Clear与BFC）

在CSS布局中float属性经常会被用到，但使用float属性后会使其在普通流中脱离父容器，让人很苦恼1 浮动带来布局的便利，却也带来了新问题 1 doctype html> 2 html lang="en"> 3 head> 4 meta charset="UTF-8"> 5 title>Clear floattitle> 6 style t

2016-06-01 14:13:11 414

转载跟着9张思维导图学习Javascript

分别归类为：javascript变量 javascript运算符 javascript数组 javascript流程语句 javascript字符串函数 javascript函数基础 javascript基础DOM操作文档对象模型DOM javascript正则表达式能够认真看完就是一次对javascript的回顾与提升，可以很好的检验基础。原文地址：javascript变

2016-06-01 14:09:24 396

原创 grunt使用小记

grunt使用小记之uglify：最全的uglify使用DEMOgrunt-contrib-uglifyuglify是一个文件压缩插件，项目地址：https://github.com/gruntjs/grunt-contrib-uglify本文将以一个DEMO来展示如何使用uglify插件。DEMO环境package.json:{ “name”: “grunt-demo”, “versi

2016-05-28 23:30:10 360

原创 JS- 封装、继承、多态

1 function myfun1(){ 2 //这是私有属性 3 var private1 = “这是私有属性”; 4 var privateMethod = function(){ 5 alert(private1); 6 } 7 //这是实例属性 8 this.publicvar = “这是实例属性”;

2016-05-28 23:28:44 763

原创优化建议解决方案：未设置max-age或expires

网页的缓存是由 HTTP 消息头中的 “Cache-control” 来控制的，常见的取值有 private、no-cache、max-age、must-revalidate 等，默认为private。其作用根据不同的重新浏览方式分为以下几种情况：（1）打开新窗口如果指定cache-control的值为private、no-cache、must-revalidate，那么打开新窗口访问时都会重新访

2016-05-28 23:23:52 3811

原创如何设置max-age或expires来缓存你的站点文件

方法：详情： Cache-control用于控制HTTP缓存（在HTTP/1.0中可能部分没实现，仅仅实现了Pragma: no-cache）数据包中的格式：Cache-Control: cache-directivecache-directive可以为以下：request时用到：| “no-cache” | “no-store” | “max-age” “=” delta-secon

2016-05-28 23:19:24 3920

原创 php获取跳转后的真实链接

php//echo get_redirect_url('http://www.oschina.net/action/project/go?id=1089&p=home');//输出结果为：http://code.google.com/android/function get_redirect_url($url){ $redirect_url = null; $url_p

2014-08-08 11:40:55 5581 1

原创 php 获取301跳转后真实的url

在php采集中经常遇到有URL 301重定向的情况，如果出现了这样的情况，有可能出现造成未知的结果，因为主机名不一样了。我们的采集中主机名不能用301重定向前的URL，要用重定向之后的URL。我在以下PHP的例子中介绍下怎么获取301定向后真实的URL，目前我知道有两种方法1、用get_headers函数；2、用cURL现介绍利用get_headers() 函数获取http

2014-08-08 11:39:25 6364

原创为什么打开某个网站时IE地址栏的兼容性视图总是开启的？

细心的网友可能会发现，在IE9和IE10地址栏的右侧有几个常用操作图标，其中就包含“兼容性视图”图标按钮。当我们浏览某个网站时，如果网页的内容显示不正常，我们则可以点击该按钮开启兼容性浏览模式。这时IE会以IE7模式打开该网页，避免因兼容性导致网页打开不正常的问题。这个操作一般都是由我们主动开启的，但是为什么在浏览某些网站时该模式是自动开启的呢？出现上面的情况，这个会有以下两个可能性：1、网站服务

2014-06-25 10:10:59 2339

原创 js 锚点平滑定位

无标题文档 div.test { width:400px; margin:5px auto; border:1px solid #ccc; } div.test strong { font-size:16px;

2014-06-20 10:14:25 758

原创 js上传图片预览

最近项目中用到的图片上传前预览功能，兼容IE6-9，FF function setImagePreview() { var docObj=document.getElementById("doc"); var imgObjPreview=document.getElementById("previe

2013-09-06 15:27:14 529

原创全屏布局

全屏布局/*全屏布局*/*{ list-style:none; margin:0; padding:0;}html{ height:100%; overflow:hidden;}body{ background:#FCC; height:100%;}.top,.left,.right,.bottom{ background:#000; position:absolute;}.top{

2013-08-19 15:35:23 667

原创验证码函数

//数字function testisNum(object) { var s =document.getElementById(object.id).value; if(s!="")

2013-08-08 16:18:03 512

原创 css3常用属性

CSS样式滤镜方法ilter:alpha(opacity=50); /*IE滤镜，透明度50%*/-moz-opacity:0.5; /*Firefox私有，透明度50%*/opacity:0.5;/*其他，透明度50%*/ CSS背景渐变实例background-image: -moz-linear-gradient(center top , #0496DA 0%, #0

2013-08-08 15:28:30 648