聚合文章列表
6 浏览

67 个节省开发者时间的实用工具、库与资源

在这篇文章中，我不会与大家谈论大型的前端框架，如React、Angular、Vue等，也没有涉及那些流行的代码编辑器，如Atom、VSCode、Sublime，我只想与大家分享一个有助于提升开发人员效率的工具列表合集。或许，一些朋友已经对文中的一些工具有所了解，但如果你发现了一些对你有帮助的新工具，那么，我将倍感欣慰。由于这个列表中包含了不同类别的资源，为了便于大家查看，我已将其进行了重新的分类，来Enjoy吧！

jQuery 2017-09-18 发布
6 浏览

SSH电商项目实战之六：基于DataGrid的数据显示

EasyUI中DataGrid以表格形式展示数据，并提供了丰富的选择、排序、分组和编辑数据的功能支持。DataGrid的设计用于缩短开发时间，并且使开发人员不需要具备特定的知识。它是轻量级的且功能丰富。单元格合并、多列标题、冻结列和页脚只是其中的一小部分功能。1.回顾一下第4节内容在第4节中，我们使用EasyUI搭建好了左侧菜单栏，并且通过点击菜单选项在右边弹出对应的选项卡。这节我们来使用DataGrid把右边的选项卡部分做好。先看一下第4节中最后的aindex.jsp文件（也可参见第4节中的内容）：2.创建DataGrid控件的几种方式DataGrid显示数据是json格式的，所以我们首先要把从后台获取到的数据打包成Jason格式，然后传到前台来让DataGrid来显示，这一节我们先不从后台获取数据，先自己准备一个.json文件，里面有ison格式的数据，然后我们来让DataGird显示，先把显示功能做好，再请求后台数据。我们先从EasyUI的参考文档中看一下DataGrid显示的格式是什么样的，如下图所示：

jQuery 2017-09-19 发布
8 浏览

jquery常用的一些语法

选择器-bytag：jQuery使用CSS选择器来选取HTML元素。示例：$("p")选取

元素。$("p.intro")选取所有class="intro"的

元素。$("p#demo")选取id="demo"的第一个

元素。选择器-byprop：jQuery使用XPath表达式来选择带有给定属性的元素。示例：$("[href]")选取所有带有href属性的元素。$("[href='#']")选取所有带有href值等于"#"的元素。$("[href!='#']")选取所有带有href值不等于"#"的元素。$("[href$='.jpg']")选取所有href值以".jpg"结尾的元素。

jQuery 2017-09-19 发布
AD 友情赞助
10 浏览

JavaScript插件编写指南form验证

