随笔分类 -  JavaScript

Javascript模块化开发4——Grunt常用模块
摘要：一、copy 用于复制文件与目录。 "grunt contrib copy" 二、eslint 检测代码的合理性。 "grunt eslint" 常见参数： 1.quiet 是否只显示errors。默认值false。 三、uglify 用于压缩文件。 "grunt contrib uglify" 常 阅读全文

posted @ 2019-11-20 11:16 Jingle Guo 阅读(312) 评论(0) 推荐(0)

Javascript模块化开发3——Grunt之预处理
摘要：一、grunt预处理简述 grunt的注册任务函数本身会对传入的参数和配置对象里的相关属性进行一定的预处理，方便任务函数进行操作。 grunt的registerTask方法和registerMultiTask方法会进行不同的预处理。 二、预处理参数 grunt命令通过grunt taskname:a 阅读全文

posted @ 2019-11-19 15:56 Jingle Guo 阅读(308) 评论(0) 推荐(0)

Javascript模块化开发2——Gruntfile.js详解
摘要：一、grunt模块简介 grunt插件，是一种npm环境下的自动化工具。对于需要反复重复的任务，例如压缩、编译、单元测试、linting等，自动化工具可以减轻你的劳动，简化你的工作。grunt模块根据Gruntfile.js文件中的配置进行任务。 如果在package.json中定义如下命令： 因为 阅读全文

posted @ 2019-11-18 15:52 Jingle Guo 阅读(2153) 评论(0) 推荐(0)

Javascript模块化开发1——package.json详解
摘要：一、环境安装 Node.js 安装包及源码下载地址为： "https://nodejs.org/en/download/" 。 在该页面你可以根据不同平台系统选择你需要的 Node.js 安装包。 Node.js里面集成了npm，npm是一种包管理工具，允许用户从NPM服务器下载别人编写的包或命令行 阅读全文

posted @ 2019-11-15 14:59 Jingle Guo 阅读(1444) 评论(0) 推荐(1)

简要揭秘在线代码编辑器
摘要：前言好像园里没啥帖子介绍在线代码编辑器，网上也多少相关资料，我做在线代码编辑器http://www.wcodei.com/的时候走了一堆的弯路，现在分享一下经验吧，我记性很差，就只能想到哪儿写到哪儿了，希望大家别介意。一.所见即所得编辑器与代码编辑器的技术对比两者看上去貌似很相似，都不是传统的edi... 阅读全文

posted @ 2014-12-22 17:06 Jingle Guo 阅读(1430) 评论(0) 推荐(1)

JQuery知识快览之八—deferred和callbacks对象
该文被密码保护。

posted @ 2013-12-23 13:23 Jingle Guo 阅读(4) 评论(0) 推荐(0)

JQuery知识快览之七—Ajax
该文被密码保护。

posted @ 2013-12-23 10:47 Jingle Guo 阅读(1) 评论(0) 推荐(0)

JSONP知识快览
该文被密码保护。

posted @ 2013-12-22 18:01 Jingle Guo 阅读(1) 评论(0) 推荐(0)

JSON知识快览
该文被密码保护。

posted @ 2013-12-22 16:31 Jingle Guo 阅读(1) 评论(0) 推荐(0)

JQuery知识快览之六—动画
该文被密码保护。

posted @ 2013-12-15 19:08 Jingle Guo 阅读(2) 评论(0) 推荐(0)

JQuery知识快览之五—操作属性和结构
摘要：前文提到JQuery提供了丰富的内置方法来操作对象集，本文主要介绍JQuery中的那些内置操作属性和DOM结构的方法。prop还是attr?从JQuery1.6版开始，新增了prop方法来获取和设置JQuery对象的属性，这里的prop方法和attr方法究竟有什么区别呢？要弄懂这个问题，我们首先要区别property和attribute两个概念。property主要是针对DOM对象的，而attribute主要是针对HTML标签的。这样对prop和attr这两个方法来说，它们的区别主要在如下几个方面：1.我们知道对于checkbox这个DOM对象来说，它必然有个选择状态，且它的选择状态只有两种， 阅读全文

posted @ 2013-12-15 19:00 Jingle Guo 阅读(1110) 评论(0) 推荐(0)

JQuery知识快览之四—样式
摘要：前面我们获取了对象集，本文介绍怎么控制对象集的样式基本概念在一个html页面中，我们有两种方式来控制一个对象的样式，用HTML attribute控制，或者用CSS类来控制，这两种方法虽然都能控制对象的样式，但是通过CSS来控制对象的样式，将内容和呈现分离开来是更为推荐的一种方法。JQuery提供了丰富的控制CSS样式的方法。修改CSS类我们可以通过attr和prop来直接修改对象的CSS类，但是一个对象可以有多个CSS类，我们有时只是想增加或者去掉一个CSS类，这时，用attr和prop就不是那么方便了，JQuery提供了如下便利的方法来修改CSS类1.增加CSS类addClass(clas 阅读全文

posted @ 2013-12-15 11:07 Jingle Guo 阅读(1025) 评论(0) 推荐(2)

JQuery知识快览之三—JQuery对象集
摘要：本文讲述JQuery对象集的各相关知识获取JQuery对象集JQuery对象，和DOM对象是两个不同的东西，JQuery对象可以是DOM对象的封装，但是JQuery对象不只是DOM对象的封装，它还可以代表其自定义的对象。为什么要获取JQuery对象而不直接使用DOM对象呢？因为JQuery对象对DOM对象的操作进行了很好的封装，你可以方便的用JQuery对象的方法来操作内部封装的DOM对象，而不用操心浏览器兼容性的问题。JQuery函数，简写为$可以有多种不同的用法1.$(DOM element)将一个DOM element封装成JQuery对象，前面讲到的$(this)就是这种用法。2.$( 阅读全文

posted @ 2013-12-14 20:16 Jingle Guo 阅读(1399) 评论(1) 推荐(1)

JQuery知识快览之二—事件
摘要：事件是脚本语言的核心。本文将为大家介绍JQuery支持的一些事件和如何自定义事件JQuery内置事件1.Document加载事件JQuery提供了ready，load，unload三个Document加载事件。load和unload事件从1.8版开始就不赞成使用了，ready可以说是我们用得最多的一个事件。这是一个最特别的事件，所有的JQuery语句的执行都始于ready事件。一般都在这个事件的响应函数里绑定其他的响应函数，执行代码等。相对于JavaScript的load事件来说，ready事件更优，因为load事件是在一个页面的所有资源，如图片等都下载完成以后发生，而ready事件在DOM下 阅读全文

posted @ 2013-12-10 22:02 Jingle Guo 阅读(1290) 评论(1) 推荐(0)

JQuery知识快览之一—选择器
摘要：阅读指导：本文参考最新的1.10.2版写成，针对用得比较多的1.4版，所有1.5版之后的函数都会注明哪一版新增。对于熟悉1.4版想学1.10版的请直接搜索"新增"。JQuery是一个JavaScript库，它提供了很多有用的API,简化了我们使用JavaScript的方式。JQuery由JQuery.com提供，你可以在该网站上下到最新的有两种类型的JQuery，一种是未压缩的，便于你学习其源代码，另一种是压缩的，不易阅读但是更节约流量。现在有两个版本的JQuery，V1.x支持ie6,7,8，V2.x开始不支持ie6,7,8了。现在1.x的最新版本是1.10.2如果你不愿 阅读全文

posted @ 2013-12-08 16:14 Jingle Guo 阅读(1355) 评论(6) 推荐(5)