web前端
文章平均质量分 68
tytammy
这个作者很懒,什么都没留下…
展开
-
Less简介及简单用法
Less 是一门 CSS 预处理语言,它扩充了 CSS 语言,增加了诸如变量、混合(mixin)、函数等功能,让 CSS 更易维护、方便制作主题、扩充。可以运行在 Node、浏览器和 Rhino 平台上。安装在服务器端最容易的安装方式就是通过 npm (node.js 的包管理器),方法如下:全局使用less:npm install less -g如果你不在全局使用原创 2015-11-15 19:42:56 · 4374 阅读 · 0 评论 -
Bootstrap多级导航栏(级联导航)的实现代码
在bootstrap官方来说,导航最多就是两级,两级以上是无法实现的,大叔找了一些第三方的资料,终于找到一个不错的插件,使用上和效果上都还不错,现在和大家分享一下插件地址:http://vsn4ik.github.io/bootstrap-submenu/先看一下,在后台系统上的显示效果下面说一下实现的方式1.引用三个JS插件和一个CSS类库转载 2016-02-17 23:37:00 · 4237 阅读 · 1 评论 -
Ajax 整体结构
jQuery.Ajax做了那些事?我们知道AJAX的底层实现其实是很简单的.抛开IE不说,标准的w3c直接提供了XMLHttpRequest方法我们主要站在设计的角度理解,如何设计出低耦合高内聚的代码jQuery对Ajax的处理主要体现在对浏览器兼容,数据的处理及过滤,各种事件的封装上主要有以下几部分扩展:提供快捷接口提供底层接口转载 2016-02-29 17:05:21 · 1802 阅读 · 0 评论 -
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 · 269 阅读 · 0 评论 -
笔记
<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 · 352 阅读 · 0 评论 -
如何判断盒子的containing block
containing block转载 2016-03-28 22:01:47 · 376 阅读 · 0 评论 -
RegExp
ECMAScript通过RegExp类型来支持正则表达式。形式如下:var expression = / pattern / flags ;patten:可以是任何简单或复杂的正则表达式,可以包含字符类、限定符、分组、向前查找以及反向应用; flags:每个正则表达式都可带有一个或多个flags;三个flags:g:表示全局模式,即模式将应用于所有字符串,而不是在找到第一个匹配项时就立即停止。原创 2016-07-15 17:17:57 · 1212 阅读 · 0 评论 -
jQuery性能优化
4,对直接的DOM操作进行限制这里的基本思想是在内存中建立你确实想要的东西,然后更新DOM 。 这并不是一个jQuery最佳实践,但必须进行有效的JavaScript操作 。直接的DOM操作速度很慢。例如,你想动态的创建一组列表元素,千万不要这样做,如下所示: var top_100_list = [], // 假设这里是100个独一无二的字符串 $mylist = $("#mylist原创 2016-03-08 20:56:21 · 333 阅读 · 0 评论 -
JS中数组Array方法
概述map()方法返回一个由原数组中的每个元素调用一个指定的方法后的返回值组成的新数组。语法array.map(callback[, thisArg])参数callback 原数组中的元素经过该方法后返回一个新的元素。currentValuecallback的第一个参数,数组中当前被传递的元素。indexcallback的第二个参数,数组中当前被传递的元素的索引。arraycallback的原创 2016-08-31 16:25:48 · 1371 阅读 · 0 评论 -
不定义JQuery插件 不要说会JQuery
不定义JQuery插件,不要说会JQuery,为什么这么说,请看下文一、导言 有些WEB开发者,会引用一个JQuery类库,然后在网页上写一写("#"),("#"),("."),写了几年就对别人说非常熟悉JQuery。我曾经也是这样的人,直到有一次公司里的技术交流,我才改变了自己对自己的看法。二、普及JQuery知识知识1:用JQuery写插件时,最核心的方法有如下转载 2016-01-30 23:00:27 · 280 阅读 · 0 评论 -
理解javascript函数式编程中的闭包
闭包(closure)是函数式编程中的概念,出现于 20 世纪 60 年代,最早实现闭包的语言是 Scheme,它是 LISP 的一种方言。之后闭包特性被其他语言广泛吸纳。闭包的严格定义是“由函数(环境)及其封闭的自由变量组成的集合体。”这个定义对于大家来说有些晦涩难懂,所以让我们先通过例子和不那么严格的解释来说明什么是闭包,然后再举例说明一些闭包的经典用途。什么是闭包原创 2016-01-22 22:40:45 · 467 阅读 · 0 评论 -
JavaScript模块化编程
JavaScript模块化编程的重要性JavaScript的原型是java,它也是一种面向对象编程语言,属于一种弱类型语言,它具有更大的灵活性。以往在编写javascript代码时,都是直接编写一个个.js文件,然后用script标签在html页面中引用,这样就会带来几方面的问题:1、出现大量的全局变量 js在每个地方都可以定义一个全局变量,编写不符合规范将导致大量全局变量的出现,最终转载 2016-01-21 23:56:15 · 380 阅读 · 0 评论 -
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 · 384 阅读 · 0 评论 -
JavaScript优化(三)
重绘与重排浏览器下载完页面中的所有组件——HTML标记、JavaScript、CSS、图片——之后回解析并生成两个内部数据结构:DOM树 表示页面结构渲染树 表示DOM节点如何显示重绘和重排操作都是代价昂贵的操作,它们会导致Web应用程序的UI反应迟钝。重排何时发生?添加或删除可见的DOM元素元素位置改变。元素尺寸改变(包括:外边距、内边距、边框厚度原创 2016-01-28 22:59:39 · 268 阅读 · 0 评论 -
Javascript算法系列之快速排序(Quicksort)
快速排序(Quicksort)是对冒泡排序的一种改进,是一种分而治之算法归并排序的风格核心的思想就是通过一趟排序将要排序的数据分割成独立的两部分,其中一部分的所有数据都比另外一部分的所有数据都要小,然后再按此方法对这两部分数据分别进行快速排序,整个排序过程可以递归进行,以此达到整个数据变成有序序列理论上的步骤:找到一个“支点”项目在数组中,可以是中心点,基准在阵列中的第转载 2016-01-24 22:31:11 · 342 阅读 · 0 评论 -
JavaScript优化(一)
加载和执行当浏览器在执行JavaScript代码时,不能同时做其他事情。由于脚本会阻塞页面其他资源下载,因此推荐将所有的标签尽可能放到标签的底部,以尽量减少对整个页面下载的影响。无阻塞的脚本 在页面加载完成后才加载JavaScript代码。用专业术语来说,这意味着在window对象的load事件触发后再下载脚本。 延迟的脚本 为设置defer属性,defer:设置或返回当前页面原创 2016-01-26 18:16:47 · 352 阅读 · 0 评论 -
JavaScript优化(二)
访问和修改DOM元素修改DOM元素的样式会导致重绘(repaint)和重排(reflow)通过处理DOM事件处理与用户的交互DOM的访问与修改访问DOM元素是有代价的。修改元素则更为昂贵,因为它会导致浏览器重新计算页面的几何变化。为了让你对DOM编程带来的性能问题有个量化的了解,请看下面的实例:function innerHTMLLoop() { for (var原创 2016-01-27 17:41:00 · 262 阅读 · 0 评论 -
将json中的数据加载到table和ul中
将json文件中的数据加载到table和ul中,代码如下原创 2016-09-01 17:17:07 · 7120 阅读 · 0 评论