自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(20)
  • 收藏
  • 关注

原创 将json中的数据加载到table和ul中

将json文件中的数据加载到table和ul中,代码如下

2016-09-01 17:17:07 7173

原创 JS中数组Array方法

概述map()方法返回一个由原数组中的每个元素调用一个指定的方法后的返回值组成的新数组。语法array.map(callback[, thisArg])参数callback 原数组中的元素经过该方法后返回一个新的元素。currentValuecallback的第一个参数,数组中当前被传递的元素。indexcallback的第二个参数,数组中当前被传递的元素的索引。arraycallback的

2016-08-31 16:25:48 1428

原创 RegExp

ECMAScript通过RegExp类型来支持正则表达式。形式如下:var expression = / pattern / flags ;patten:可以是任何简单或复杂的正则表达式,可以包含字符类、限定符、分组、向前查找以及反向应用; flags:每个正则表达式都可带有一个或多个flags;三个flags:g:表示全局模式,即模式将应用于所有字符串,而不是在找到第一个匹配项时就立即停止。

2016-07-15 17:17:57 1269

转载 如何判断盒子的containing block

containing block

2016-03-28 22:01:47 413

转载 sublime text 3解放鼠标的快捷键总结

选择类Ctrl+D 选中光标所占的文本,继续操作则会选中下一个相同的文本。Alt+F3 选中文本按下快捷键,即可一次性选择全部的相同文本进行同时编辑。举个栗子:快速选中并更改所有相同的变量名、函数名等。Ctrl+L 选中整行,继续操作则继续选择下一行,效果和Shift+↓ 效果一样。Ctrl+Shift+L 先选中多行,再按下快捷键,会在每行行尾插入光标,即可同时编辑这些行。C

2016-03-25 15:34:34 513

原创 笔记

<div id="box"> <div class="show"> <img src="images/necklace1.jpg" width="350" height="356" /> <span class="sShow"></span> <span class="shade"></span> </div> <div clas

2016-03-23 21:53:59 377

原创 jQuery性能优化

4,对直接的DOM操作进行限制这里的基本思想是在内存中建立你确实想要的东西,然后更新DOM 。 这并不是一个jQuery最佳实践,但必须进行有效的JavaScript操作 。直接的DOM操作速度很慢。例如,你想动态的创建一组列表元素,千万不要这样做,如下所示: var top_100_list = [], // 假设这里是100个独一无二的字符串 $mylist = $("#mylist

2016-03-08 20:56:21 355

转载 Ajax 整体结构

jQuery.Ajax做了那些事?我们知道AJAX的底层实现其实是很简单的.抛开IE不说,标准的w3c直接提供了XMLHttpRequest方法我们主要站在设计的角度理解,如何设计出低耦合高内聚的代码jQuery对Ajax的处理主要体现在对浏览器兼容,数据的处理及过滤,各种事件的封装上主要有以下几部分扩展:提供快捷接口提供底层接口

2016-02-29 17:05:21 1840

转载 Bootstrap多级导航栏(级联导航)的实现代码

在bootstrap官方来说,导航最多就是两级,两级以上是无法实现的,大叔找了一些第三方的资料,终于找到一个不错的插件,使用上和效果上都还不错,现在和大家分享一下插件地址:http://vsn4ik.github.io/bootstrap-submenu/先看一下,在后台系统上的显示效果下面说一下实现的方式1.引用三个JS插件和一个CSS类库

2016-02-17 23:37:00 4404 1

原创 Ajax随笔

1.加载HTML  $("#body").load(url[,data][,callback]);  url:指定要加载的HTML页面的URL地址  data:可选参数,指定要发到服务器数据  callback:指定在Ajax请求完成时执行  注:若data为“key1=value1&key2=value2” 则会发送Get请求,使用 Request.QueryString进行

2016-02-15 13:14:42 407

原创 jQuery性能优化

1,总是从ID选择器开始继承在jQuery中最快的选择器是ID选择器,因为它直接来自于JavaScript的getElementById()方法。例如有一段HTML代码: div id="content"> form method="post" action="#"> h2>交通信号灯h2> ul id="traffic_

2016-02-04 21:58:37 296

转载 不定义JQuery插件 不要说会JQuery

