08 2016 档案
摘要：Bootstrap3 是移动设备优先的原则开发的。 1.没有正确调用远程地址即只要是IE9以下，就调用两个专门的js<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --><!--[if lt
阅读全文
摘要：push(args)可以每次压入多个元素，并返回更新后的数组长度。 var oldArr=[1,2,3]; alert(oldArr.push(4,[5,6]))–>5(这里只会将[5,6]当做一个元素来计算,返回更新后的数组长度5) 此时oldArr–>[1,2,3,4,[5,6]] pop()函
阅读全文
摘要：想让bootstrap3兼容ie8，需要将html5shiv.js、respond.js还有bootstrap的所有css、js文件都放在本地服务器空间，不能用CDN。 bootstrap所有css、js资源文件都要从同一个域名访问才能实现兼容ie8。 当然，如果不考虑兼容ie8的话就可以使用cdn
阅读全文
摘要：var href = window.location.href.split('/')[window.location.href.split('/').length-1].substr(0,20); if(href.length > 0){ $(function(){ $("ul.nav a[href
阅读全文
摘要：<style> ul { width: 145px; margin: 0 auto; list-style: none; font-size: 30px;background-color: #ffe184;} li{padding:10px; background-color: #ff4d52; }
阅读全文
摘要：在IE6-8中完全是不支持CSS3 Media Queries的。那么为了让IE6-8支持，我们就很有必要的在IE9以下的浏览器中加上media-queries.js或者respond.js脚本： <!--[if lt IE 9]> <script src="html5shiv.min.js"></
阅读全文
摘要：（一）场景 在拉京东城市选择的基础数据时候，遇到被服务器拒绝的情况，也就是ajax跨域问题 （二）json和jsonp 说的直白一点，在我们做ajax异步的一些功能的时候，一定会或多或少的遇到两个问题，（1、数据的交换。2、跨域问题） JSONP的最基本的原理是：动态添加一个<script>标签，而
阅读全文
摘要：static css images 不同的页面可以新建不同的图片文件夹（可选） js libs 前端类库 plugs 插件 views 自己写的代码文件 sass/less libs 前端类库 plugs 插件 layout 模板文件 static css images script tools r
阅读全文
摘要：语法 用两个空格来代替制表符（tab） -- 这是唯一能保证在所有环境下获得一致展现的方法。 为选择器分组时，将单独的选择器单独放在一行。 为了代码的易读性，在每个声明块的左花括号前添加一个空格。 声明块的右花括号应当单独成行。 每条声明语句的 : 后应该插入一个空格。 为了获得更准确的错误报告，每
阅读全文
摘要：不管有多少人共同参与同一项目，一定要确保每一行代码都像是同一个人编写的。 语法 用两个空格来代替制表符（tab） -- 这是唯一能保证在所有环境下获得一致展现的方法。 嵌套元素应当缩进一次（即两个空格）。 对于属性的定义，确保全部使用双引号，绝不要使用单引号。 不要在自闭合（self-closing
阅读全文
摘要：BS和CS的区别以及优缺点 C/S又称Client/Server或客户/服务器模式。服务器通常采用高性能的PC、工作站或小型机，并采用大型数据库系统，如Oracle、Sybase、Informix或 SQL Server。客户端需要安装专用的客户端软件。 B/S是Brower/Server的缩写，客
阅读全文
摘要：/** * Trims a entire array recursivly. * * @author Jonas John * @version 0.2 * @link http://www.jonasjohn.de/snippets/php/trim-array.htm * @param arra
阅读全文
摘要：网站页面源代码中的css文件和js文件后面带一个问号，后面跟着一连串数字或字符,问号起不到实际作用，仅能当作后缀，如果用问号加参数的方法，可以添加版本号等信息 它的作用有：1、作为版本号，让自己方便记忆、查找；2、作为修改标签，让浏览器重新下载新文件。 新浪、facebook上用到的： http:/
阅读全文
摘要：jQuery对象转成DOM对象： 两种转换方式将一个jQuery对象转换成DOM对象：[index]和.get(index); (1)jQuery对象是一个数据对象，可以通过[index]的方法，来得到相应的DOM对象。 如：var $v =$("#v") ; //jQuery对象 var v=$v
阅读全文
摘要：解决办法是： 在C:\Windows\System32目录下新建文本文档，文件内容为： @echo off dir 另存为“ls.bat” 类型为所有文件，编码ANSI 可使用dir 或者ls都可以 经常切换于Windows与Linux之间的用户可能都面临一个问题——二者的一些命令是不同的，有时候很
阅读全文
摘要：最近我写了一些关于如何将各种形式的多媒体格式相互转换的文章，特别是GIF动图方面的，比如如何将小视频转换成GIF动图或将GIF动图转换成视频，有很多像ImageMagick，ffmpeg这样的工具帮助我们完成这样的任务，但是这两个工具输出的GIF动图有一个问题，就是没有对图片进行优化，至少输出的GI
阅读全文
摘要：OptiPNG – Google推荐的png图片无损压缩工具下载及使用教程 2014年08月24日 实用软件 暂无评论 optipng png图片无损压缩工具介绍： optipng png图片无损压缩工局可以让图片更加的简化，缩小图片的容量，从而增加网络的传输速度。同时也是谷歌推荐的png图片压缩工
阅读全文
摘要：说到jpegtran相信很多人都比较陌生，网上相关的资料也很少。 jpegtran可以让图片更加的简化，缩小图片的容量，从而增加网络的传输速度。说在多你也不信，下面就让事实证明。 首先下载 jpegtran 下载地址为 http://jpegclub.org/jpegtran.exe 下载下来无需直
阅读全文
摘要：本文假设你之前没有用过任何任务脚本（task runner）和命令行工具，一步步教你上手Gulp。不要怕，它其实很简单，我会分为五步向你介绍gulp并帮助你完成一些惊人的事情。那就直接开始吧。 第一步：安装Node 首先，最基本也最重要的是，我们需要搭建node环境。访问 http://nodejs
阅读全文
摘要：很多与数组有关的任务听起来很简单,但实际情况并不总是如此,而开发人员在很多时候也用不到他。最近我碰到了这样一个需求: 将一个元素插入到现有数组的特定索引处。听起来很容易和常见,但需要一点时间来研究它。 // 原来的数组 var array = ["one", "two", "four"]; // s
阅读全文
摘要：<body> <div> sort()对数组排序，不开辟新的内存，对原有数组元素进行调换 </div> <div id="showBox"> 1、简单数组简单排序 <script type="text/javascript"> var arrSimple=new Array(1,8,7,6); ar
阅读全文
摘要：WEB前端|js数组排序reverse()和sort()方法的使用，数组中已经存在两个可以直接用来重排序的方法：reverse()和sort()。 reverse()方法会对反转数组项的顺序。 var values = [1, 2, 3, 4, 5]; values.reverse(); alert
阅读全文
摘要：jquery 中有2个重要的API是和插件编写相关的. jQuery.extend(object) 即 $.extend(object) 这个函数是用来扩展 jQuery 本身, 也就是扩展 "$" 的. jQuery.fn.extend(object) 即 $.fn.extend(object)
阅读全文
摘要：在调试JavaScript程序时，有时需要dump某些对象的详细信息。通过手工编写JavaScript代码可以完成这一工作：针对对象的属性进行循环，将循环到的每一个属性值打印出来；可见，这一过程是比较繁琐的。在具备调试工具的浏览器上，这一工作可以通过console.dir()语句来方便的完成。 co
阅读全文
摘要：Math.random() [ 0 , 1 ) Math.floor(Math.random()*10) [ 0 , 9 ] (Math.floor(Math.random()*10)+1)*10 [ 10 , 100 ]
阅读全文
摘要：transition 属性是一个简写属性，用于设置四个过渡属性： transition-property transition-duration transition-timing-function transition-delay transition-property是用来指定当元素其中一个属性
阅读全文
摘要：http://www.css88.com/tool/css3Preview/Transform.html transform的含义是：改变，使…变形；转换 transform的属性包括：rotate() / skew() / scale() / translate(,) ，分别还有x、y之分，比如：
阅读全文
摘要：background-color:transparent;就是把背景色设置为透明。 实际上background默认的颜色就是透明的属性。所以写和不写都是一样的 span{ width: 0; height: 0; display: inline-block; } border-top: 60px s
阅读全文
摘要：white-space,text-overflow,overflow overflow: hidden;text-overflow:ellipsis;white-space: nowrap; -webkit-line-clamp 用来限制在一个块元素显示的文本的行数。 为了实现该效果，它需要组合其他
阅读全文
摘要：Firefox 4+、Chrome 以及 Safari 不支持 resize。 resize 属性规定是否可由用户调整元素的尺寸。 none用户无法调整元素的尺寸。 both用户可调整元素的高度和宽度。 horizontal用户可调整元素的宽度。 vertical用户可调整元素的高度。
阅读全文
摘要：很多前端都是用.clearfix:after{ .....} 和 .clearit{....}的组合 来清除浮动， 下面我来讲解下这俩种的用法： 首先大家切页面经常用到浮动 float:left; float:right; 有浮动就需要清除他们， after伪类由于受到ie6 7的不支持所以大多数时
阅读全文
摘要：第一种情况：先加载Prototype，再加载jQuery方法一：jQuery 库和它的所有插件都是在jQuery名字空间内的，包括全局变量也是保存在jQuery 名字空间内的。 使用jQuery.noConflict();主要作用是在任何时候，只要在jQuery加载后就可以调用，将$符号的使用权返回
阅读全文
摘要：（1）web标准规范要求，书写标签必须闭合、标签小写、不乱嵌套，可提高搜索机器人对网页内容的搜索几率。 SEO（2）建议使用外链css和js脚本，从而达到结构与行为、结构与表现的分离，提高页面的渲染速度，能更快地显示页面的内容。（3）样式与标签的分离，更合理的语义化标签，使内容能被更多的用户所访问、
阅读全文
摘要：1. JavaScript Minifier It is a nice looking tool with an API to minify your js code. 2. JSMIni If you want to minify your JavaScript or jQuery files q
阅读全文
摘要：这次做一个H5的页面，需要用到上拉加载，下拉刷新的功能，在网上看到ximen写的dropload.js可以满足需求（此处致谢作者），但是用的时候还是踩了一些坑，这里记录下来备忘。一些小问题：1. me.noData(); 和 me.noData(true); 表示当前无数据，也就是会在下方出现 （暂
阅读全文
摘要：display:inline和display:block区别 一、什么是双边距Bug？ 先来看图： 我们要让绿色盒模型在蓝色盒模型之内向左浮动，并且距蓝色盒模型左侧100像素。这个例子很常见，比如在网页布局中，侧边栏靠左侧内容栏浮动，并且要留出内容栏的宽度。要实现这样的效果，我们给绿色盒模型应用以下
阅读全文
摘要：字符串、数字、布尔、数组、对象、Null、Undefined JavaScript 拥有动态类型 JavaScript 拥有动态类型。这意味着相同的变量可用作不同的类型： 实例 JavaScript 字符串 字符串是存储字符（比如 "Bill Gates"）的变量。 字符串可以是引号中的任意文本。您
阅读全文
摘要：important > 内联 > ID > 类 > 标签 | 伪类 | 属性选择 > 伪对象 > 继承 > 通配符 1、行内样式，指的是html文档中定义的style 行内样式包含在你的html中 对你的元素产生直接作用，比如: 2、ID选择器 Id也是元素的一种标识，比如#div 3、类，属性选择
阅读全文
摘要：1. get是从服务器上获取数据，post是向服务器传送数据。2. get是把参数数据队列加到提交表单的ACTION属性所指的URL中，值和表单内各个字段一一对应，在URL中可以看到。post是通过HTTP post机制，将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属
阅读全文
摘要：学习 JQuery 插件开发之后, 可以将自己平时常用的功能封装成插件, 便于在不同的项目之间使用. JQuery 官网上的 插件开发教程就很不错, 简单易懂. jquery 中有2个重要的API是和插件编写相关的. 这2个API都是为了将自己编写的功能以插件的形式加入到 jquery 中. 但是含
阅读全文
摘要：作者: Addy Osmani 来源: CSDN 发布时间: 2013-01-10 14:15 阅读: 7952 次 推荐: 15 原文链接 [收藏] 英文原文：Writing Fast, Memory-Efficient JavaScript Addy Osmani是谷歌公司Chrome团队中的一
阅读全文
摘要：如今的JavaScript技术界里最火热的一项技术应该是‘事件委托(event delegation)’了。使用事件委托技术能让你避免对特定的每个节点添加事件监听器；相反，事件监听器是被添加到它们的父元素上。事件监听器会分析从子元素冒泡上来的事件，找到是哪个子元素的事件。基本概念非常简单，但仍有很多
阅读全文
摘要：HTML 5 提供了一些新的元素和属性，反映典型的现代用法网站。其中有些是技术上类似 <div> 和 <span> 标签，但有一定含义，例如 <nav>（网站导航块）和 <footer>。这种标签将有利于搜索引擎的索引整理、小屏幕装置和视障人士使用。同时为其他浏览要素提供了新的功能，通过一个标准接口
阅读全文
摘要：由于CSS5标准还未完全订下来，所以各种内核的浏览器都有自己的标准，为了不使属性混淆，所以各家在各自标准前加了一个前缀， 如：-moz- firefox火狐 -ms- IE浏览器 -webikt- chrome谷歌 -o- 欧朋 box-shadow(阴影效果) border-colors(为边框设
阅读全文
摘要：display:box;box-flex是css3新添加的盒子模型属性，它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、水平均分、按比例划分。 目前box-flex属性还没有得到firefox、Opera、chrome浏览器的完全支持，但可以使用它们的私
阅读全文
摘要：前言：刚刚接触css3的盒模型，感觉对于解决水平垂直居中、固定宽度/高度和可变宽度/高度同时存在这样的问题很有效。但是最近在看一个腾讯手机端框架（Frozen UI ）的时候发现一个很神奇的多行文字截断的样式，感觉：我靠，怎么那么神奇，如下图 框了一下它的css，如下图： 我一看这貌似是盒模型的用法
阅读全文
摘要：作者： 阮一峰 日期： 2010年3月15日 随着浏览器的升级，CSS3已经可以投入实际应用了。 但是，不同的浏览器有不同的CSS3实现，兼容性是一个大问题。上周的YDN介绍了CSS3 Please网站，该网站总结了一些常用功能的写法。 以下就是这些写法的详细介绍。所有代码都经过了Firefox 3
阅读全文
摘要：border-radius实现圆角效果 view sourceprint? 1.1 CSS3代码： 2.2 3.3 -webkit-border-radius:10px; 4.4 -moz-border-radius:10px; 5.5 border-radius:10px; 6.6 margin:
阅读全文
摘要：Android2.3的overflow问题 在android2.3及以下系统版本的浏览器不支持overflow：scroll / auto，即在页面元素里面的内容如果超过了父元素或祖先元素的高度是无法滚动的，可以通过css3的transform来实现滚动，代表作：iscroll。 Android2.
阅读全文
摘要：原文链接：http://caibaojian.com/flexbox-guide.html原文链接：http://caibaojian.com/flexbox-guide.html 来自CSS Tricks上的一个教程，原文为：A Complete Guide to Flexbox。文中详细的介绍了
阅读全文
摘要：通过《JavaScript权威指南》及网上相关资料了解到，JavaScript有“预解析”行为。理解这一特性是很重要的，不然在实际开发中你可能会遇到很多无从解析的问题，甚至导致程序bug的存在。为了解析这一现象，也作为自己的一次学习总结，本文逐步引导你来认识JavaScript“预解析”，如果我的见
阅读全文
摘要：.faq a { outline: none; star: expression(this.hideFocus=true); } 其实IE有提供隐藏该虚线框的正经办法。上边的CSS表达式中是js的语法，html中该这样写 <br><a href="#" hideFocus>链接</a><br> 注意
阅读全文
摘要：作者：程志达链接：https://zhuanlan.zhihu.com/p/19570424来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 PNG(Portable Network Graphics) 是一种大家经常使用的位图格式。 PNG 的特点 位图 支持半透明
阅读全文
摘要：大体 减少服务器请求数 1. 将多个JS/CSS文件进行合并 2. 图片不需要经常改动时，可使用CSS sprite 3. 如果仅单个页面使用某JS/CSS文件，可以直接将文件内容放于html页面中（若多个页面共用相同的JS/CSS文件，则不应要这么做，而应利用好浏览器的缓存功能） 加快资源访问速度 1. CDN 减小文件大小 1. 将图片适当压缩（e.g. TinyPN...
阅读全文
摘要：基本上for in用于大部分常见的由key-value对构成的对象上以遍历对象内容。 但是for in在遍历数组对象时并不方便，这时候用for of会很方便。
阅读全文
摘要：作者： 阮一峰 日期： 2012年4月 6日 不仅最古老的函数式语言Lisp重获青春，而且新的函数式语言层出不穷，比如Erlang、clojure、Scala、F#等等。目前最当红的Python、Ruby、Javascript，对函数式编程的支持都很强，就连老牌的面向对象的Java、面向过程的PHP
阅读全文
摘要：在使用异步请求时，有时需要将异步请求的结果返回给另一个js函数，此种情况下会出现未等异步请求返回请求结果，该发送请求所在js函数已经执行完后续操作，即已经执行return ，这样会导致return的结果为空字符。 总结：若要在使用ajax请求后处理发送请求返回的结果，最好使用同步请求。 例如：以下例
阅读全文
摘要：通用性良好，适合大多数常规网站，省去了为浏览器兼容性写封装函数的麻烦（1+版本支持IE6、7、8，2+版本支持包括IE9在内的现代浏览器）。 通用性良好意味着特异性不好，所以jQuery并不适合特异性十足的网站，如邮箱网站、网页游戏等。
阅读全文
摘要：var msg = 'String A'; function test() { alert(msg); //undefined var msg = 'String A'; alert(msg); } test(); 以上代码等价于：var msg = 'String A';function test
阅读全文
摘要：justify-content是应用于父容器上来规定子元素在水平方向上的对齐方式的。
阅读全文
摘要：竖直方向上相接触的margin-top/bottom会塌陷，若二者均为正/负值，取其绝对值大者； 若二者中有一为负值，取二者之和； 清楚浮动使用clear:left/right/both，业界常用的.clearfix也是这么做的，只不过是把该样式写进了父元素的:after伪元素中，并加了opacit
阅读全文
摘要：垂直水平居中是日常前端开发当中一个常见的需求，在支持 CSS3 属性的现代浏览器当中，有一个利用 CSS3 属性的垂直水平居中方法： position absolute; :; :; :translate; :translate; :translate; :translate; } 例子传送门（请用
阅读全文
摘要：图片规范： 命名应用小写英文、数字、_组合，便于团队其他成员理解。 页面元素类图片均放入img文件夹,测试用图片放于img/testimg文件夹，psd源图放入img/psdimg文件夹。 图片格式仅限于gif、png、jpg等。 用png图片做图片时,要求图片格式为png-8格式,若png-8实在
阅读全文
摘要：命名规范。 代码格式。 “{}”格式如下。 避免额外的逗号。 for-in循环体中必须用hasOwnProperty方法检查成员是否为自身成员，避免来自原型链上的污染。 长语句可考虑断行。 为了避免和JSLint的检验机制冲突，“.”或“+”这类操作符放在行尾。 如果模块代码中，使用其它全局变量想跳
阅读全文
摘要：为了欺骗W3C的验证工具,可将代码分为两个文件，一个是针对所有浏览器,一个只针对IE。即将所有符合W3C的代码写到一个文件中,而一些IE中必须而又不能通过W3C验证的代码（如:cursor:hand;）放到另一个文件中，再用下面的方法导入。 CSS样式新建或修改尽量遵循以下原则。 CSS属性显示顺序
阅读全文
摘要：为每个HTML页面的第一行添加标准模式（standard mode）的声明，确保在每个浏览器中拥有一致的展现。 文档类型声明统一为HTML5声明类型，编码统一为UTF-8。 <HEAD>中添加信息。 IE支持通过特定<meta>标签来确定绘制当前页面所应该采用的IE版本。除非有强烈的特殊需求，否则最
阅读全文
摘要：通用规范： TAB键用两个空格代替（WINDOWS下TAB键占四个空格，LINUX下TAB键占八个空格）。 CSS样式属性或者JAVASCRIPT代码后加“;”方便压缩工具“断句”。 文件内容编码均统一为UTF-8。 CSS、JAVASCRIPT中的非注释类中文字符须转换成unicode编码使用，以
阅读全文
摘要：你知道我们可以在浏览器中用css开启硬件加速，使GPU (Graphics Processing Unit) 发挥功能，从而提升性能吗？ 现在大多数电脑的显卡都支持硬件加速。鉴于此，我们可以发挥GPU的力量，从而使我们的网站或应用表现的更为流畅。 在桌面端和移动端用CSS开启硬件加速 CSS ani
阅读全文
摘要：Json简介 1. JSON 是什么 JSON，全称是 JavaScript Object Notation，即 JavaScript 对象标记法。 JSON 是一种轻量级（Light-Weight）、基于文本的（Text-Based）、可读的（Human-Readable）格式。 JSON 的名称
阅读全文
摘要：知识体系 1、认识less 2、使用less 3、变量（ variables ） 4、混合 （ mixins ） 5、嵌套规则 （ nested-rules ） 6、运算（operations） 7、函数（functions） 8、命名空间 9、作用域 10、引入（importing） 11、关键字
阅读全文
浙公网安备 33010602011771号