在jQuery大量使用的环境下，目前网上的众多jQuery插件也能基本满足要求，但是在项目具体需求下，有时候依旧需要自己造轮子，本文介绍了依赖jQuery库进行原生JavsScript插件的编写。插件需要满足的条件一个可复用的插件需要满足以下条件：插件自身的作用域与用户当前的作用域相互独立，也就是插件内部的私有变量不能影响使用者的环境变量；插件需具备默认设置参数；插件除了具备已实现的基本功能外，需提供部分API，使用者可以通过该API修改插件+功能的默认参数，从而实现用户自定义插件效果；插件支持链式调用。1，基本插件格式实现私有作用域，最好的办法就是使用闭包。可以把插件当做一个函数，插件内部的变量及函数的私有变量，为了在调用插件后依旧能使用其功能，闭包的作用就是延长函数(插件)内部变量的生命周期，使得插件函数可以重复调用，而不影响用户自身作用域。故需将插件的所有功能写在一个立即执行函数中：(function(window,factory,plug){factory(jQuery,plug)})(this,functio

jQuery 2017-09-19 发布
8 浏览

了解jQuery技巧来提高你的代码（下）

8.善于利用jQuery链jQuery链不但允许以简洁的方式写出强大的操作，而且提高了开发效率，因为它能够把多个命令应用到包装集，而不必重新计算包装集。从而你不用再这样写了：

  • Description:
    • $('#shopping_cart_itemsinput.text').css('border','3pxdashedyellow');$('#shopping_cart_itemsinput.text').css('background-color','red');$('#shopping_cart_itemsinput.text').val("textupdated");取而代之你可以使用jQuery链来完成简便的操作：varinput_text=$('#shopping_cart_itemsinput.text');input_text.css('border','3pxdashedyel

    jQuery 2017-09-20 发布
    11 浏览

    了解jQuery技巧来提高你的代码(上）

    jQuery之所以如此流行并被从大公司到个人博客的几乎每个人都广泛使用，是因为它上手和使用相当简单，而且为我们提供了一些人都不知道的相当棒的特性。我认为jQuery的大多数用户更趋向于使用jQuery插件来解决面临的难题，这通常是明智的选择。但是当插件相对于你的需求有一定缺陷的时候，你也许更应该想办法自己来解决，下面来看看这些实用的jQuery技巧，他们肯定会能够派上用场的！1.测试并提升你的jQuery选择器水平这个jQuery选择器实验室非常酷，它能在线免费使用，当然你也能下来到本地离线使用。这个测试页面包含复杂的HTML组合字段，然后你能尝试预定义使用各种jQuery选择器。如果这还不够你也可以自定义选择器。Paste_Image.png2.测试jQuery包装集是否包含某些元素如果你想测试一下某个jQuery包装集中是否包含某些元素，你首先可以尝试使用验证首个元素是否存在：if($(selector)[0]){}//或者这样if($(selector).length){}来看看这个例子：Paste_I

    jQuery 2017-09-20 发布
    AD 友情赞助
    7 浏览

    Node.js之爬取点我达技术博客上的数据(-)

    前言最近几天在看node.js方面的东西，想着结合一些小实例进行学习，这样可以更好的掌握所学的内容。于是就定了一个小demo，爬取点我达技术博客上面的文章标题+文章作者+发布时间。有不对的地方欢迎指正。环境搭建下载node.js下载webStorm这两个东西的下载网上都有很详细的下载过程。需要的一些基础知识htmljavascriptjquerynode.js创建项目进入到项目存放的路径下mkdirdirname创建文件夹cddirname进入文件夹路径npminit初始化项目如果没有特殊的要求，接下去的过程可以一路回车键，这样就可以完成项目的初始化过程了安装cheerio包npminstallcheerio在dirname中创建一个js文件用于编写代码cheerio为服务器特别定制的，快速、灵活、实施的jQuery核心实现Cheerio包括了jQuery核心的子集。Cheerio从jQuery库中去除了所有DOM不一致性和浏览器尴尬的部分，揭示了它真正优雅的APICheerio工作在一个非常简单

    jQuery 2017-09-21 发布
    6 浏览

    jQuery中的常用内容总结(一)

    jQuery中的常用内容总结(一)前言不好意思(✿◠‿◠)，由于回家看病以及处理一些其它事情耽搁了，不然这篇博客本该上上周或者上周写的；同时闲谈几句：在这里建议各位开发的童鞋，如果有疾病尽快治疗，不要拖，大病的话甚是~，身体是本钱，如果人的身体健康是一的话，若没有前面的一，后面再多的零也是徒然，同时，建议在开发的时候保持一个好的心态，积极面对需求和技术难点，不要像我一样在难的地方朝一个地方死钻、而且经常性考虑需求之外的需求，这样都是不太好，尽量以"需求"的心态去"开发"，而不是以"开发"的心态做"需求",这点要理清~(◕ܫ◕)~NOW，回到正题==》内容提要选择器(本节)选择器的扩展方法(本节)节点的CSS操作及节点其他操作(本节)Ajax同步与异步(第二节)事件(第二节)弹窗(第三节)参数序列化(第四节)遍历(第四节)其他(第四节)选择器大致分四类:>>CLASS(类)选择器形如:$(".[dom中定义的class的值]");>>ID选择器形如:$("#[dom中定义的ID的值]");>>

    jQuery 2017-09-21 发布
    20 浏览

    jquery自定义banner图滚动插件---（解决最后一张图片倒回第一张图片的bug）

    banner图的滚动效果动画最近做项目中banner滚动的时候遇到了一个小bug，当banner滚动到最后一张图再跳回第一张图时，会出现默认的倒回第一张图的过渡效果，看了几个插件都是这样，所以自定义了一个插件修改了一下，方便以后使用。by一个刚上路的女码农有后退动画的banner效果如下jquery图片轮播