随笔分类 - 前端技术
HTML,Javascript,css,jQuery
摘要：在前端开发的过程中，编写 HTML、CSS 代码始终占据了很大的工作比例。特别是手动编写 HTML 代码，效率特别低下，因为需要敲打各种“尖括号”、闭合标签等。而现在 Emmet 就是为了提高代码编写的效率而诞生的，它提供了一种非常简练的语法规则，然后立刻生成对应的 HTML 结构或者 CSS 代码，同时还有多种实用的功能帮助进行前端开发。你可能听说过一款强大的功能相似的工具：Zen Coding，那个比较老了，而现在的 Emmet 则是 Zen Coding 的升级版，由 Zen Coding 的原作者进行开发等。 Emmet 严格意义上来说，并不是一款软件或者工具，它是一款编辑器插件，必须
阅读全文
摘要：在完成了Asgrid的基本功能后，还需要一个排序的功能。回想一下数据结构和算法，有很多的排序算法。在维基百科上找到的排序算法 在这里并不需要很复杂的排序，在这里我选择了快速排序算法 快速排序在平均状况下，排序 n 个项目要Ο(n log n)次比较。在最坏状况下则需要Ο(n2)次比较，但这种状况并不常见。事实上，快速排序通常明显比其他Ο(n log n) 算法更快，因为它的内部循环（inner loop）可以在大部分的架构上很有效率地被实现出来。 添加表头点击事件 首先给控件添加两个新的参数用来记录当前的排序状态: storKey :记录当前点击的表头列 order：记录当前排序，有两个值a.
阅读全文
摘要：在做一个js控件的时候，需要从后台取的数据后将内容添加到一个表格中，当数据量在1000行以上的时候，数据加载在IE下面会很慢，代码如下： 页面代码： <table class="bb"></table>js代码 $("#Button1").click(function () { $.post("http://localhost:...
阅读全文
摘要：最近做的一个项目中用到EasyUI，在开发起来还是非常方便的，而且文档齐全，看了两天文档，对照官方的例子，基本上都能找到相应的解决方法。但是easyUI的datagrid控件在加载数据过多的时候就会非常慢，特别是在IE上的时候，同事测试的时候500条记录从返回数据给前端到前端显示出来需要10秒左右，对于用的人来说这个等待时间太长了。是不可以接受的。有人会说为什么一定要加载这么多数据呢，...
阅读全文
摘要：扩展jQuery插件和方法的作用是非常强大的，它可以节省大量开发时间。这篇文章将概述jQuery插件开发的基本知识，最佳做法和常见的陷阱。目录1 入门2 环境3 基础4 保持Chainability5 默认设置和选项6 命名空间6.1 插件的方法6.2 事件6.3 数据7 总结和最佳实践入门编写一个jQuery插件开始于给jQuery.fn加入新的功能属性，此处添加的对象属性的名称就是你插件的名称： jQuery.fn.myPlugin = function（）{ //你自己的插件代码 };用户非常喜欢的$符号哪里去了？ 它仍然存在，但是，为了避免和其他JavaScript库冲突，我...
阅读全文
摘要：格式：(function(){//代码})();解释：这是相当优雅的代码（如果你首次看见可能会一头雾水：）），包围函数（function(){})的第一对括号向脚本返回未命名的函数，随后一对空括号立即执行返回的未命名函数，括号内为匿名函数的参数。 来个带参数的例子： (function(arg){alert(arg+100);})(20);// 这个例子返回120。回来看看jquery的插件编写(function($) { // Code goes here})(jQuery);这样代码等同于 var a=functon($){//code};a(jQuery);
阅读全文
摘要：//例子1 var a = 10086; function f1() { alert(a); } f1(); //999 //例子2：函数内部变量声明的时候，必须要用var 否则实际是声明了一个全局变量 function f2() { var b = 10086...
阅读全文
摘要：在做的一个项目要用到easyUI，开始要我做数据库设计和写一些复杂的存储过程等，后面写前端的人手不够，我又对业务熟悉对前段也相对来说熟悉一点，但对easyUI从来没用过，于是看着API写前段，这两天碰到一个问题就是要级联的加载combogrid里的数据。死活把数据加载不出来 ，在博问上也问了，oschina上也问了，元旦了，大家都过节，没有回答，代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-
阅读全文
摘要：看到ajax这里我们先看一下如何用javascritp写一个ajax出来 Ajax的原理就是XMLHttpRequest这个对象首先我们需要建立这个对象 首先我们建立一个xajax.js的文件 [代码]这里我们建立了一个XMLHttpRequest对象 ，XMLHttpRequest对象唯一的目的就是发送请求和接受相应我们在ajax中常用的几个函数open()：建立到服务器的新请求。 send()...
阅读全文
摘要：1 事件载入 ready(fn) fn就是dom加载完成时运行的代码 $(document).ready(function(){}); 也可以简写成$(function(){}); 在javascript中也有事件载入的函数 不过载入只能有一个，这里可以写多个$(fn) ,Jquery会按顺序来执行载入2 事件处理 bind(type,fn)给每个元素的事件绑定一个事件处理函数 比如$(&ldqu...
阅读全文
摘要：1 基本 Show（speed，[fn]） 显示 hide 隐藏 toggle相反 三个函数都可以设置速度 三种预定速度分别为 slow normal fast 或设置成动画时长 ，完成后可以设置一个动画完成的函数 2 滑动 slideDwn(speed,[fn]) slideUp slideToggle 三个函数用来展示滑动效果通过高度变化来动态显示所有匹配的元素分别是 1向下增大2 向上减...
阅读全文
摘要：1 内部插入 append(content) 给每个匹配元素内部追加类容，和那个.net里面的stringBulider差不多 appendTo(content)把所有匹配的元素最佳到另一个指定的元素上面 和append()的操作方式相反 一个是把a加到b中 一个是把b加到a中 prepend() 在匹配元素的前面加内容，这个和append()一样 ，只不过一个是在前面一个是在后面。当然也有pr...
阅读全文
摘要：在javascript中我们常常要改变dom的css样式 ，同样Jquery也对改变css做了封装不用我们去用 getElementByid().style.……来操作了1 css 这里只有一个函数 css(name)得到一个样式的值，当然也可以css（name，value）来给一个样式赋值。这里我们也可以用josn来赋值css({name:value,name:va...
阅读全文
摘要：1.过滤 eq（index） 看这个函数和基础里的:eq貌似是一样的（其实就是一样的）比如我们对<div>1</div><div>1</div>做选择，那我们可以用$(“div”).eq(1)或$(“div:eq(1)”)来选中第二个div效果是一样的 hasClass(class) 用来判断当前元素...
阅读全文
摘要：在选择器的API学习中，走马观花的把选择器过了一遍，但是选择归选择，选择出来了没干什么事，也没有什么用嘛我们常常需要对节点属性，内容，文本进行变更，就需要用到这里的几个函数了 。1属性 这里我们看到了一个 attr（）函数，有四种形式其中 attr（name）是得到一个所选择的属性值，attr（properties）attr（key，value） attr（key，fn）是为一个属性赋值 这里要说...
阅读全文
摘要：Jquery 选择器是最基本的操作了，当我们用原生的javascript的时候，我们为了选择一个对象不得不花费九头二虎之力，有了Jquery的选择器，吃饭饭饭香，身体倍棒……1.基本 我们知道jquery最常用的就是选择器了，我们看一下jqueryAPI中的 选择器—基本中有5种情况 class ,id ,element, *,还有一个多选择器，这里我们想一...
阅读全文
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>...
阅读全文
摘要：1.向上滚动 [代码][代码]2.左滚动[代码][代码]
阅读全文
浙公网安备 33010602011771号