不定义JQuery插件,不要说会JQuery,为什么这么说,请看下文一、导言   有些WEB开发者,会引用一个JQuery类库,然后在网页上写一写("#"),("#"),("."),写了几年就对别人说非常熟悉JQuery。我曾经也是这样的人,直到有一次公司里的技术交流,我才改变了自己对自己的看法。二、普及JQuery知识知识1:用JQuery写插件时,最核心的方法有如下

2016-01-30 23:00:27 308

原创 JavaScript优化(三)

重绘与重排浏览器下载完页面中的所有组件——HTML标记、JavaScript、CSS、图片——之后回解析并生成两个内部数据结构:DOM树    表示页面结构渲染树    表示DOM节点如何显示重绘和重排操作都是代价昂贵的操作,它们会导致Web应用程序的UI反应迟钝。重排何时发生?添加或删除可见的DOM元素元素位置改变。元素尺寸改变(包括:外边距、内边距、边框厚度

2016-01-28 22:59:39 298

原创 JavaScript优化(二)

访问和修改DOM元素修改DOM元素的样式会导致重绘(repaint)和重排(reflow)通过处理DOM事件处理与用户的交互DOM的访问与修改访问DOM元素是有代价的。修改元素则更为昂贵,因为它会导致浏览器重新计算页面的几何变化。为了让你对DOM编程带来的性能问题有个量化的了解,请看下面的实例:function innerHTMLLoop() {    for (var

2016-01-27 17:41:00 290

原创 JavaScript优化(一)

加载和执行当浏览器在执行JavaScript代码时,不能同时做其他事情。由于脚本会阻塞页面其他资源下载,因此推荐将所有的标签尽可能放到标签的底部,以尽量减少对整个页面下载的影响。无阻塞的脚本 在页面加载完成后才加载JavaScript代码。用专业术语来说,这意味着在window对象的load事件触发后再下载脚本。 延迟的脚本 为设置defer属性,defer:设置或返回当前页面

2016-01-26 18:16:47 381

转载 Javascript算法系列之快速排序(Quicksort)

快速排序(Quicksort)是对冒泡排序的一种改进,是一种分而治之算法归并排序的风格核心的思想就是通过一趟排序将要排序的数据分割成独立的两部分,其中一部分的所有数据都比另外一部分的所有数据都要小,然后再按此方法对这两部分数据分别进行快速排序,整个排序过程可以递归进行,以此达到整个数据变成有序序列理论上的步骤:找到一个“支点”项目在数组中,可以是中心点,基准在阵列中的第

2016-01-24 22:31:11 390

原创 理解javascript函数式编程中的闭包

闭包(closure)是函数式编程中的概念,出现于 20 世纪 60 年代,最早实现闭包的语言是 Scheme,它是 LISP 的一种方言。之后闭包特性被其他语言广泛吸纳。闭包的严格定义是“由函数(环境)及其封闭的自由变量组成的集合体。”这个定义对于大家来说有些晦涩难懂,所以让我们先通过例子和不那么严格的解释来说明什么是闭包,然后再举例说明一些闭包的经典用途。什么是闭包

2016-01-22 22:40:45 488

转载 JavaScript模块化编程

JavaScript模块化编程的重要性JavaScript的原型是java,它也是一种面向对象编程语言,属于一种弱类型语言,它具有更大的灵活性。以往在编写javascript代码时,都是直接编写一个个.js文件,然后用script标签在html页面中引用,这样就会带来几方面的问题:1、出现大量的全局变量 js在每个地方都可以定义一个全局变量,编写不符合规范将导致大量全局变量的出现,最终

2016-01-21 23:56:15 427

原创 JavaScript测量和影响性能的工具和技术

一、FirebugFirebug是一款浏览器内嵌工具,它使Web开发人员能够完成很多以前根本完成不了的任务。我们可以通过使用控制台命令来调用函数或者运行代码,在联机状态下修改CSS,也可以监控那些形成一个网页所需要下载的资源。1、安装下载地址:Firebug:https://getfirebug.com/downloads/下载安装完成后,可以通过单击浏览器右上角的Firebug控

2016-01-20 22:37:06 531

原创 Less简介及简单用法

Less 是一门 CSS 预处理语言,它扩充了 CSS 语言,增加了诸如变量、混合(mixin)、函数等功能,让 CSS 更易维护、方便制作主题、扩充。可以运行在 Node、浏览器和 Rhino 平台上。安装在服务器端最容易的安装方式就是通过 npm (node.js 的包管理器),方法如下:全局使用less:npm install less -g如果你不在全局使用

2015-11-15 19:42:56 4424

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除