dancing_burry-CSDN博客

原创 setInterval循环问题？？？？

出错原因：一些新版本的浏览器的 setTimeout和setInterval的确做过优化。就是tab进入后台后，定时器会在一段时间后停止工作。其实这个机制对普通的定时动画效果的影响是极小的，因为tab激活后定时器还会再次激活。对于只是定时，而对时间敏感度不高的应用来说（动画，切换）等，中断再执行没有任何影响。但是我上面这段代码的目的是为了定时触发click事件，所以tab切换也不能中断。暂时还没有好的解决方案。

2016-12-21 09:15:16 1188

转载 transform rotate获取方法

如果你曾想通过下面这条语获取transform的值$(objName).css('transform'); 很遗憾，获取到的是如下一个矩阵matrix(a,b,c,d,e,f) 看到这个矩阵，很多人都懵了，但是真想获取rotate的角度怎么办，以下几种方法1、js的Math方法/* * 解析matrix矩阵，0°-360°，返回旋转角度 * 当a=b||-a

2016-12-20 23:50:56 3444

转载解决fullPage.js中每屏未铺满的方法

转自： https://zzliux.cn/article/55前言用fullPage写某首页的时候准备使用一个动画特效，原先把要进入的内容放在可视区域之外，然后在载入完成后通过js把定位进来，然而只要写了定位在可视区域之外就会有一小段空白，如下图转机之前找好久没发现是什么原因，绝望之际准备关机明天再看的时候，在浏览百度的东西的时候发现了这个东西

2016-12-20 21:55:35 3949

原创 js多个库冲突的解决办法

当一个项目中引入多个第三方库的时候，由于没有命名空间的约束（命名空间就好比同一个目录下的文件夹一样，名字相同就会产生冲突），库与库之间发生冲突在所难免。那么，既然有冲突的问题，为什么要使用多个库呢？原因是jQuery 只不过是DOM 操作为主的库，方便我们日常Web 开发。但有时，我们的项目有更多特殊的功能需要引入其他的库，比如用户界面UI 方面的库，游戏引擎方面的库等等一系列

2016-12-17 22:59:17 2190 1

原创 IE9 测试过程中遇到的问题

问题：页面中的img 未设置border属性，在chrome、Firefox、IE11中均正常渲染，但用IETester时在IE9中却出现了2px的边框，解决：为img添加 border:none;

2016-12-17 17:52:20 421

转载正则表达式

转载自：《JavaScript欲速则不达—正则表达式》| html5jscss正则表达式是一个威力巨大的处理字符串的工具，能够高效、神奇得完成对字符串的操作。相比较简单的字符串比较、查找、替换，正则表达式提供了更加强大的处理能力。正则表达式的价值就在于，不用正则来解决问题会让人疯掉，但是用了之后“纠结”的问题已不再是问题了。而且因为正则表达式用的不是一个固化的、具体的字符串来匹

2016-12-17 16:30:41 1059

原创 jPlayer插件的使用

最近，又双叒叕做了一个页面（好吧，其实还是之前的那个），里面用到了一个叫做 jPlayer插件的东西。用法贴出，具体可以看官网DEMO Demo : jPlayer as a video player//<![CDATA[$(document).ready(function(){ $("#jquery_jplayer_1").jPlayer({ re

2016-12-17 16:14:48 2193

原创焦点轮播图插件的开发（超级简陋版，待完善）

前言项目才是最大的驱动力！最近又做一个页面，里面出现了大量的轮播图，如果一个一个写的话，那js工作量简直不敢想。个人比较懒，就自己试着封装了一个超级简陋的插件（只能用来控制DOM的行为，各元素的css样式还是需要在css内定义）。开发过程参考了慕课网——js实现旋转木马中插件的结构。代码如下：创建此插件采用的方式：组合使用构造函数和原型模式（js红宝书p159）;(

2016-12-17 15:19:51 254

原创 iconfont字体图标的使用

前言：在做一张页面时，需要用到许多图标，学习了阿里巴巴iconfont图标的使用，总结如下。（只是关于使用方面，至于图标的制作和上传可以参照官网）1、首先在Iconfont-阿里巴巴矢量图标库上面将自己需要的图标点击购物车按钮添加进购物车。2、选择“下载到本地”，得到一个压缩包，解压后里面有几个字体文档和demo 和css样式文档。3、打开dem

2016-12-17 14:03:19 582

转载 Meta标签详解

转自：二十四画生的Blog引言　　您的个人网站即使做得再精彩，在“浩瀚如海”的网络空间中，也如一叶扁舟不易为人发现，如何推广个人网站，人们首先想到的方法无外乎以下几种：　　　　●　在搜索引擎中登录自己的个人网站　　　　●　在知名网站加入你个人网站的链接　　●　在论坛中发帖子宣传你的个人网站　　很多人却忽视了HTML标签META的强大功

2016-12-17 13:47:55 207

原创 fullpage.js 插件的使用

前言：在制作个人简历的时候，用到了 fullpage.js 插件，现在总结一下。简介fullPage.js 是一个基于jQuery的全屏滚动插件，它能够很方便、很轻松的制作出全屏网站主要功能支持鼠标滚动支持前进后退和键盘控制多个回调函数支持手机、平板触摸事件支持 CSS3 动画支持窗口缩放窗口缩放时自动调整可设置滚动宽度、背景颜色、滚动速度、循环

2016-12-08 22:21:51 556

转载 JavaScript核心原理（一）执行环境、执行环境栈、变量对象、活动对象

前言之前在阅读《Javascript高级程序设计》「4.2执行环境及作用域的」时候，对相关的概念理解得并不是非常的透彻，只是懂了大概的意思。后来在看到「闭包」这一节时书中再一次提到了相关的概念，并且这些是充分理解闭包的必要背景知识，于是这一次我不能再略读了，必须彻彻底底地弄明白。啃了两天的相关文章、资料后，算是有一个比较清晰的认识了，现在记录下来，希望可以帮到同样对相关概念不熟

2016-12-08 20:22:09 3465

原创《JavaScript高级程序设计》笔记——chapter13 事件

本章内容：理解事件流使用事件处理程序不同的事件类型一、事件流事件，就是文档或浏览窗口发生的一些特定的交互瞬间JavaScript与HTML 之间的交互是通过事件实现的。事件流，描述的是从页面上接收事件的顺序。（IE的事件流是事件冒泡流，而Netscape的事件流是事件捕获流）事件冒泡（event bubbling）,即事件开始时由最具体的元素（文档中

2016-12-08 20:20:19 312

转载《JavaScript高级程序设计》笔记——正则表达式

如果说这是一篇关于正则表达式的小结，我更愿意把它当做一个手册。RegExp 三大方法本文的RegExp采用直接量语法表示：/pattern/attributes。attributes有三个选择，i、m和g，m（多行匹配）不常用直接省略，所以一个pattern（匹配模式）可以表示如下：var pattern = /hello/ig;i（ignore）表示不区分大小写（地

2016-12-08 20:17:10 595

原创《JavaScript高级程序设计》笔记——chapter5 引用类型（Object/Array）

前言前面在第三章基本概念一节稍微提及了引用类型的概念，在第四章详细介绍了基本数据类型与引用类型作为变量时的不同。本章将详细介绍ECMAScript的原生引用类型。首先复习下基本类型值与引用类型值的特点：基本类型值在内存中占据固定大小的空间，因此被保存在栈内存中从一个变量向另一个变量复制基本类型的值，会创建这个值的一个副本引用类型的值是对象，保存在堆内存中；包含引用类型值的变量确实是

2016-12-08 20:11:07 367

原创《JavaScript高级程序设计》笔记——chapter4 变量的执行环境及作用域

Javascript 这门语言与其他的大部分语言相比，有很多特殊性，这是很多人喜欢它或者讨厌它的原因。其中变量的作用域问题，对很多初学者来说就是一个又一个「坑」。变量的作用域在编程技能中算是一个基本概念，而在 Javascript 中，这一基本概念往往挑战者初学者的常识。基本的变量作用域先上例子：var scope = 'global';function che

2016-12-08 20:10:24 289

原创《JavaScript高级程序设计》笔记——chapter4 变量

前言本章内容是充分理解闭包的必要背景知识，但是书中讲解不太清楚（特别是函数传参这一部分）。从网上找了些讲解如下，需要每个字都要反复阅读，直至完全理解透彻。ECMAScript包含两个不同类型的值：原始数据类型值 ——primitive type ，比如Undifined、Null、Boolean、Number 和String。引用类型值—— 也就是对象类型 Ob

2016-12-08 19:49:20 285

原创《JavaScript高级程序设计》笔记——chapter3 基本概念

ECMA-262通过叫做ECMAScript的“伪语言”为我们描述了所有的基本概念：语法关键字和保留字变量数据类型操作符语句函数3.1 语法ECMAScript 的语法大量借鉴了C及其他类C语言（如Java 和 Perl）的语法3.1.1 区分大小写 ECMAScript中的一切（变量、函数名和操作符）都区分大小写。

2016-12-08 16:48:22 343

原创《JavaScript高级程序设计》笔记——chapter3 操作符

3.5 操作符3.5.1 一元操作符 ——只能操作一个值1、递增和递减前置型——先+ - 再求值前增（++a）前减（--a）var a = 29;var b = --a + 2;alert(a); //输出28alert(b); //输出30后置型——先求值再 + -后增（a++）后减

2016-12-08 16:47:39 235

原创《JavaScript高级程序设计》笔记——chapter3 流程语句

语句ECMA-262规定了一组语句（也称为流控制语句）。从本质上看，语句定义了ECMAScript中的主要语法，语句通常使用一或多个关键字来完成给定任务。语句可以很简单，例如通知函数退出；也可以比较复杂，例如指定重复执行某个命令的次数。1、循环语句 2、选择语句3、跳转语句break语句----立即退出整个循环，强

2016-12-08 16:46:44 271

原创《JavaScript 高程》笔记——chapter1/2 简介

JavaScript是一种专为网页交互而设计的脚本语言，由下列三个不同的部分组成：核心（ECMAScript），由ECMA-262定义，提供核心语言功能；文档对象模型（DOM），提供访问和操作网页内容的方法和接口；浏览器对象模型（BOM），提供与浏览器交互的方法和接口。1、ECMAScript规定了这门语言的下列组成部分：语法类型

2016-12-08 16:42:21 269

转载 CSS 定位详解

当在这一个页面上实现布局和定位有几种不同的技术。使用哪种技术，很大程序上取决于内容和目标页面，因为有很多技术比别人的更牛。例如，浮动可以让页面元素并排显示，而且还可以制作一个干净的布局。然而，有时候需要一些严格的定位，这时需要使用其他的技术，包括“relative”和“absolute”定位。在这节课中，我们先来介绍一下浮动的使用，接下来详细介绍定位的技巧，包括如何准确的给元素在X

2016-12-08 15:06:40 1474

原创【代码】单用float 实现三列布局

三列自适应 *{ margin: 0; padding: 0; } header, footer { height: 50px; background: #00ffff; }

2016-12-08 14:56:17 936

转载圣杯布局与双飞翼布局

圣杯布局与双飞翼布局圣杯布局与双飞翼布局的共同点三栏布局；主要内容写在前面，最先载入，但布局位于非最前两侧定宽，分别位于中间主体两侧（外），中间流式（自动宽度）布局原理三栏全部采用浮动（float: left）；HTML内容出现顺序：main、left、right，要求首先载入主体（重要）内容，然后加载侧边栏；（左）负边距（margin-left）超过元

2016-12-08 14:17:48 284

转载盒子模型之margin重叠深度分析

文章来源：http://blog.csdn.net/flyokzt/article/details/46454655你对CSS的margin边界叠加的概念是否了解，这里和大家分享一下，当一个元素出现在另一个元素上面时，第一个元素的底边界与第二个元素的顶边界发生叠加。CSS的margin边界叠加深度剖析边界叠加简介边界叠加是一个相当简单的概念。但是，在实践中对

2016-12-08 14:11:49 3934

转载 css 代码规范

1 前言CSS 作为网页样式的描述语言，一直有着广泛的应用。本文档的目标是使 CSS 代码风格保持一致，容易被理解和被维护。虽然本文档是针对 CSS 设计的，但是在使用各种 CSS 的预编译器(如 less、sass、stylus 等)时，适用的部分也应尽量遵循本文档的约定。2 代码风格2.1 文件[建议] CSS 文件使用无 BOM 的 UTF-8 编码。

2016-12-08 13:49:53 285

转载 HTML 代码规范

1 前言HTML 作为描述网页结构的超文本标记语言，一直有着广泛的应用。本文档的目标是使 HTML 代码风格保持一致，容易被理解和被维护。2 代码风格2.1 缩进与换行[强制] 使用 4 个空格做为一个缩进层级，不允许使用 2 个空格或 tab 字符。示例：ul> li>firstli> li>secondli>ul>

2016-12-08 13:46:40 325

转载 HTML 元素分类概述

基础元素基础元素是HTML文档的根基。基础元素在每一个网页的源代码里都能见到，位置在文档首行doctype 声明的下方。doctype 表明了该页面正在使用哪种版本的 (X)HTML。包含网页内容的元素是放置在开始标签和关闭标签之间的。元素也被称之为根元素。元素描述HTML 元素(或者说 HTML 根元素)代

2016-12-08 13:23:58 647

原创【代码】完美运动框架

//运动框架（完美版）//获取非行间样式function getStyle(obj, name) { if(obj.currentStyle) { return obj.currentStyle[name]; } else { return getComputedStyle(obj,false)[name]; }}// star

2016-12-07 23:39:22 299

dancing_burry的博客